/*******************************************************************************
  * file:    autbauti.css
  * about:   especificaciones de estilo de la página
  * autor:   mercenario (daemon@gdevelop.net)
  * history:  - 19/04/2010: creacion
  *****************************************************************************/

/*******************************************************************************
  * ETIQUETAS: Personalización de las principales etiquetas usadas en el sitio
  *****************************************************************************/

html,body{
padding:0;
margin:0;
}

html{
padding:0px;
margin:0px;
}

body{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
color:#4981A2;
background-color:#b00032;
padding:0px 0px;
margin:0px;
text-align: center;
}

td.nfo{text-align:center;padding:3px;}
span.nfo{font-size:10px;color:white;padding:3px;}

div.data{min-height:350px;height:auto !important;height:350px;text-align:left;}
h1,h2,h3,h4,p{margin:3px;}

#pagina{
border: 0px solid #EEEEEE;
text-align: center;
background-image: url(img/pagina_fondo2.gif);
margin: 0px auto;
padding: 0px;
width: 740px;
background-color: #FFFFFF;
}

img{border: 0;}
img.Medio{vertical-align: middle;}
form{margin: 0;}

/* CABECERA */
#cabecera{
height: 124px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #000000;
TEXT-DECORATION: none;
BACKGROUND-COLOR: transparent;
}

#cabecera .top{}

#cabecera .bottom{}

/* BARRA SUPERIOR */
#barraSuperior{width: 202px;}

#barraSuperior .izquierda{width: 339px;}

#barraSuperior .centro{
border-color: #EA7B0D #FFFFFF #FFFFFF #FFFFFF;
border-style: solid;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
}

#barraSuperior .derecha{}

/* BARRA LATERAL */
#barraLateral{
float: left;
text-align:left;
width: 192px !important;
width: 150px /**/;
BACKGROUND-COLOR: transparent;
background-image: url(img/fondo_barra_lateral.jpg);
background-repeat: repeat-y;
margin: 0px auto;
padding: 0px;
}

#barraLateral .top{
border-color: #EA7BFF #FFFFFF #FFFFFF #FFFFFF;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}

#barraLateral .bottom{
border-color: #EA7B0D #FFFFFF #FFFFFF #FFFFFF;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}

/* BUSCADOR */
#buscador{
width: 220px;
height: 30px;
padding-left: 10px;
padding-top: 60px;
vertical-align: middle;
background-image: url(img/buscador_fondo.jpg);
background-color: transparent;
background-repeat: no-repeat;
text-align:left;
}
*html #buscador{height: 56px;}

#buscador input{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
COLOR: #666666;
vertical-align: middle;
width:125px;
}

#buscador .Medio{width:21px;}

/*MENU SECCION*/
#menu_sec{
margin-left: 0px;
padding: 0;
border: 0;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #fff;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none;
margin-bottom: 50px;
background: url(img/fondo_logo.gif) 1px 1px no-repeat;
}

#menu_sec .top{
height: 15px;
background-image: url(img/fondo_barra_lateral.jpg);
background-repeat: no-repeat;
background-color: transparent;
}

#menu_sec ul{
LINE-HEIGHT: 14pt;
margin: 0;
border: 0;
font-size:11px;
padding-left: 10px;
padding-top: 0px;
width: 202px;
}

#menu_sec li{
background-repeat: no-repeat;
background-position: 2% 5px;
padding-left: 0px;
padding-top: 0px;
width: 202px;
list-style-type: none;
}

#menu_sec a:link, #menu_sec a:visited{
FONT-WEIGHT: bold;
COLOR: #fff;
TEXT-DECORATION: none;
background: transparent;
padding-left: 20px;
}

#menu_sec a:hover{
TEXT-DECORATION: underline;
background: transparent;
color: #deeaf2;
}

#menu_sec a:active{
TEXT-DECORATION: none;
background: transparent;
}

/* MENU UTILIDADES BASICO*/
#menu_util_basico{
width: 600px;
height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
background-image: url(img/fondo_sup_util.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-align: right;
float: right;
}

#menu_util_basico ul{
padding: 0.0em 0.3em 0.2em 0.3em;
LINE-HEIGHT: 14pt;
margin: 0;
}

