/* CTAS Index Template */

body {
	margin: 0 auto;
	padding: 0;
	font: 8pt Arial, Verdana, Sans-Serif;
	background: url(borde_exterior.gif) repeat-x;
	
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	color: #808080;
}

a img {
	border: 0;
}


#bg {
	width: 735px;
	margin: 0 auto;
	padding: 0px 0px 0px 00px;
	background: url(borde_exterior.gif) repeat-x;
	
}

#contenedor {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	color: Gray;
	width: 735px;
	height: 100%;
	padding-left: 2px;
	border: solid 0px #d5d5d5;
	
}
	
#cabecera {
	height: 70px;
	width: 615px;
	float: left;
	
}	


#toplinks {
	height: 0px;
	text-align: left;
	padding: 7px 10px 0 0px;
	width: 115px;
	float: right;
	background: #e7e4e4;
	
}

#toplinks a {
	font-size: 8pt;
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	/*background: url(strelica_verde.gif) left no-repeat;*/
	padding-bottom: 3px;
	margin-right: 0px;
	color: #009530;
}

#toplinks a:hover {
	/*border-bottom: 2px solid #009530;	 */
	color: #E5DB97;
}


#cabecera1 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera2 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera3 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera4 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera5 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera6 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera7 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera8 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera9 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera10 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera11 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera12 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera13 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera14 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera15 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}
#cabecera16 {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 18px;
	height: 70px;
	background: url(cabecera1.gif) no-repeat; 
}

#menuprincipal {
	height: 27px;
	text-align: justify;
	padding-left: 0px;	
	padding-top: 13px;
	border-right: 1px solid #cccccc;
}

#menuprincipal a {
	font-size: 9pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: inline;
	padding: 13px 7px 13px 7px;
	color: #FFFFFF;
	font-variant: normal;
	border-left: 1px solid #cccccc;
}

#menuprincipal a:hover {
	background: #E5DB97;
}


#seleccionado {
	text-align: left;
	height: 20px;
	text-decoration: none;
	color: #E5DB97;
	display: block;
	padding: 6px 8px 0 10px;
	background: #009530;
}

#contenido {
	line-height: 1.4em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	height: 100%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#creditos {
	height: 35px;
	width: 724px;
	background: #ffffff;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
	padding-right: 10px;	
	padding-top: 5px;
	margin-top: 0px;
	font-size: 8pt;
	float:left;
	border: 1px solid #cccccc;
}


#sistematransporte {
	height: 460px;
	width: 201px;
	float: left;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #FFFFFF;
	text-align: center;
	padding-right: 0px;	
	margin-top: 8px;
	font-size: 8pt;
}

#banners {
	height: 200px;
	width: 240px;
	float: left;
	background: #ffffff;
	border: 0px solid #cccccc;
	color: #FFFFFF;
	text-align: center;
	margin: 10px 10px 10px 10px;
}

html>body #masnoticias {
	margin: 10px 0px 0px 2px;
}

#banners_top {
	height: 65px;
	width: 240px;
	float: left;
	background: #ffffff;
	border: 1px solid #cccccc;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

#banners_bottom {
	height: 46px;
	width: 240px;
	float: left;
	border: 1px solid #cccccc;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

#masnoticias {
	height: 200px;
	width: 268px;
	float: left;
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: center;
	margin: 10px 0 0 0;
	overflow: hidden;
	padding-bottom: 0px;
	background: #ffffff;
}

#lista_noticias {
	height: 157px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #ffffff; /*barra*/
	scrollbar-arrow-color: #009530; /*flecha*/
	scrollbar-track-color: #cccccc; /*fondo*/
	scrollbar-shadow-color: #ffffff; /*sombra*/
	scrollbar-highlight-color: #ffffff; /*sombra clara*/
	scrollbar-3dlight-color: #cccccc; /*sombra mas clara*/
	scrollbar-darkshadow-Color: #ffffff; /*sombra oscura*/
}

#ultimahora {
	height: 18px;
	width: 732px;
	float: left;
	color: #ffffff;
	text-align: left;
	margin: 7px 0 0 0;
	overflow: hidden;
	padding-left: 2px;
	padding-bottom: 0px;
	background: #ffcc33;
}

#especial {
	height: 18px;
	width: 732px;
	float: left;
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: left;
	margin: 0 0 7px 0;
	overflow: hidden;
	padding-left: 5px;
	padding-bottom: 0px;
	background: #ffffff;
}

#ultimahora_cab {
	height: 18px;
	width: 20px;
	float: left;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	margin: 7px 0 0 0;
	overflow: hidden;
	padding-bottom: 0px;
	background: #ffcc33;
}

#masnoticias_uh {
	height: 166px;
	width: 268px;
	float: left;
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: center;
	margin: 4px 0 0 0;
	overflow: hidden;
	padding-bottom: 0px;
	background: #ffffff;
}

