/*global resets - eliminates cross browser inconsistancies*/

* { margin:0; padding:0; }

/*h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } */

li,dd { margin-left:1em;} 

fieldset { padding:.5em; } 

img {border: 0;}

a img {border: 0;}

table {
    font-size: 1em;
}
/*end global resets*/

body {
	margin:20px;
	background-color:#cfcfcd;
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color: #686868;
	background-image:url(../images/bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
}


/*Typography 
These control the general, asthetic, typographical/text
elements of the css




/*General link Styling*/
a {
	color: #002f73; 
	text-decoration: none;
}

a:hover{
	color: #002f73;	
	text-decoration: underline;
}

/*List item Styling*/


/*Graphical Elements
These styles provide management 
of content's appearences.
*/


#contenedorHome{
	width: 950px;
	height: 598px;
	position: relative;
	margin: auto;
	background-image:url(../images/fndoHome.jpg);
	background-position: top;
	background-repeat:no-repeat;
}


#cabecera{
	width: 950px;
	height: 100px;
	padding-top: 10px;
}

#cabecera a{
	font: 11px/1.2em  Verdana, Arial, Helvetica, sans-serif;
	color: #003366 !important;
	text-decoration:none;
}

#cabecera a:hover{
	color:#FF9900 !important;
	text-decoration:none;
}

#contLogoTop{
	width: 605px;
	padding-left: 15px;

}



#centro_home{
	width: 949px;
	border: 0px;
	margin: 0px;
	
}

#contCentro_Izq{
	width: 318px;
	height: 453px;
	margin: 19px 0 0 13px;
	background-image:url(../images/fndoBtonBusHome.jpg);
	background-position: top;
	background-repeat:no-repeat;
	font: 11px/1.2em  Arial, Verdana, Helvetica, sans-serif;

}

#btonBusHome{
	width: 173px;
	padding: 25px 0 10px 127px;
	height: 55px;
}


#contCentro_Cent{
	width: 265px;
	margin-top: 225px;
	font: 11px/1.2em  Arial, Verdana, Helvetica, sans-serif;

}
#titNoticiaHome{
	font: 14px/1.2em  Arial, Verdana, Helvetica, sans-serf;
	font-weight:bold;
	color:#033074;
}
#contNoticiaHome{
	margin: 19px 10px 5px 10px;
	width: 245px;
	font: 11px/1.2em  Arial, Verdana, Helvetica, sans-serf;
}

.enlaceAmarrillo{
	color:#d6b607 !important;
	text-decoration:none;
}

#icoRss{
	width: 90px;
	height: 20px;
	padding-left: 25px;
	padding-top: 5px;
	background-image:url(../images/rss.gif);
	background-position: top left;
	background-repeat:no-repeat;
}

#contCentro_Der{
	width: 335px;
}

#botonesHomeDer{
	width: 135px;
	margin-top: 50px;
	margin-left: 200px;
}

#botonesHomeDer img{
	padding: 0px 0 5px 0;
}

#telefoHome{
	width: 290px;
	height: 130px;
	margin-top: 55px;
	margin-left: 45px;
}


#firma{
	font: 10px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	width: 150px;
	padding-left: 780px;
	padding-right: 20px;
	text-align:right;
	position: relative;
	margin: auto;
	height: 15px;
	color: #ffffff !important;
}

#firma a{
	color: #ffffff !important;
	text-decoration:none;
}

#firma a:hover{
	color: #467ac2 !important;
	text-decoration:underline;
}

/*//////////////////////////// EMPRESA ///////////////////////////////////////////////////*/


#contenedorEmpresa{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fndoEmpresa.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#bottomEmpresa{
	width: 950px;
	height:30px;
	position: relative;
	margin: auto;

}
#contEmpresa_Izq{
	width: 615px;
}

#titSeccionDinamica{
	width: 250px;
	padding: 30px 10px 0 50px;
	font: 14px/1.2em  Verdana, Arial, Helvetica, sans-serif;
	color:#877b3d ;
	font-weight:bold;
}

#introSeccionDinamica{
	width: 300px;
	padding: 20px 10px 0 30px;
	font: 14px/1.3em  Verdana, Arial, Helvetica, sans-serif;
	color:#0083c1 ;
}
#txtSeccionDinamica{
	width: 555px;
	padding: 30px 30px 0 30px;
}

#txtSeccionDinamica h1{
	font: 14px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#877b3d !important;
	font-weight:bold;
}

#txtSeccionDinamica h2{
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#6699cc !important;
	font-weight:bold;

}

#txtSeccionDinamica li{
	color:#6699cc !important;
	padding-left: 5px;
	list-style-type:none;

}

#txtSeccionDinamica strong{
	color:#6699cc !important;

}

#contEmpresa_Der{
	width: 335px;
}

#conBannersDerecha{
	width: 335px;
	height: 245px;
	margin-top: 30px;

}
#contBusFlota{
	width: 295px;
	height: 60px;
	padding: 10px 20px;

}
#contNoticiasDer{
	width: 295px;
	height: 60px;
	padding: 10px 20px;

}


