/*                                                                                       Do the reset!
------------------------------------------------------------------------------------------------------
*/
* { 
    padding: 0; 
    margin: 0; 
}

/*                                                                     Elementos definidos globalmente
------------------------------------------------------------------------------------------------------
*/
body {
    background: #F3f4f6;
    font: normal 75%/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    
}

body,
a {
    color: #011A33;
}

.enfasis {
	color: #FF9015;
}

#meteorologia,
#footer *,
.central,
.central a {
	color: #FCFCFC;
}

input, textarea, select, button {
    font: normal 1em/150% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

fieldset {
	border: none;
}

a {
	text-decoration: none;
}


a img {
    border: 0;
}

/*                                                                         Headings y bloques de texto
------------------------------------------------------------------------------------------------------
*/
h1,
h1 a {
    width: 198px;
	height: 86px;
}

h1 a {
	
	display: block;
	text-indent: -10000px;
	background: url(../img/logoAcesaAucat.gif) no-repeat 0 0;
	margin-left: 20px;
}

h2 {
    font-size: 1.2em;
	margin-bottom: 1em;
}    

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.2em;
	color: #FF9015;
	padding: 10px 0;
}


p {
    margin-bottom: 0.8em;
}

table {
    border-collapse: collapse;
}

li {
	list-style: none;
}

/*                                                                             Elementos estructurales
------------------------------------------------------------------------------------------------------
*/
.contenedor {
    width: 954px;
    margin: 0 auto;
    text-align: left;
}

#cabecera {
	height: 121px;
	padding-top: 20px;
    border-right: 1px solid #003366;
    border-left: 1px solid #003366;
	font-size: 0.83em;
    background: #FFF url(../img/fondoCabecera.gif) repeat-x 0 100%;
    
}

#meteorologia {
	line-height: 25px;
	margin: 5px 0 0 15px;
	
	text-align: left;
}

#meteorologia span {
	margin: 0 5px;
}

#meteorologia strong {
	margin: 0 3px;
}

#fade1{
	display: block;
}

#fade2{
	display: none;
}
#fade3{
	display: none;
}

#contenidos .contenedor {
    border-right: 1px solid #003366;
    border-left: 1px solid #003366;
	background:#FFF;
}


/*                                                                                          Navegación
------------------------------------------------------------------------------------------------------
*/

#cabecera ul {
	clear: right;
	margin-bottom: 0.7em;
}

#metalinks {	
	padding-bottom: 5px;
}

#cabecera li,
#cabecera li a,
#cabecera li strong {
	float: left;
	display: inline;
}

#cabecera li * {
	padding: 0 0.8em;
	border-left: 1px solid #1A2948;
	line-height: 1.1em;
}

#cabecera .primero * {
	border: none;
} 

#diaHoy {
	margin: 1.7em 0.8em 0.6em 0;
}


#menu {
    position: relative;
	border-bottom: 4px solid #003366;	
}

#menu .clear {
	width: 317px;
    background: #003366;
}

#menu h1 {
	display: none;
}

/* Nivel 1, 2 y 3 */
#menu ul,
#menu li {
	width: 317px;
    background: #F3f4f6;
}

#menu li {
	float: left;
	display: inline;
}

#menu a:hover,
#menu a.activo{ /* --------------------------------------------- Elementos activos */
	background-color: #003366 !important;
	color: #f3f4f6 !important;
}

#menu a {
    display: block;
    line-height: 16px;
    padding: 0.85em 21px 0.85em 34px;
	border-bottom: 1px solid #003366;
	
}

#menu .desplegable a,
#menu .desplegable .desplegable a {
	background: url(../img/flechaMenu.gif) 270px 50% no-repeat;
}


/* Nivel 2 y 3 */
#menu ul ul {
	position: absolute;
	left: 317px;
	top: 0;
	z-index: 100;
	border: 1px solid #003366;
	border-top: none;
	border-bottom: none;
	
}

#menu ul ul a {
	padding-left: 8px;
	padding-right: 3px;
}

#menu ul ul li {
	position: relative;
}

#menu .desplegable ul a,
#menu .desplegable .desplegable ul a {
	background-image: none;
}

/* Nivel 3 */
#menu ul ul ul {
	display: none;
    margin: 0;
    z-index:100;
}

/*                                                                              Subestructura columnas
------------------------------------------------------------------------------------------------------
*/

#contenidos .columna {
    width: 317px;
    padding-top: 10px;       
}

.central {
	width: 310px;
    padding: 10px 6px 0 6px !important; 
    border-left: 1px solid #f3f4f6;   
}

#contenidos div.floatRight {
    width: 306px;
}