#menu_util_basico li{
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
display: inline;
border-color: #000000 #ffffff #000000 #000000;
border-style: solid;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
}

#menu_util_basico a:link, #menu_util_basico a:visited{
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
TEXT-DECORATION: none;
background: transparent;
}

#menu_util_basico a:hover{
TEXT-DECORATION: underline;
background: transparent;
}

#menu_util_basico a:active{
TEXT-DECORATION: none;
background: transparent;
}

/* MENU UTILIDADES CLIENTE*/
#menu_util_cliente{
width: 140px;
height: 22px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
FONT-WEIGHT: bold;
COLOR: #000000;
TEXT-DECORATION: none;
background-image: url(img/fondo_sup_util.jpg);
background-position: right;
float: left;
}

#menu_util_cliente .top{height: 0px;}

#menu_util_cliente ul{
padding: 0.1em 0.0em 0.3em 0.0em;
LINE-HEIGHT: 14pt;
margin: 0;
}

#menu_util_cliente li{
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
display: inline;
border-color: #000000 #ffffff #000000 #738CB7;
border-style: solid;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
}

#menu_util_cliente a:link, #menu_util_cliente a:visited{
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
TEXT-DECORATION: none;
background: transparent;
}

#menu_util_cliente a:hover{
TEXT-DECORATION: underline;
background: transparent;
}

#menu_util_cliente a:active{
TEXT-DECORATION: none;
background: transparent;
}

/* CONTENIDO */
#contenido{
width: 500px;
margin-left: 198px;
}

#contenido .titulo{
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing:1.0;
margin: 10px 0px 2px 20px;
FONT-SIZE: 16px;
FONT-WEIGHT: bold;
COLOR: #b00032;
}
*html #contenido .titulo{margin: 10px 0px 17px 0px;}

#contenido .tituloLinea{
/*background-image:url(img/bus_icon.gif);
background-repeat:no-repeat;*/
height:48px;
/*padding-left:39px;*/
text-align:left;
}

#contenido h1{
background-image:url(img/bus_icon.gif);
background-repeat:no-repeat;
padding:0px;
padding-left:35px;
font-size:18px;
height:48px;
margin:3px;
}

#contenido .tituloLinea a:link, #contenido .tituloLinea a:visited{
font-size: 12px;
FONT-WEIGHT: normal;
COLOR: #1c6eba;
TEXT-DECORATION: none;
background: transparent;
}

#contenido .tituloLinea a:hover{
TEXT-DECORATION: underline;
background: transparent;
}

#contenido .tituloLinea a:active{
TEXT-DECORATION: none;
background: transparent;
}

#contenido img.derecha{
margin-left: 10px;
margin-bottom: 10px;
float: right;
border: 1px solid #999999;
}

#contenido img.izquierda{
margin-right: 10px;
margin-bottom: 10px;
float: left;
border: 1px solid #999999;
}

#contenido img.centro{
margin-left: 10px;
border: 1px solid #999999;
}

#contenido ul{
padding: 0.3em 0.3em 0.3em 0.3em;
LINE-HEIGHT: 14pt;
margin: 0;
border: 0;
}

#contenido li{
list-style-type: square;
margin-left: 25px;
}

#contenido input, textarea, button, select{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
COLOR: #000000;
margin:3px;
vertical-align: middle;
}

#contenido .boton{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: bold;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #4981A2;
}

#contenido a:link, #contenido a:visited{
FONT-WEIGHT: normal;
COLOR: #1c6eba;
TEXT-DECORATION: none;
background: transparent;
}

#contenido a:hover{
TEXT-DECORATION: underline;
background: transparent;
}

#contenido a:active{
TEXT-DECORATION: none;
background: transparent;
}

.texto-intro{
margin-left:15px;
padding: 10px 10px 10px 10px;
border: 0px solid rgb(204, 204, 204);
vertical-align: middle;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
COLOR: #666666;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
}
*html #textoIntro{margin-left: 0px;}

#tablaTitulo{
margin-left:20px;
margin-bottom: 3px;
height: 25px;
vertical-align: middle;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
COLOR: #85a1b8;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
text-transform: uppercase;
text-align:left;
}
*html #tablaTitulo{margin-left:0px;}