.fechaNoticia{
	font: 11px/1.2em  Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff !important;
}

#titNoticia{
	font: 18px/1.2em  Verdana, Arial, Helvetica, sans-serf;
	font-weight:bold;
	color:#033074;
}


/*//////////////////////////// SERVICIOS ///////////////////////////////////////////////////*/
#contenedorServicios{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fndoServicios.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#bottomServicios{
	width: 950px;
	height:19px;
	position: relative;
	margin: auto;

}
#contServicios_Izq{
	width: 615px;
}

#contServicios_Der{
	width: 335px;
}

#btonBannerServicios{
	width: 260px;
	height: 80px;
	padding: 10px 20px 5px 20px;
	background-image:url(../images/solicita_presu.gif);
	background-position: top;
	background-repeat:no-repeat;
	font: 10px/1.2em  Verdana, Arial, Helvetica, sans-serf;
	margin-left: 15px;
}
#btonBannerServicios2{
	width: 260px;
	height: 80px;
	padding: 10px 20px 5px 20px;
	background-image:url(../images/baner_dcha.gif);
	background-position: top;
	background-repeat:no-repeat;
	font: 10px/1.2em  Verdana, Arial, Helvetica, sans-serf;
	margin-left: 15px;
}
/***************************** TARIFAS *****************************************************/
#contenedorTarifas{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fndoTarifas.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#bottomTarifas{
	width: 950px;
	height:30px;
	position: relative;
	margin: auto;

}

/***************************** LINEAS *****************************************************/
#contenedorAlgeciras{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fondo_algeciras.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#contenedorLalinea{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fondo_lalinea.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#contenedorLineas{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fndoLineas.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#contLineas_Izq{
	width: 615px;
}

#contTermoLinea{
	width: 593px;
	height: 470px;
	margin: 20px 10px 0 12px;
}	

#contTermoLinea2{
	width: 593px;
	height: 950px;
	margin: 20px 10px 0 12px;
}	

#contHorariosLineas{
	width: 563pxpx;
	height: 300px;
	padding-top: 170px;
	padding-right: 30px;
	text-align:right;
	font: 11px/1.2em  Arial, Verdana, Helvetica, sans-serif;
}

#contHorariosLineas h2{
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#6699cc !important;
	font-weight:bold;
	
}


#contLineas_Der{
	width: 335px;
}

#contBotonesLineasDer{
	width: 275px;
	margin: 50px 30px 20px 30px;
}

#conTarifasDer{
	width: 325px;
	margin-left: 10px;
}
#conObservacionesDer{
	width: 245px;
	height:110px;
	padding: 55px 40px 20px 40px;
	margin-top: 20px;
	background-image:url(../images/observaciones.gif);
	background-position: top;
	background-repeat:no-repeat;
	font: 11px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color: #444444;
}

#conBannerLineas{
	width: 335px;
	height: 300px;
	vertical-align:bottom !important;
	margin-top: 20px;
}

#contBtonLineas{
	width: 455px;
	height: 240px;
	padding: 10px 30px 0 130px;
}	
#submenuLineas{
	font: 11px/1.2em  Verdana, Arial, Helvetica, sans-serif;
	color:#0083c1 !important;
	width: 555px;
	padding: 15px 30px 0 30px;
	background-color:#FFFFFF;
}

#submenuLineas a{
	font: 11px/1.2em  Verdana, Arial, Helvetica, sans-serif;
	color:#0083c1 !important;
}

#submenuLineas a:hover{
	color:#0083c1 !important;
	text-decoration:underline;
}



#contServicios_Der{
	width: 335px;
}

#btonBannerLineas{
	width: 275px;
	height: 80px;
	padding: 10px 20px 5px 40px;
	background-image:url(../images/itinerarios.gif);
	background-position: top;
	background-repeat:no-repeat;
}
#btonBannerLineas2{
	width: 275px;
	height: 80px;
	padding: 10px 20px 5px 40px;
	background-image:url(../images/consulta.gif);
	background-position: top;
	background-repeat:no-repeat;
}

/*////////////////////////////NOTICIAS///////////////////////////////////////////////////*/

#introSeccionNoticias{
	width: 300px;
	height: 110px;
	padding: 20px 10px 0 30px;
	font: 13px/1.3em  Verdana, Arial, Helvetica, sans-serif;
	color:#0083c1 ;
}

#txtFechaNoticias{
	font: 14px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#877b3d !important;
	padding: 30px 30px 0 20px;
}
#txtSeccionNoticias{
	width: 555px;
	padding: 30px 30px 0 30px;
}

#txtSeccionNoticias h1{
	font: 14px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#877b3d !important;
	font-weight:bold;
}

#txtSeccionNoticias h2{
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#6699cc !important;
	font-weight:bold;

}

#txtSeccionNoticias li{
	color:#6699cc !important;
	padding-left: 5px;
	list-style-type:none;

}

