@charset "UTF-8";
body {

    	font: 70% Verdana, Arial, Helvetica, sans-serif;

    	background: #f0f0f0;

    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */

    	padding: 0;

    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */

    	color: #000000;

    }

    .TUPclass #container {
	
    	width: 781px;  /* el uso de 19px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
		background: #FFFFFF;
		margin-left : auto; 
		margin-right : auto; 
		text-align: justify; /* esto anula text-align: center en el elemento body. */
		BACKGROUND-IMAGE: url(../images/fondo_rayitas.gif); 
		

    }

    .TUPclass #mainContent {


    	padding: 0 20px 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
		BACKGROUND-IMAGE: url(../images/fondo_rayitas.gif); 

    }
H1 {
	COLOR: #375A70; 
	FONT-FAMILY: Arial, Verdana, sans-serif
}
H1 A {
	COLOR: #375A70; 
	TEXT-DECORATION: none
}
H1 A:hover {
	COLOR: #375A70; 
	TEXT-DECORATION: none
}






A {
	COLOR: #006699; 
	TEXT-DECORATION: none
}
A IMG {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px; 
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}	
	
#encabezado1 {
	BACKGROUND-IMAGE: url(../images/logo_fondo.jpg); 
	WIDTH: auto; 
	HEIGHT: 81px;
	Z-INDEX: 7
	
}
#encabezado2 {
	BACKGROUND-POSITION: right top; 
	BACKGROUND-IMAGE: url(../images/logo_bus.jpg); 
	BACKGROUND-REPEAT: no-repeat; 
	WIDTH: auto; 
	HEIGHT: 81px
	
}



#encabezadoText {
	BACKGROUND-IMAGE: url(../images/logo.jpg); 
	BACKGROUND-REPEAT: no-repeat; 
	VERTICAL-ALIGN: bottom; 
	HEIGHT: 81px
	
}
#encabezadoText H1 {
	PADDING-LEFT: 2.7em; 
	FONT-WEIGHT: normal; 
	PADDING-TOP: 0.75em; 
	FONT-SIZE: 3.3em; 
	MARGIN: 0em; 
	FONT-FAMILY: Arial, Verdana, sans-serif
}
#encabezadoText UL.navH {
	FLOAT: right
}
#encabezadoText UL.navH LI {
	PADDING-RIGHT: 0.2em; 
	PADDING-TOP: 0em; 
	PADDING-BOTTOM: 0em; 
	FONT-WEIGHT: normal; 
	MARGIN: 0em; 
	BACKGROUND-COLOR: #f0f0f0
}


#encabezadoText2 {
	PADDING-LEFT: 1.2em;
	HEIGHT: 20px;
	vertical-align: middle
	
}
#encabezadoText2 H1 {
	PADDING-LEFT: 2.7em; 
	FONT-WEIGHT: normal; 
	PADDING-TOP: 0.75em; 
	FONT-SIZE: 3.3em; 
	MARGIN: 0em; 
	FONT-FAMILY: Arial, Verdana, sans-serif
}
#encabezadoText2 UL.navH2 {
	FLOAT: left

}
#encabezadoText2 UL.navH2 LI {
	PADDING-RIGHT: 0.2em; 
	PADDING-TOP: 0em; 
	PADDING-BOTTOM: 0em; 
	FONT-WEIGHT: normal; 
	MARGIN: 0em; 
	BACKGROUND-COLOR: #ffffff
}







#navInf {
	PADDING-RIGHT: 2em; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 1em; 
	PADDING-TOP: 0.7em;	
	BACKGROUND-IMAGE: url(../images/fondo1.gif);  
	BORDER-BOTTOM: #999999 1px solid
}
UL.navH {
	PADDING-RIGHT: 0%; 
	PADDING-LEFT: 0%; 
	PADDING-BOTTOM: 0%; 
	MARGIN: 0%; 
	PADDING-TOP: 0%
}
UL.navH LI {
	PADDING-RIGHT: 0.2em; 
	PADDING-BOTTOM: 0.2em; 
	MARGIN-RIGHT: 0.7em; 
	PADDING-TOP: 0.2em; 
	DISPLAY: inline; 
	FONT-SIZE: 1em; 
	COLOR: #F08A00; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none
}
UL.navH LI A {
	COLOR: #002D66; 
	FONT-STYLE: normal; 
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 0em
}