#tablaTitulo a:link, #tablaTitulo a:visited{
COLOR: #FFffff;
TEXT-DECORATION: none;
background: transparent;
font-weight:bold;
}

#tablaTitulo a:hover{
TEXT-DECORATION: underline;
background: transparent;
}

#tablaTitulo a:active{
TEXT-DECORATION: none;
background: transparent;
}

#tablaTitulo .fondoTablaTituloIzquierda{
padding: 2px 0px 2px 5px;
width: 5px;
text-align: center;
}

#tablaTitulo .fondoTablaTituloDerecha{
padding: 2px 2px 2px 2px;
text-align: left;
}

#tablaDatos{
vertical-align: middle;
margin: 0px 0px 17px 20px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
LINE-HEIGHT: 12pt;
padding: 0px 10px 10px 10px;
border: 0px dashed #C9C9CC;
}

#tablaDatos p{padding:3px;}

#tablaDatos tr, #tablaDatos tr td{padding:0px;}
*html #tablaDatos{margin-left: 0px;}

#tablaDatos .fondoTablaTexto{
padding: 10px 10px 10px 10px;
BACKGROUND-COLOR: #F0F5F8;
}

#tablaDatos ul{
LINE-HEIGHT: 14pt;
margin: 0;
border: 0;
}

#tablaDatos li{
list-style-type: circle;
margin-left: 25px;
}

#tablaTexto{
margin: 0px 0px 55px 20px;
vertical-align: middle;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
padding: 10px 10px 10px 10px;
LINE-HEIGHT: 12pt;
border: 0px dashed #C9C9CC;
}
*html #tablaTexto{margin-left: 0px;}

#barraCatalogo{
margin: 0px 0px 17px 20px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 11px;
FONT-WEIGHT: normal;
padding: 10px 10px 10px 10px;
LINE-HEIGHT: 12pt;
border: 0px solid rgb(204, 204, 204);
}
*html #barraCatalogo{margin-left: 0px;}

#barraCatalogo a:link, #barraCatalogo a:visited{
vertical-align: middle;
FONT-WEIGHT: bold;
COLOR: #4981A2;
TEXT-DECORATION: none;
background: transparent;
}

#barraCatalogo a:hover{
vertical-align: middle;
TEXT-DECORATION: underline;
background: transparent;
color: #1c6eba;
}

#barraCatalogo a:active{
vertical-align: middle;
TEXT-DECORATION: none;
background: transparent;
}

#contenido .tituloLinea a{
TEXT-DECORATION: none;
background: transparent;
text-transform: none;
text-align: right;
margin-right:10px;
font-weight: bold;
}
#contenido .tituloLinea a:visited{
TEXT-DECORATION: none;
background: transparent;
text-transform: none;
text-align: right;
margin-right:10px;
font-weight: bold;
}

#contenido .tituloLinea a:hover{text-decoration: underline;}

/* PIE */
#barraSuperiorPie{
height: 1px;
width: 740px;
clear: both;
background-color: #A9AAAB;
color:#000000;
padding: 0;
text-align: right;
clear: both;
}

#pie{
width: 740px;
height: 42px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
TEXT-DECORATION: none;
COLOR: #000000;
background-image: url(img/fondo_pie.gif);
background-repeat: no-repeat;
vertical-align: middle;
clear: both;
}

#pie .izquierda{
FONT-WEIGHT: bold;
width: 200px;
BACKGROUND-COLOR: transparent;
text-align: right;
}

#pie .centro{
FONT-WEIGHT: bold;
padding-left: 10px;
color: #ffffff;
BACKGROUND-COLOR: transparent;
text-align: center;
}

#pie .derecha{
FONT-WEIGHT: bold;
width: 200px;
BACKGROUND-COLOR: transparent;
text-align: center;
padding-right: 5px;
}

#pie a:link, #pie a:visited{
COLOR: #FFFFFF;
TEXT-DECORATION: none;
background: transparent;
}

#pie a:hover{
TEXT-DECORATION: underline;
background: transparent;
}

#pie a:active{
TEXT-DECORATION: none;
background: transparent;
}