body { font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif; font-size:14px; line-height: 1.3; color: #333333; }
.background {position: absolute;width: 100%; background:#eeeeee url(../images/bg.gif) repeat;}

table { 
    border-spacing: 0px;
    border-collapse: separate;
}
td { 
    padding: 0px;
}

h1 { margin:0; font-family:trebuchet ms,verdana,arial,sans-serif; font-size: 26px; color:#011931;}
h2 { margin:0; font-family:trebuchet ms,verdana,arial,sans-serif; font-size: 22px; color:#011931;}
h3 { margin:0; font-family:trebuchet ms,verdana,arial,sans-serif; font-size: 18px; color:#011931;}
h4 { margin:0; font-family:trebuchet ms,verdana,arial,sans-serif; font-size: 16px; color:#011931;}
h5 { margin:0; font-family:trebuchet ms,verdana,arial,sans-serif; font-size: 14px; color:#011931;}

a:link, a:visited {     color: #0066D5;     text-decoration: none;    }
a:hover, a:active  {     color: #000088;     text-decoration: underline;   }

.derecho   {     font-family: Verdana;    font-size: 10px;    }

.grupos_titulo
{
    font-size: 21px;
    font-weight: normal;
    color: rgb(0, 110, 18);
    font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
}
.grupos_subtitulo
{
    font-size: 12px;
    font-weight: normal;
    color: rgb(42, 42, 42);
    font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
    line-height: 14px;
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: disc; 
}

.cabecera_td_logo
{
    /*width: 50%;*/
    vertical-align: top;
    text-align: left;
}

.cabecera_td_info
{
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
.cabecera_tabla_info
{
    width: 100%;
    height: 100%;
}
.cabecera_td_info_sistema
{
    font-family: Segoe UI,Verdana;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    text-align: center;
}
.cabecera_td_info_sistema-small
{
    font-family: Segoe UI,Verdana;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #666666;
    text-align: center;
}
.cabecera_td_info_compania
{
    font-family: Segoe UI,Verdana;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    color: #666666;
}
.cabecera_td_info_usuario
{
    font-family: Segoe UI,Verdana;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    vertical-align: middle;
}
.cabecera_tituloapp
{
    font-family: Segoe UI,Verdana;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    text-align: center;
}
.cabecera_labelerror
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: #C00000;
    text-align: center;
}

.topmenu_item
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    vertical-align: middle;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
}
.topmenu_item a
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    vertical-align: middle;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
}
.topmenu_item:hover
{
    background: #555;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    vertical-align: middle;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
}

.topmenu_img
{
    vertical-align: middle;
    text-align: left;
    padding-top: 5px;
    width: 20px;
}
.login_campos
{
    border-style: none;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    color: #666666;
    text-transform: uppercase;
    height: 14px;
    width: 100%;
}

.login_toptext
{
	font-family: Verdana, Segoe UI;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	padding-left: 48px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	color: #FFFFFF;
}
.login_titulos
{
    font-family: Verdana, Segoe UI;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    padding-left: 10px;
    padding-bottom: 5px;
    text-align: center;
}

.login_usuario
{
    font-family: Segoe UI, Verdana;
    text-transform: uppercase; 
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    padding-bottom: 
    5px;
}
.login_fields
{
    font-family: Segoe UI, Verdana;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    padding-left: 0px;
    padding-bottom: 5px;
    text-align: left;
    width:50px;
}

.login_boton_td
{
	padding-left: 3px;
	padding-right: 6px;
	text-align: center;
	padding-top: 5px;
	vertical-align: middle;
}
.login_botonout_td
{
    padding-left: 3px;
    padding-right: 6px;
    text-align: center;
    padding-top: 5px;
}
.login_errores
{
    font-family: Verdana;
    font-size: x-small;
    font-weight: normal;
    color: #FF0000;
    font-style: normal;
    padding-left: 6px;
    text-align: center;
}

.highLightInput {
	background-color: #FCFFC5;
	background-image: none;
}

.texto_titulos
{
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    color: #008080;
    font-style: normal;
}

.texto_msg1
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}
.texto_direccion
{
    font-family: MS Sans Serif, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
}

.progs_titulos
{
    font-family: Verdana, Arial;
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    font-style: normal;
    padding-top: 5px;
    text-align: center;
    padding-bottom: 5px;
}

.progs_labels
{
	font-family: Segoe UI,Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	font-style: normal;
	vertical-align: middle;
	text-align: left;
	height: 22;
}
.progs_checkboxes
{
    font-family: "segoe ui",arial,sans-serif;
    /*font-family: sans-serif,arial;*/
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    font-style: normal;
    vertical-align: middle;
    text-align: left;
}
.progs_fields
{
	height: 13px;
	font-size: 11px;
    font-weight: normal;

}
.progs_tds
{
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
	height: 22px;
	text-align: left;
}

.grids_header
{
    background-image: url(/images/grids_header.png);
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    font-style: normal;
    background-repeat: repeat-x;
    height: 23px;
    vertical-align: middle;
}

.search_header_td
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
	height: 26;
}

.search_header_botones_td
{
	padding: 0px;
	margin: 0px;
    text-align: right;
    vertical-align: middle;
    height: 26;
}

.search_labels   {	font-family: Segoe UI,Verdana;	font-size: 13px;	font-weight: normal;   }
.tabStrip  {     font-family: Arial;    font-size: 10px;  }

.footer_links  {    font-family: Segoe UI,Verdana;    font-size: 11px;    color: #999999;    text-decoration: none;    }
.footer_links_td  {    border-width: 2px;    border-color: #CCCCCC;    border-top-style: outset;   }
.footer_links a  {    font-family: Segoe UI,Verdana;    font-size: 11px;    color: #999999;    text-decoration: none;    }
.footer_links a:hover  {    font-family: Segoe UI,Verdana;    font-size: 11px;    color: #3399FF;    text-decoration: none;    }

.leftbox  {  width: 100%;   }
.leftbox tr {  background-image: url('/images/fondos/barradialogbd_bg.png'); background-repeat:repeat-y;  }
.leftbox_top  { height: 25px; background-image: url('/images/fondos/barradialog_bg.png'); background-repeat:repeat-y; }
.leftbox_bottom  {  height: 4px; background-image: url('/images/fondos/barradialogbot_bg.png'); background-repeat:repeat-y; }

/* Content */
#main { margin:0px auto;position: relative;}
#main-content { clear:both;background:#fff;position:relative; padding: 9px; height:100%;border-left: 1px solid #bab9b9;border-right: 1px solid #bab9b9;color: #555;}
.shadow {background:url(../images/shadow.png) repeat-y 50% transparent; margin: 0 auto; width: 995px;  }
.shadowtop {background-image: url(../images/shadowtop.png);height: 7px;margin: 0 auto;width: 995px;   }

#user-bottom { background: #555 ; width: 950px; margin:0 auto; padding: 0; text-align: left; height: 100%; border-top: 4px solid #f1f1f1; font-family: Helvetica, Arial, sans-serif; font-size:13px;}
.separador { margin:0 auto; padding: 0; text-align: left; border-top: 4px solid #f1f1f1;}
.user1  h3, .user2  h3, .user3  h3 {color:#555;}
.user1, .user2, .user3 { background:#e4e4e4; text-shadow: #fff 0 1px; color: #555; padding: 2px 6px 2px 6px; float: left; width: 300px; margin: 2px;}

.custom-textintro { font-family: 'Segoe UI,Verdana', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida sans', sans-serif; line-height: 19px; text-align: left; font-style: normal; font-weight: normal; font-size: 16px; }
.custom-textintro2 { font-family: 'Segoe UI,Verdana', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida sans', sans-serif; line-height: 15px; text-align: left; font-style: normal; font-weight: normal; font-size: 12px; }

#topmenu ul {   margin: 0;  padding: 0; list-style-type: none;  text-align: left; overflow: hidden; font-family: Helvetica, Arial, sans-serif; font-size:13px; }
#topmenu ul li {    display: inline; display: block; float: left;}
#topmenu ul li a {   text-decoration: none;  font-weight:bold;  color: #fff; padding: 7px 12px 6px 5px; margin: -5 0 0 3; vertical-align: middle;}
#topmenu ul li a:hover   {   background-color: #555; }
.topmenu_img {  padding: 0px 0px 0px 0px;  }