UL.navH2 {
	PADDING-RIGHT: 0%; 
	PADDING-LEFT: 0%; 
	PADDING-BOTTOM: 0%; 
	MARGIN: 0%; 
	PADDING-TOP: 0%
}
UL.navH2 LI {
	PADDING-RIGHT: 0.2em; 
	PADDING-BOTTOM: 0.2em; 
	MARGIN-RIGHT: 0.7em; 
	PADDING-TOP: 0.2em; 
	DISPLAY: inline; 
	FONT-SIZE: 1em; 
	COLOR: #F08A00; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none
}
UL.navH2 LI A {
	COLOR: #002D66; 
	FONT-STYLE: normal; 
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 0em
}




#banner {

width : 99%; 
height:100px;
margin-left : auto; 
margin-right : auto; 
background-color : #b2c3da;

text-align:center;

font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003883;
font-size : 150%; 
} 
img.valign { 
   height: 100%;
   vertical-align: middle;
   width: 0px;
} 

img.linea { 
   vertical-align: middle;
} 


#centro H1 {
	PADDING-TOP: 0.6em;
	BACKGROUND-POSITION: 50% bottom; 
	MARGIN-TOP: 0em; 
	COLOR: #375A70; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1.85em;
}
#centro H2 {
	MARGIN-TOP: 2em; 
	PADDING-LEFT: 0.7em; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1.5em; 
	BORDER-BOTTOM: #cccccc 1px solid
}
#centro H3 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1.4em
}
#centro H4 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 1.2em; 
	COLOR: #333333; 
	TEXT-DECORATION: none
}
#centro P EM {
	FONT-SIZE: 1.2em; 
	FONT-STYLE: normal
}
#centro P {
	MARGIN-BOTTOM: 1em; 
	COLOR: #333333
}
#centro UL.imgtext {
	PADDING-BOTTOM: 14em
}
#centro {
	 
	PADDING-TOP: 0%; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: justify
}





UL.navBono {
	PADDING-RIGHT: 0%; 
	PADDING-LEFT: 0%; 
	PADDING-BOTTOM: 0%; 
	MARGIN: 0%; 
	PADDING-TOP: 0%
}
UL.navBono LI {
	PADDING-RIGHT: 0em; 
	MARGIN-RIGHT: 0em; 
	PADDING-TOP: 0em; 
	DISPLAY: normal; 
	FONT-SIZE: 1.1em; 
	COLOR: #00245d; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none
}
UL.navBono LI A {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em;
	COLOR: #00245d; 
	FONT-STYLE: normal
}
UL.navBono LI A:hover {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em;
	COLOR: #00245d; 
	FONT-STYLE: normal
}
UL.navBono H2 {
	MARGIN-TOP: 2em; 
	PADDING-LEFT: 0.7em; 
	FONT-WEIGHT: normal; 
	COLOR: #F08A00; 
	FONT-SIZE: 1.5em; 
	BORDER-BOTTOM: #cccccc 1px solid
}












UL.navLinea {
	PADDING-RIGHT: 0%; 
	PADDING-LEFT: 0%; 
	PADDING-BOTTOM: 0%; 
	MARGIN: 0%; 
	PADDING-TOP: 0%;
}
UL.navLinea LI {
	PADDING-RIGHT: 0em; 
	MARGIN-RIGHT: 0em; 
	PADDING-TOP: 0em; 
	DISPLAY: normal; 
	FONT-SIZE: 1.1em; 
	COLOR: #F08A00; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none
}
UL.navLinea LI A {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em;
	COLOR: #003f8e; 
	FONT-STYLE: normal
}
UL.navLinea LI A:hover {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em;
	COLOR: #00245d; 
	FONT-STYLE: normal
}