/* estilos comunes */
#breadcrumb {
    color: #003366;
	padding: 2px 0 4px 20px;
    border-bottom: 1px dotted #1A2948;   
	background: #EEEEEE;
	font-size: 0.74em;
}
#breadcrumb a {
	color: #003366;
	text-decoration: none;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
.textOculto {
    display: block;
    width: 100%;
	border: none !important;
    text-indent: -10000px;
}

/* lista de destacados */
ul.menuDestacados li {	
	width: 304px;
	height: 90px;
	padding-bottom: 8px;
}
.destacados {
	padding: 0 !important;
}
/*                                                                                              Footer
------------------------------------------------------------------------------------------------------
*/

#footer {
	background: #003366;
	font-size: 0.8em;	
}
.footerSupClear {
	background: #fff url(../img/footherSup.jpg) repeat-x 0 0;
	clear:both;
	font-size:1px;
	height:12px;
	line-height:0;	
}
.footerSupIntClear {
	background: #fff url(../img/footherSupInt.jpg) repeat-x 0 0;
	clear:both;
	font-size:1px;
	height:12px;
	line-height:0;	
}
#footer .contenedor {
	text-align: center;
	width: 900px;
	padding: 10px 0 40px;
}


#footer a {
	margin: 0 10px;
}


/* ---------------------------------------------------------------------- tablas genericas */
.textos table{
	width:100%;
	margin:0.4em 0 0.8em;
}
.textos caption{
	font-size:1.2em;
	margin-top:0.8em;
	text-align:left;
	font-weight:bold;
}
.textos thead th{
	padding:0.4em 5px 1.2em;
	border-top:1px solid #003366;
	background:url(../img/bgThead.gif) repeat-x 0 0;
}
.textos tbody th,
.textos tbody td{
	padding:0.4em 5px;
	border-bottom:1px solid #003366;
}

table.sortable th.header {
	cursor:pointer;
}
table.sortable .headerSortUp,
table.sortable .headerSortDown{
	text-decoration:underline;
}

/* ---------------------------------------------------------------------- espaciado en vertical de elementos */

.cajaHome {
	padding:0.3em 0.8em 0.3em 0.8em !important;
	color: #666666;
	background: #f3f4f6;
	margin: 0;
}
.caja {
	padding:0.5em !important;

}
.listado li.caja {
	border-top:1px solid #003366;
	background:none;
}
/* ---------------------------------------------------------------------- pestanyicas */



ul.menuPestanyas{
	overflow:hidden;
	width:100%;

}

.menuPestanyas li{
	float:left;
	display:inline;
	margin-right:1px;
	background:url(../img/rtab.gif) no-repeat 100% 0;
}
.menuPestanyas a{
	float:left;
	padding:1px 9px;
	background:url(../img/ltab.gif) no-repeat 0 0;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	
}


.menuPestanyas li.js-hover,
.menuPestanyas li.js-active {
	background-position:100% -150px;
	
	
}
.menuPestanyas li.js-hover a,
.menuPestanyas li.js-active a{
	position:relative;
	background-position:0 -150px;
	color:#FFFFFF;
	text-decoration:none;
	
}
.menuPestanyas li.js-active a {
	padding-bottom:2px;
}
div.pestanya {
	padding:1em 2%;
	border-top:1px solid #654;
	margin:-1px 0 0;

}

/*                                                                         PLANTILLA TEXTO
----------------------------------------------------------------------------------------*/
.textos{
	width:615px !important;
	padding:0 10px 0 20px;
    border-color:#1A2948 !important;
    color: #333;
}

.interior{
	background: #fff url(../img/fondoTextos.jpg) repeat-y 100% 0 !important;
	
}

#toolbar{
	float:right;
	display:inline;
	font-size:0.83em;
	line-height:1.2em;
	text-align:right;
}

#toolbar a{
	padding:0 3px;
	background:#EEE;
    text-decoration:none;
}

#toolbar a:hover{
	color:#FFF;
	background:#1A2948;
}

.textos h2{
	font-size:1.4em;
	color: #003366;
}

.textos h3{
	padding: 15px 0;
	color: #FF9015;
}

.textos a{
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}

.textos a:hover{
	color: #FF9015;
	text-decoration: none;
}

.textos img.floatRight{
	margin:0 0 5px 1em;
	border-bottom:5px solid #003366;
}

.textos img.border{
	margin:0 0 5px 1em;
	border:1px solid #e4e5e7;
}

.listas {
	padding:15px;
	}
	
.listas li{
	list-style: disc;
	padding: 5px 10px;
	}
	
.pdf {
	background:transparent url(../img/pdf.png) no-repeat scroll 0 0;
	padding:1px 0 1px 20px;
	font-weight: normal;
}

.book {
	background:transparent url(../img/book_open.png) no-repeat scroll 0 0;
	padding:1px 0 1px 20px;
	font-weight: normal;
}		