#accesos {
	height: 135px;
	width: 734px;
	float: left;
	border: 1px solid #cccccc;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
}


#encabezado {
	height: 19px;
	color: #FFFFFF;
	text-align: left;
	padding-top:5px;
	border-bottom: 1px solid #cccccc;
	background: url(fondo_encabezado.gif) repeat; 
}


#st_contenido_marco {
	height: 50px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;
}

#st_contenido_marco_lineas {
	height: 62px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;
}

#st_contenido_marco_trayectos {
	height: 143px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #cccccc;
}


#st_contenido_texto{
	height: 41px;
	width: 130px;
	color: #000000;
	float:left;
	text-align: left;
	margin:9px 0px 0px 5px;
	/*background: url(fondo_encabezado.gif) repeat; */
}

#st_formulario_trayectos{
	height: 94px;
	width: 191px;
	color: #000000;
	float:left;
	text-align: left;
	margin:-5px 0px -20px 5px;
}

html>body #st_contenido_texto{
	margin:9px 0px 0px 10px;
}
	
#st_contenido_boton {
	height: 50px;
	width: 50px;
	float: right;
	margin: 0px 0px 0px 0px;
}

#st_contenido_boton_lineas {
	height: 52px;
	width: 50px;
	float:right;
	margin:0px 0px 0px 0px;
	padding: 10px 0 0 2px;
	background: url(bot_lineas3.gif) no-repeat;
}

#st_contenido_marco_modos{
	height: 21px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	padding-top: 4px;
	border-bottom: 0px solid #cccccc;
	background:#596897;
}

.encabezado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-left: 8px;
	padding-top: 0px;
}


.st_contenido_titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.st_contenido_titulo a {
	text-decoration: none;
	color: #000000;
}

.st_contenido_titulo a:hover {
	text-decoration: none;
	color: #cccccc;
}


.st_contenido_texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height:1em;*/
	color: #000000;
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
}

.st_contenido_texto_mini{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:1.2em;
	color: #000000;
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
}

.banners_alteraciones_titulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.fechanoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}
.antenoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Gray;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 9px;
}
.titularnoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #008530;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	line-height: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0px; /* antes 5px */
}
.textonoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #008530;
	/*background-color: #ffffff;*/
	text-align: left;
	padding-right: 20px;
	padding-left: 8px;
	line-height: 1.1em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom:4px;
	border-bottom: 1px dotted #cccccc;
}

.textonoticia_uh {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #008530;
	/*background-color: #ffffff;*/
	text-align: left;
	padding-right: 8px;
	padding-left: 2px;
	line-height: 1.1em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom:4px;
	border-bottom: 1px dotted #cccccc;
}

.enlacenoticia {
	color: #009530;
}

.ampliarnoticia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	border-bottom-width: 1px;
	/* border-bottom-style: dotted; */
	border-bottom-color: #000000;
	padding-bottom: 0px;
}

.ampliarnoticia a{
	text-decoration:none;
	color: #666666;
}

.ampliarnoticia a:hover{
	text-decoration:none;
	color: #000000;
}




#slider1 {
    width: 522px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float: right;
	padding-top: 0px;
	margin-top: 8px;
}

html>body #slider1 {
	margin:-3px 0px 0px 0px;
	height: 261px;
}

#slider1Content {
    width: 522px; 
	height: 250px; /* important to be same as image width or wider */
    position: relative;
	margin-left: 0;
}

html>body #slider1Content {
	height: 261px;
}

.slider1Image {
    float: right;
	position: relative;
	display: none;
}

.slider1Image span {
    position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #000;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 275px;
	color: black;
}

.left a{
	color: black;
}

.left a:hover{
	text-decoration:underline;
	color: #000000;
}


.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

#subcontenido1 {
    background-color: #556213;
	width: 256px; 
	height: 275px; /* important to be same as image width or wider */
    position: relative;
	margin-left: 0;
}

/* Formato de tabla para formularios */

#contenido TABLE.formulario {
width: 100px;
border: 0px solid Gray;
margin: 0 1 0 0;
padding: 0 0 0 0;
}

#contenido TABLE TD.formulario_pregunta
   { font: .8em/1.4em Verdana, sans-serif;	text-align:left; }

#contenido TABLE TFOOT TD.formulario {
font: .9em/1.4em Verdana, sans-serif;
color: #000;
text-align: left;
vertical-align: top;
padding: .5em;
border-top: 1px solid #eee;
background-color: #f9f9f9;
}

#contenido INPUT,SELECT,TEXTAREA
   { font: .8em/1.4em Verdana, sans-serif;  color : #009530; }

#contenido SELECT
   { font: 1em/1.4em Verdana, sans-serif;  color : #009530; }

.botonformulario{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:#009530;
        background:#E5DB97;
        border: thin solid #009530;
        width:80px;
        height:19px;
		
       }