body{ font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; text-align: center; color: #666; background: #FFFFFF; margin: 0; padding: 0; }
a{ color: #0198FF; text-decoration: underline; }
a:hover{ color: #9CCA41; }
form{ margin: 0; padding: 0; }
input{ font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; }
select{ font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif; font-size: 11px; }
img{ border: 0; }
p{ margin: 0; padding: 0 0 15px 0; }

ul{ padding: 0; margin: 0; }
li{ padding: 0; margin: 0; }

h1{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 500; color: #999999; border-bottom: 1px solid #0198FF; padding: 0 0 3px 2px; margin: 0 0 20px 0; }
h2{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 500; color: #999999; border-bottom: 1px solid #0198FF; padding: 0 0 0 2px; margin: 0 0 5px 0; }
h3{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; font-weight: 500; color: #999999; border-bottom: 1px dotted #999999; padding: 0 0 0 2px; margin: 0 0 10px 0; }

.bloqueVacio{ width: 100%; height: 10px; float: left; }
.azul{ color: #0198FF; }
.rojo{ color: #FF0000; }

.botonera{ width: 100%; float: left; text-align: center; padding: 0; margin: 15px 0 0 0; }
.botonera .parte2{ width: 49%; float: left; }
.botonera .parte3{ width: 33%; float: left; }
.botoneraR{ width: 100%; float: left; text-align: right; padding: 0; margin: 15px 0 0 0; }
.botoneraC{ width: 100%; float: left; text-align: center; padding: 0; margin: 15px 0 0 0; }
.boton{ background: transparent url("../images/btn_fondo_izd.gif") no-repeat left top; padding: 3px 0 5px 15px; *padding: 0 0 0 15px; *height: 20px; *line-height: 20px; }
.boton a{ color: #676767; text-decoration: none; background: transparent url("../images/btn_fondo_dch.gif") no-repeat right top; padding: 3px 15px 5px 0; *padding: 0 15px 0 0; *height: 20px; *line-height: 20px; }

.boton a:hover{ text-decoration: underline; }

/*Estilos formulario*/
.formulario{ width: 100%; float: left; }
.formulario fieldset{ border: 1px solid #0198FF; margin: 0 0 15px 0; }
.formulario legend{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; font-weight: 500; color: #999999; }

.formulario .linea{ width: 100%; height: 20px; margin: 3px 0 3px 0; }
.formulario .linea label{ width: 20%; float: left; height: 20px; text-align: right; padding: 3px 6px 0 0; }
.formulario .linea .dato30{ width: 30%; float: left; height: 20px; }
.formulario .linea input{ width: 95%; }

#contenedor{ width: 100%; float: left; background: #FFFFFF url("../images/cuerpo_fnd.gif") repeat center top; }

#contenedor #cabecera{ width: 900px; margin: 0 auto; text-align: left; }
#contenedor #cuerpo{ width: 900px; margin: 0 auto; text-align: left; }
#contenedor #pie{ width: 880px; margin: 25px auto; border-top: 1px dotted #DFDFDF; }

#cabecera .logos{ width: 100%; float: left; background: #FFFFFF url("../images/cabecera-logos_sep.gif") repeat left bottom; padding: 0 0 20px 0; margin: 0; }
#cabecera .logos .logoR{ width: 48%; float: left; }
#cabecera .logos .logoB{ width: 48%; float: right; text-align: right; }

#cabecera .pestanas{ width: 100%; float: left; height: 32px; line-height: 32px; background: #FFFFFF url("../images/cabecera-pestanas-fnd.gif") repeat left top; }
#cabecera .pestanas ul{ width: 84%; float: left; }
#cabecera .pestanas li{ display: inline; height: 32px; line-height: 32px; background: transparent url("../images/cabecera-pestanas-li_sep.gif") no-repeat left bottom; padding: 10px 14px 10px 14px; *padding: 0 18px 0 18px; }
#cabecera .pestanas a{ color: #676767; text-decoration: none; text-transform: uppercase; }
#cabecera .pestanas .current-inicio{ background: none;  }
#cabecera .pestanas .current-inicio a{ color: #0198FF; }
#cabecera .pestanas .inicio{ background: none; }
#cabecera .pestanas .current a{ color: #0198FF; }
#cabecera .pestanas .current-inicio{ background: none;  }
#cabecera .pestanas .panel{ width: 15%; float: right; text-align: right; background: url("../images/cabecera-pestanas-li_sep.gif") no-repeat left bottom; }
#cabecera .pestanas .panel li{ width: 99%; height: 32px; line-height: 32px; background:  url("../images/cabecera-panel-li_sep.gif") no-repeat right top; padding: 10px 13px 10px 13px; *padding: 0 13px 0 13px; *margin: 0 0 0 3px; }
#cabecera .pestanas .panel li a{ color: #FFFFFF; }

#cabecera .menu_oculto_1{ position: relative; top: -5px; *top: -10px; left: 768px; border: 1px solid #E0E0E0; border-top: none; visibility: hidden; background: #FFFFFF; padding: 4px 49px 4px 15px; *padding: 4px 59px 4px 15px; margin: 0 0 0 10px; *margin: 0; }
#cabecera .menu_oculto_2{ position: relative; top: 17px; *top: 12px; left: 633px; border: 1px solid #E0E0E0; border-top: none; visibility: hidden; background: #FFFFFF; padding: 4px 41px 4px 15px; *padding: 4px 51px 4px 15px; margin: 0 0 0 10px; *margin: 0; }
#cabecera .menu_oculto_colect{ position: relative; top: 39px; *top: 34px; left: 498px; border: 1px solid #E0E0E0; border-top: none; visibility: hidden; background: url("../images/cabecera-panel-li_sep.gif") no-repeat right top; padding: 4px 56px 4px 15px; margin: 0 0 0 10px; *margin: 0; *padding: 4px 66px 4px 15px; }
#cabecera .menu_oculto_1 a{ color: #676767; text-decoration: none; text-transform: capitalize; }
#cabecera .menu_oculto_1 a:hover{ color: #8FCA0E; }
#cabecera .menu_oculto_2 a{ color: #676767; text-decoration: none; text-transform: capitalize; }
#cabecera .menu_oculto_2 a:hover{ color: #8FCA0E; }
#cabecera .menu_oculto_colect a{ color: #676767; text-decoration: none; text-transform: capitalize; }
#cabecera .menu_oculto_colect a:hover{ color: #FFFFFF; }

#cabecera .post-pestanas{ width: 100%; float: left; height: 7px; line-height: 7px; background: url("../images/cabecera-post-pestanas-fnd.gif") repeat left bottom; margin: 0; }

#cabecera .ident-colectivo{ width: 100%; float: left; text-align: center; font-size: 16px; color: #FF0000; margin: 15px 0 0 0; }


#pie a{ color: #666666; }
#pie ul{ color: #666666; margin: 25px 0 0 0; }
#pie li{ display: inline; border-left: 1px solid #666666; padding: 0 0 0 15px; margin: 0 0 0 15px; }
#pie .pie-inicio{ border-left: none; padding: 0; margin: 0; }


#cuerpo .col-derecha{ width: 24%; float: right; text-align: right; margin: 20px 0 0 0; }
#cuerpo .col-derecha .bloque{ width: 100%; margin: 0 0 15px 0; }
#cuerpo .col-derecha .bloque li{ display: inline; list-style-type: none; border-left: 1px solid #636363; padding: 0 8px 0 8px; }
#cuerpo .col-derecha .bloque .inicio{ border-left: none; }
#cuerpo .col-derecha .bloque a{ color: #999999; text-decoration: none; }

#cuerpo .contenido-2cols{ width: 75%; float: left; margin: 10px 0 0 0; }

/*Estilo de la index*/
.contenido-2cols .index{ width: 100%; }
.contenido-2cols .index .paso1{ width: 50%; float: left; text-align: right; background: transparent url("../images/index-paso-1.gif") no-repeat left top; padding: 12px 0 0 0; }
.contenido-2cols .index .paso2{ width: 49%; float: right; background: transparent url("../images/index-paso-2.gif") no-repeat left top; padding: 40px 0 0 0; }
.contenido-2cols .index .paso2 .linea{ width: 90%; float: right; margin: 3px 0 3px 0; }
.contenido-2cols .index .paso2 .linea label{ width: 35%; float: left; text-align: right; padding: 3px 6px 0 0; }
.contenido-2cols .index .paso2 .linea .dato{ width: 60%; float: left; }
.contenido-2cols .index .paso2 #c_tipges{ width: 90%; }
.contenido-2cols .index .paso2 #c_tipinm{ width: 90%; }
.contenido-2cols .index .paso2 .botonera{ width: 58%; float: right; text-align: left; margin: 5px 0 0 0; }
/*index-destacados*/
.contenido-2cols .index .destacados{ width: 100%; float: left; text-align: center; margin: 30px 0 0 0; }
.contenido-2cols .index .destacados .caja{ width: 500px; margin: 0 auto; background: transparent url("../images/index-caja-fnd-izd.gif") repeat left top; }
.contenido-2cols .index .destacados .caja .contenido{ width: 100%; floaT: left; background: #FFFFFF url("../images/index-caja-fnd-izd.gif") repeat left top; }
.contenido-2cols .index .destacados .caja .contenido .pestana{ width: 100%; float: left; text-align: left; background: #FFFFFF url("../images/index-caja-pest-inf.gif") no-repeat right bottom; }
.contenido-2cols .index .destacados .caja .contenido .pestana .pestana-cnt{ height: 22px; line-height: 22px; background: transparent url("../images/index-caja-pest-izd.gif") no-repeat left top; padding: 4px 0 3px 0; *padding: 0; }
.contenido-2cols .index .destacados .caja .contenido .pestana .pestana-dch{ height: 22px; line-height: 22px; color: #8A8486; font-weight: bold; text-transform: uppercase; background: transparent url("../images/index-caja-pest-dch.gif") no-repeat right top; padding: 4px 15px 3px 5px; margin: 0 0 0 10px; *padding: 0 15px 0 5px; *margin: 0 0 0 10px; }
.contenido-2cols .index .destacados .caja .contenido .contenido-dch{ width: 99%; float: right; background: transparent url("../images/index-caja-fnd-dch.gif") repeat right top; }
.contenido-2cols .index .destacados .caja .contenido .contenido-dch .arriba{ width: 90%; float: right; background: transparent url("../images/index-caja-arb-dch.gif") no-repeat right top; }
.contenido-2cols .index .destacados .caja .contenido .contenido-dch .centro{ width: 100%; float: left; text-align: center; margin: 10px 0 10px 0; }
.contenido-2cols .index .destacados .caja .contenido .contenido-dch .destacado{ width: 29%; float: left; border: 1px solid #E2E2E2; background: transparent url("../images/index-destacado-fnd.gif") repeat left top; padding: 5px; margin: 0 3px 0 3px; *width: 31%; }
.contenido-2cols .index .destacados .caja .contenido .contenido-dch .destacado .texto{ width: 100%; *float: left; text-align: center; }
/*.contenido-2cols .index .destacados .caja .contenido .contenido-dch .destacado .texto a{ color: #000000; text-decoration: none; background: transparent url("../images/index-desta-flecha.gif") no-repeat left center; padding: 0 0 0 10px; }*/
/*.contenido-2cols .index .destacados .caja .contenido .contenido-dch .destacado .texto a{ color: #000000; text-decoration: none; background: transparent url("../images/index-desta-flecha.gif") no-repeat left center; *background: transparent url("../images/index-desta-flecha_ie.gif") no-repeat left top; padding: 0 0 0 10px; }*/
.contenido-2cols .index .destacados .caja .contenido .contenido-dch .destacado .texto a{ *width: 100%; *float: left; color: #000000; text-decoration: none; background: transparent url("../images/index-desta-flecha.gif") no-repeat left center; padding: 0 0 0 10px; text-align: right;}
.contenido-2cols .index .destacados .caja .contenido .contenido-dch .destacado .imagen{ width: 100%; text-align: center; }
.contenido-2cols .index .destacados .caja .contenido .fin{ width: 100%; float: left; height: 31px; line-height: 31px; background: transparent url("../images/index-caja-abj-izd.gif") no-repeat left bottom; }
.contenido-2cols .index .destacados .caja .contenido .fin .fin-dch{ width: 10%; float: right; height: 31px; line-height: 31px; background: transparent url("../images/index-caja-abj-dch.gif") no-repeat right bottom; }
/*Index-masinfo*/
.contenido-2cols .index .masinfo{ width: 100%; float: left; border-top: 1px solid #DFDFDF; padding: 20px 0 0 0; margin: 10px 0 0 0; }
.contenido-2cols .index .masinfo .bloque-izd{ width: 59%; float: left; }
.contenido-2cols .index .masinfo .bloque-izd .titular{ height: 66px; font-size: 18px; color: #0198FF; background: transparent url("../images/index-llaves.jpg") no-repeat left top; padding: 0 0 0 74px; }
.contenido-2cols .index .masinfo .bloque-izd .texto{ padding: 0 0 0 74px; margin: 0 0 10px 0; }
.contenido-2cols .index .masinfo .bloque-izd .texto a{ text-decoration: none; }
.contenido-2cols .index .masinfo .bloque-izd .imagen{ width: 100%; text-align: center; margin: 15px 0 0 0; }
.contenido-2cols .index .masinfo .bloque-dch{ width: 37%; float: right; }
.contenido-2cols .index .masinfo .bloque-dch .noticia{ width: 100%; }
.contenido-2cols .index .masinfo .bloque-dch .noticia .fecha{ color: #FFFFFF; background: #999999; padding: 0 3px 0 3px; margin: 0 0 10px 0; }
.contenido-2cols .index .masinfo .bloque-dch .noticia p{ padding: 0; margin: 0 0 0 0; }
.contenido-2cols .index .masinfo .bloque-dch .separacion{ width: 100%; height: 11px; line-height: 11px; background: #FFFFFF url("../images/index-noticia-sep.gif") repeat left top; margin: 0 0 5px 0; }

#lodp{ padding: 10px; }
#lodp .bloque{ margin: 0 0 10px 0; }
#lodp .bloque p{ text-align: justify; margin: 0 0 10px 0; }

.login-colectivos{ width: 100%; float: left; height: 1500px; }