UL.navLineab {
	PADDING-RIGHT: 0%; 
	PADDING-LEFT: 0%; 
	PADDING-BOTTOM: 0%; 
	PADDING-TOP: 0%; 
	MARGIN: 0%; 
	BACKGROUND-COLOR: #e5ebf2
}
UL.navLineab LI {
	PADDING-RIGHT: 0em; 
	MARGIN-RIGHT: 0em; 
	PADDING-TOP: 0em; 
	DISPLAY: inline; 
	FONT-SIZE: 1.1em; 
	COLOR: #F08A00; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none
}
UL.navLineab LI A {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em;
	COLOR: #003f8e; 
	FONT-STYLE: normal
}
UL.navLineab LI A:hover {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em;
	COLOR: #00245d; 
	FONT-STYLE: normal
}



UL.navLinead {
	PADDING-RIGHT: 0%; 
	PADDING-LEFT: 0%; 
	PADDING-BOTTOM: 0%; 
	MARGIN: 0%; 
	PADDING-TOP: 0%; 
	BACKGROUND-COLOR: #FFFFFF; 
	text-align : right
}
UL.navLinead LI {
	PADDING-RIGHT: 0em; 
	MARGIN-RIGHT: 0em; 
	PADDING-TOP: 0em; 
	DISPLAY: inline; 
	FONT-SIZE: 1.1em; 
	COLOR: #F08A00; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none; 
	text-align : right
}
UL.navLinead LI A {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em; 
	COLOR: #003f8e; 
	FONT-STYLE: normal; 
	text-align : right
}
UL.navLinead LI A:hover {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 0em; 
	COLOR: #00245d; 
	FONT-STYLE: normal; 
	text-align : right
}




#detalle_linea {
	width : 100%; 
} 
#det_linea1 {
	float : left; 
	width : 46%; 
	background-color : #FFFFFF; 
	text-align : right;
	COLOR: #002D66; 
	FONT-STYLE: normal
} 
#det_linea2 {
	float :right; 
	width : 7%m; 
	background-color : #FFFFFF; 
	text-align : left
} 
#det_linea3 {
	float : right; 
	width : 46%; 
	background-color : #FFFFFF; 
	text-align : left;
	COLOR: #002D66; 
	FONT-STYLE: normal
} 

UL.mav {
	PADDING-RIGHT: 1%; 
	PADDING-LEFT: 1%; 
	PADDING-BOTTOM: 1%; 
	MARGIN: 1%; 
	PADDING-TOP: 1%; 
	background-color : #e5ebf2
}
UL.mav LI {
	PADDING-RIGHT: 0.2em; 
	MARGIN-RIGHT: 0.7em; 
	PADDING-BOTTOM: 0.2em; 
	PADDING-TOP: 0.2em; 
	DISPLAY: inline; 
	FONT-SIZE: 1em; 	
	COLOR: #002D66; 
	FONT-STYLE: normal; 
	LIST-STYLE-TYPE: none
}
UL.mav LI A {
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 0em;
	COLOR: #002D66; 
	FONT-STYLE: normal
}



#pie {
	BACKGROUND-IMAGE: url(../images/fondo_rayitas.gif); 
	text-align:center;
	width: auto
}
#pie1 {
	
	CLEAR: both; FONT-SIZE: 0.75em; 
	PADDING-BOTTOM: 0em; 
	PADDING-TOP: 0em; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center;
	BACKGROUND-IMAGE: url(../images/fondo_rayitas.gif);
}
#pie2 {
	BACKGROUND-IMAGE: url(../images/fondo_rayitas.gif); 
	CLEAR: both; 
	FONT-SIZE: 0.75em; 
	PADDING-BOTTOM: 2em; 
	PADDING-TOP: 1em; 
	BACKGROUND-COLOR: #ffffff; 
	TEXT-ALIGN: center
}