#txtSeccionNoticias strong{
	color:#6699cc !important;

}

#titHistorico{
	font: 18px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	color:#003366 !important;

}

#listaFechasHistorico{
	margin-top: 5px;
	font: 14px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	color:#666666;
}

#listaFechasHistorico a{
	font: 14px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}

#listaFechasHistorico a:hover{
	font: 14px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	color:#6699cc;
	text-decoration:none;
}

#listaFechasHistoricoSelect{
	margin-top: 5px;
	font: 14px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	color:#6699cc;
	
}

#descargaPDF{
	margin-top: 10px;
	font: 12px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	font-weight:bold;
	color:#6699cc;

}

#descargaPDF a{
	font: 12px/1.2em   Verdana, Arial,Helvetica, sans-serif;
	font-weight:bold;
	color:#6699cc;

}

/***************************** CONTACTO *****************************************************/
#contenedorContacto{
	width: 950px;
	position: relative;
	margin: auto;
	background-image:url(../images/fndoContacto.jpg);
	background-position: top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

#bottomContacto{
	width: 950px;
	height:22px;
	position: relative;
	margin: auto;

}

#txtDatoscontacto{
	width: 550px;
	padding: 20px 10px 0 30px;
	font: 13px/1.3em  Verdana, Arial, Helvetica, sans-serif;
	color:#0083c1 ;
}

#txtDatoscontacto li{
	list-style-type:none;
	padding-top: 10px;
	font: 13px/1.3em  Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	
}

#txtDatoscontacto li a{
	list-style-type:none;
	padding-top: 10px;
	font: 14px/1.3em  Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}

#txtDatoscontacto li a:hover{
	color:#666666;
	text-decoration:underline;
}

#formContacto{
	width: 550px;
	padding: 20px 10px 0 30px;
	font: 11px/1.3em  Verdana, Arial, Helvetica, sans-serif;
}

#formContacto input{
	font: 11px/1.3em  Verdana, Arial, Helvetica, sans-serif;
}

#titSeccionForm{
	font: 11px/1.3em  Verdana, Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight:bold;
	padding-bottom: 10px;
	padding-top: 10px;

}


/*////////////////////////////GATGET///////////////////////////////////////////////////*/

#titAzul{
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#0099cc;
	font-weight:bold;
	height: 20px;
}

#titAzulGrande{
	font: 14px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#0099cc;
	font-weight:bold;
	height: 20px;
}

#titAzulClaro a{
	font: 11px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#6699cc !important;
	font-weight:bold;
}

#titAzulClaroGrande a{
	font: 18px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#6699cc !important;
	font-weight:bold;
}

#titAmarilloGrande{
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#d6b607;
	font-weight:bold;
	height: 15px;
	padding-left: 50px;
}

#titGrisGrande{
	font: 12px/1.2em  Arial, Verdana, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	height: 15px;
}

.enlaceAmarrillo a{
	color:#d6b607 !important;
	text-decoration:none;
}

.enlaceAmarrillo a:hover{
	color:#d6b607 !important;
	text-decoration:underline;
}

.enlaceAzul a{
	color:#0083c1 !important;
	text-decoration:none;
}

.enlaceAzul a:hover{
	color:#0083c1 !important;
	text-decoration:underline;
}

.fotoNoticia{
	padding: 1px;
	border: 1px solid #003366;

}

/***************************************** MENU **********************************************/
#contMenuTop{
	width: 280px;
}

#nav{
	left: 10px;
	padding: 0 0 0 0px;
	margin: 0 0 0 5px;
	border: solid #22B8A4;
	border-width: 0 0 0 10px;	
}

#nav  a {
	padding: 0px 10px 5px 10px;
	margin: 0px;
	text-decoration:none;
	color:#0083c1;
	background-color:transparent; 
	font-weight:bold;
	}
#nav  a:hover {
	color: #0083c1;
	background-color:transparent; 
	}
#nav li {  
	position: relative;
  	float: left;
	top: 0px;
	margin:  0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
	list-style: none;		
  	text-align: left;
	font-size:11px;
	font-family:verdana;
	color:#002f73;
	cursor: hand;
	z-index: 10;
}
li ul {
	padding: 0px;
	margin: 0;
	display: none;
	position: absolute;
	top: 10px;
	left:0px;
	width:150px;
	visibility: visible;

	}

#nav li:hover ul, li.over ul{ display: block; }


#subMenu li {
 	padding: 0;		
  	position: relative;
	left: 0px;
	top: 5px;
  	text-align: left;
	font-size: 11px;
	cursor: hand;
	background-color: #ffffff;
	padding: 1px 2px 5px 2px
	

}
#subMenu  a {
	margin: 0px;
	display:block;
	width:150px;
	text-decoration:none;
	color:#0083c1 !important;
	background-color: #ffffff;
	border-width: 1px 0px 0px 1px;
	font-weight:normal;

}

#subMenu  a:hover {
	color:#d6b607  !important;
	background-color: #ffffff;
}