/* CSS Basic Document */
body {
background : transparent url(../interfac/fondo.gif) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
} 
/* ESTO QUITA EL BORDE A LAS IMAGENES QUE TIENEN LINKS*/
img{
border:0px;
}
/*ESTADO DEL ENLACE DE INICIO*/
A.enlaceinicio, A.enlaceinicio:VISITED, A.enlaceinicio:ACTIVE, A.enlaceinicio:FOCUS, A.enlaceinicio:LINK{
text-decoration: none;color: white;
z-index:3;
}
A.enlaceinicio:HOVER{
color: #3F7DE3;
z-index:3;
} 
/*ESTADO DE ENLACES AL PASAR DE NEGRO A ROJO*/
A.enlaces,A.enlaces:ACTIVE, A.enlaces:VISITED, A.enlaces:FOCUS, A.enlaces:LINK{
text-decoration: none;color: black;
}
A.enlaces:HOVER{
color: #FF0000;
}
/*ESTADO DE ENLACES AL PASAR DE BLANCO A ROJO*/
A.enlaces1,A.enlaces1:ACTIVE, A.enlaces1:VISITED, A.enlaces1:FOCUS, A.enlaces1:LINK{
text-decoration: none;color: white;
}
A.enlaces1:HOVER{
color: #FF0000;
}
/*FIN DE ESTADO DE ENLACES*/

/*CONTENEDOR*/

#contenedor
{
	width:990px;
	height:608px;
	z-index:1;
	margin-top:19px;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	left: -4px;
	top: -1px;
} 
#contenedor-tarifas
{
width:990px;
height:2600px;
z-index:1;
margin-top:19px;/*lo que quieras poner de margin arriba*/
margin-right:auto;
margin-bottom:0;
margin-left:auto;
} 

/*FIN DE CONTENEDOR*/
/*CUADRO GRANDE MENUS HORARIOS Y PDF*/
#cuadrogrande
{
	width:459px;
	height:439px;
	z-index:2;
	left: 44px;
	top: 22px;
	background : url(../interfac/cuadrogrande.gif) no-repeat;
}
/* CAPAS DE FONDO DE TODAS LAS PAGINAS */
#cabecera
{
width:990px;
height:83px;
float: left;
left:10px;
z-index:2;
}	
#navegador{
width:990px;
height:25px;
z-index:3;
float:left;
left:10px;
background : transparent url(../interfac/fondonav.jpg) no-repeat;
text-align: left;
}
#cuerpo
{
	width:840px;
	height:469px;
	z-index:10;
	background : url(../interfac/fondo_1.gif);
	float:left;
	left:161px;
	top: 108px;
}
#cuerpo-tarifas
{
	width:840px;
	height:2915px;
	z-index:10;
	background : url(../interfac/fondo_2.gif);
	float:left;
	left:160px;
	top: 108px;
}
#lateral{
width: 150px;
height:469px;
float:left;
left:10px;
z-index:4;
background: url(../interfac/indice.swf) no-repeat;
} 

#pie{
width:990px;
height:31px;
float:left;
left:10px;
z-index:4;
background : url(../interfac/down.jpg) no-repeat;
text-align : center;
} 