.masInfo {
	background:transparent url(../img/info.gif) no-repeat 8px 8px;
	color: #0053A1;
	border: 1px solid #e4e5e7;
	padding: 5px 30px;
}

.noborder {
	border: none !important;
}

/* ---------------------------------------------------------------------- listas genericas */
.listado{
	margin:0.8em 0;
}
.listado li{
	padding-left:26px;
	background:url(../img/bulletNoticias.gif) no-repeat 8px 0.5em;
}
.listado li li{
	background-image:url(../img/bulletCuadrado.gif);
}

div.listadoAnual * {
	display:inline;
}

/* ---------------------------------------------------------------------- Rutas*/


.listRutas  {
	width:200px;
	float:left;
	
}

.listRutas li {
	
	width:190px;
	padding:5px;
	xbackground-color:#F3F4F6;
	border-bottom: 1px dotted #CCCCCC;
	

}
.listRutas .last {
	border:none;
	padding-top:20px;
	
	
}

.listRutas .sel {
	color:#FF9015;
	text-decoration:none;

	
}

.listRutas .last select {
	width:190px;
	padding:3px;
}

.infoRutas {
	float:right;
	width:385px; 
	border-left:1px dotted #CCCCCC; 
	padding:5px 5px 5px 10px;
}

.infoRutas .imgRutas {
	margin-left:5px; 
	background-color:#F3F4F6;
	padding:5px; 
	text-decoration:none; 
	text-align:right;
}


.infoRutas .interes {
	border-top:1px dotted #CCCCCC;
	padding-top:15px;
}
	
/* ------------ Ampliacion  */


.listAmpliacion  {
	width:120px;
	float:left;	
}

.listAmpliacion li {	
	width:110px;
	padding:5px;
	xbackground-color:#F3F4F6;
	border-bottom: 1px dotted #CCCCCC;
	

}
.listAmpliacion .last {
	border:none;
	padding-top:20px;	
}

.listAmpliacion .sel {
	color:#FF9015;
	text-decoration:none;	
}

.listAmpliacion .last select {
	width:110px;
	padding:3px;
}

/* -------------- Mapa de Contacto */

#links_mapa {
	position:relative;
}

#links_mapa a {
	text-decoration:none;
	font-size:0.9em;
	}
#links_mapa a:hover {
	color:#3366FF;
}

#map_canvas {
	height:530px !important; 
	border:1px solid #003366;
}

#desde {
	list-style-type: none;
}

#desde li {
		display:inline;
}

#form_mapa h5 {
	font-size: 0.9em;
	font-weight: 700;
	color: #818286;
	background: url(../img/separador.png) repeat-x bottom;
	margin: 0 0 9px 0;
	padding: 9px 0 9px 0;
}

#form_mapa input, select, textarea {
	background: #FFF;
	border: 1px solid #80A9D0;
	font: normal 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
	vertical-align: middle;
}

#form_mapa td {
	border:none;
}

#form_mapa label {
	font-size:0.7em;
}

.boto_mapa {
	background:#FFFFFF url(../img/boto.png) repeat-x scroll center top;
	border-color:#8D8C91;
	color:#0053A1;
	cursor:pointer;
	float:none;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:0.6em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin-left:5px;
	padding:2px;
	text-align:center;
	text-transform:lowercase;
	border:1px solid #80A9D0;
	vertical-align:middle;
	
}


#socialP{
	float:right;
	padding:0px 8px 4px 8px; 
	background-color:#F5F5F5; 
	color:#0A5095; 
	font-size:9px;
	border-left:1px solid #D7D7D7;
}

#socialP a{
	color:#011A33;
	text-decoration:none;

}

#socialP a:hover{
	text-decoration:underline;

}

.boxEstadoTrafico {
	text-align:left;
	padding:10px;

}

.boxEstadoTrafico input {
	padding:4px;
	width:320px;
	margin:3px  0;
	border:1px solid #7FA9CF;
}


.boxEstadoTrafico textarea {
	padding:4px;
	width:320px;
	margin:3px  0;
	border:1px solid #7FA9CF;
	height:150px;
	font-size:12px;
}

.botonBoxEstadoTrafico {
	background-color:#7FA9CF;
	color:#FFFFFF;
	cursor:pointer;
}

#boxEstadoTraficoError {
	border:1px dotted #FF0000;
	padding:20px 10px;
	color:#990000;
	margin-bottom:20px;
	
}

#boxEstadoTraficoOk {
	border:1px dotted #009900;
	padding:20px 10px;
	color:#009933;
	margin-bottom:20px;
}

/* -------------- Memorias */

#colDescargasIzq, #colDescargasDer {
	float:left; 
	width:290px; 	
}
#colDescargasIzq{
	margin-right:20px;
}
.tituloDescargas{
	height:53px;
}