/*FIN DE CAPAS DE FONDO DE TODAS LAS PAGINAS*/
/*CONTENIDO DE LA PAGINA*/
#collage{
width:772px;
height:222px;
padding:50px;
z-index:5;
}
#reloj{
filter:alpha(opacity=30); /* IE */
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3; /* CSS 3*/
width:228px;
height:200px;
z-index:15;
left: 15px;
top: 218px;
}
#operadora{
filter:alpha(opacity=30);/*Explorer*/
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3;
width:840px;
height:469px;
z-index:15;
left: -12px;
top: -21px;
}
#camara{
filter:alpha(opacity=30);/*Explorer*/
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3;
width:251px;
height:261px;
z-index:15;
left: 7px;
top: 5px;
}
#magnus{
filter:alpha(opacity=30);/*Explorer*/
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3;
width:200px;
height:199px;
z-index:15;
left: 20px;
top: 35px;
}
#mezclabuses{
filter:alpha(opacity=30);/*Explorer*/
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3;
width:150px;
height:74px;
z-index:15;
left: 617px;
top: 239px;
}
#buho{
filter:alpha(opacity=30);/*Explorer*/
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3;
width:150px;
height:203px;
z-index:15;
left: 1px;
top: 243px;
}
#enlaces{
filter:alpha(opacity=30);/*Explorer*/
-moz-opacity:0.3; /* Firefox, Opera, ... */
opacity: 0.3;
width:450px;
height:500px;
z-index:15;
left: 387px;
top: -9px;
}
/* ESTILOS DE LETRAS*/
H1{
font-size: 12pt;
}
H2{
font-size: 6pt;
}
H3{
font-size: 8pt;
color: #FF9531;
}
H4{
font-size: 7pt;
color: #FFFFFF;
}
/* FONDOS, ESTILOS Y LETRAS DE LAS TABLAS*/
td.textoverano{
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #FF9531;
}
td.textoinvierno{
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #20DC3C;
}
td.textobuhos{
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #3C20B5;
}
td.fondo{
text-align:left;
background:url(../interfac/fondotabla.gif) repeat;
color:#000000;
}
td.fondo1{
text-align:left;
background:url(../interfac/fondotabla1.gif) repeat;
color:#666666;
}
td.fondo2{
text-align:left;
background:url(../interfac/fondotabla2.gif) repeat;
color:#666666;
}
td.fondobuho{
text-align:left;
background:url(../interfac/tablabuho.gif) repeat;
color:#FFFFFF;
}
td.fondobuho1{
text-align:left;
background:url(../interfac/tablabuho1.gif) repeat;
color:#666666;
}
td.derechotabla{
background:url(../interfac/derechotabla.jpg) no-repeat;background-position:left;
}
td.izquierdotabla{
background:url(../interfac/izquierdotabla.jpg) no-repeat; background-position:right;
}
td.bajotabla{
text-align:center;
background:url(../interfac/bajotabla.jpg) repeat;
color:#FFFFFF;
font-weight:bold;
}
td.altotabla{
text-align:center;
background:url(../interfac/altotabla.jpg) repeat;
color:#FFFFFF;
font-weight:bold;
}
td.fondotabla{
background:url(../interfac/fondotabla.jpg) repeat;
}
td.fondotabla1{
background:url(../interfac/fondotabla.jpg) repeat;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}
td.lenguetacliente{
background:url(../interfac/lengueta_cliente.jpg) no-repeat;
}
td.lenguetanaranja{
background:url(../interfac/lengueta_naranja.jpg) no-repeat;
}
td.lenguetaitinerarios{
background:url(../interfac/lengueta_itinerarios.jpg) no-repeat;
text-decoration:none;color:#ff9531;
font-weight:bold;
}
td.lenguetatrafico{
background:url(../interfac/lengueta_trafico.jpg) no-repeat;
text-decoration:none;color:#ff9531;
font-weight:bold;
}
td.lenguetabuhos{
background:url(../interfac/lengueta_buhos.jpg) no-repeat;
text-decoration:none;color:#ff9531;
font-weight:bold;
}
td.lenguetaverde{
background:url(../interfac/lengueta_verde.jpg) no-repeat;
}
td.flechanaranja{
background:url(../interfac/flecha_naranja.gif) no-repeat;
width:50px;
height:17px;
}
td.flechaverde{
background:url(../interfac/flecha_verde.gif) no-repeat;
width:50px;
height:17px;
}
/* CAJA PARA COMENTARIOS NARANJA (cuadritos que la componen) */
.rbroundbox { background: url(../interfac/nt.gif) repeat; }
.rbtop div { background: url(../interfac/tl.gif) no-repeat top left; }
.rbtop { background: url(../interfac/tr.gif) no-repeat top right; }
.rbbot div { background: url(../interfac/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../interfac/br.gif) no-repeat bottom right; }

/* altura y anchura, aunque no sea necesario. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 256px; margin: 1em auto; }
/* FIN DE CAJA NARANJA*/
/* MENU CON BARRA DE DESPLAZAMIENTO PARA LAS PARADAS*/
.barra {
overflow:auto;
width:800px;
height:200px;
}
/* FIN DE MENU CON BARRA DE DESPLAZAMIENTO PARA LAS PARADAS*/

