@import url("reset.css");

body {
	background:#fff url(../../imagenes/bg.png) repeat-x;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px; 
	color:#111;
	}
	
ul { list-style:none; }

h1 a {
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:300px;
	height:123px;
	text-indent:-8000px;
	background: url(../../imagenes/logo.png) no-repeat;
 }
h1 a:hover { background-position:bottom; }

h2, h3{	font-size:30px; margin-bottom:15px; }

p {
	padding: 0;
	margin: 0 0 15px 0;
	}

a {	color: #1D8D2E; text-decoration: none;	}
a:hover { color:#888; text-decoration: none; }

/* Generales */

.clear { clear:both; height:0; background:transparent;  }

.dentro {
	position:relative;
	width: 980px;
	margin: 0 auto;
	overflow:hidden;
}

.verde{ color:#1D8D2E; }

/* CABECERA */

#cabecera {
	position: relative;
	height:375px;
	margin: 0 auto;
}

#direccion{
	position:absolute;
	top:84px;
	right:0;
	width:650px;
	text-align:right;
	font-size:11px;
	color:#929292;
}
#direccion span.postal{ background:url(../../imagenes/ico_direccion.png) no-repeat 0 2px; padding-left:17px; }

#telefono{
	position:absolute;
	top:30px;
	right:0;
	width:500px;
	height:45px;
	text-align:right;
}
#telefono span{ display:block; font-size:11px; margin-bottom:-3px; color:#929292; }
#telefono strong{ margin-left:15px; padding-left:22px; font-size:32px; color:#666; background: url(../../imagenes/ico_telefono.png) no-repeat 0 17px; }
#telefono strong.telffijo{ background: url(../../imagenes/ico_telefono.png) no-repeat 0 13px; }
#telefono strong.telfmovil{ background: url(../../imagenes/ico_movil.png) no-repeat 0 11px; }

/* SLIDER */

#nav{ position:absolute; top:140px; right:11px; font-size:11px; z-index:2; }

#slider{ position:absolute; top:125px; width:980px; height:200px; z-index:1; overflow:hidden; background: transparent!important; }

#slider li{ position:relative; width:980px; height:200px; z-index:0; background: transparent!important; }
#slider li h3{ position:absolute; top:20px; left:0; font-size:35px; color:#fff; z-index:1; }
#slider li h3 a{ color:#0273B7; }
#slider li h3 a:hover{ color:#1DA8FC; }
#slider li p{ position:absolute; top:70px; left:0; width:400px; line-height:200%; color:#013D61; z-index:1; }
#slider li img{ position:absolute; botttom:0; right:0; z-index:0; }

.nav a { margin: 0 2px; padding: 3px 7px; background:#5BC0FD; color:#fff; text-decoration: none; }
.nav a:hover { background:#0273B7; color:#fff; }
.nav a.activeSlide { background:#fff; color:#0273B7; }
.nav a:focus { outline: none; }
.nav { text-align: left }

/* BANNER FLASH */

#bannerflash{ position:absolute; top:125px; width:100%; height:200px; background:url(../../imagenes/bgbannerflash.jpg) no-repeat center; z-index:0; }

/* MENU */

#menu{
	position:absolute;
	bottom:0;
	right:0;
	width:980px;
	height:50px;
	background:url(../../imagenes/bgmenuli.png) no-repeat left;
}
#menu li{ float:left; background:url(../../imagenes/bgmenuli.png) no-repeat right; text-align:center; }
#menu li a{
	display:block;
	height:50px;
	padding:0 22px;
	font-weight:bold;
	color:#eee;
}
#menu li a span{ line-height:50px;}
#menu li a span.doble{ display:block; padding-top:9px; line-height:15px; }
#menu li a.activo,
#menu li a.activo:hover{ background:#fff; color:#000; }
#menu li a:hover{ background:#606060; }

/* CONTENIDO */

#contenido{ float:left; padding:30px 0; width:700px; line-height:180%; text-align:justify; }

/* THUMB */

.thumb {
	position:relative;
	float:left;
	width:261px;
	height:199px;
	margin:0 20px 10px 0;
	background:#eee url(../../imagenes/ico_loader.gif) no-repeat 50% 50%;
	border:1px solid #ddd;
	overflow:hidden;
}
.thumb.der { float:right; margin:0 0 10px 20px; }
.thumb a img {
	position: absolute;
	border:8px solid #eee;
	z-index:1;
}
.thumb a:hover img { border-color:#5F5F5F; }
.thumb a span {
	position: absolute;
	bottom:0;
	right:0;
	width:27px;
	height:27px;
	background: url(../../imagenes/ico_lupa.png) no-repeat top;
	text-indent:-8000px;
	z-index:2;
}
.thumb a:hover span { background-position:bottom; }

/* MAPA */

#mapa { width:700px; height:200px; margin-bottom:15px; }

/* LISTAS */

.lista{	margin:0 0 20px 35px; }
.lista li{ margin-bottom:10px; list-style:square; }
.lista li strong{ padding:2px 3px; background:#efefef; color:#1D8D2E;  }
.lista li ul{ margin-left:20px; }
.lista li li{ list-style:none; margin:15px 0 0 0; }

.lista li .resumen { padding-top:10px; }
.lista li .resumen p{ margin-bottom:10px; line-height:normal; }
.lista li .resumen strong {
	padding:0;
	background:none;
	color: #111;
}

.listafiles{ margin:0 0 20px 0; list-style:none; line-height:30px; }
.listafiles li{ margin-bottom:10px; }
.listafiles li.doc{ padding-left:40px; background:url(../../imagenes/ico_doc.png) no-repeat 0 0; }
.listafiles li.pdf{ padding-left:40px; background:url(../../imagenes/ico_pdf.png) no-repeat 0 0; }
.listafiles li.jpg{ padding-left:40px; background:url(../../imagenes/ico_jpg.png) no-repeat 0 0; }
.listafiles li.url{ padding-left:40px; background:url(../../imagenes/ico_hoja.png) no-repeat 0 0; }
.listafiles li.jpg img{ vertical-align: text-bottom; }

.listalinks{ margin:0 0 20px 0; list-style:none;  }
.listalinks li{ margin-bottom:15px; overflow:hidden; }
.listalinks li img{ float:left; margin-right:10px; padding:1px 5px; vertical-align:middle; border:1px solid #ddd; }
.listalinks li strong{ text-transform:uppercase; }

.listarutas{ float:left; width:162px; border:0px solid red; margin:0 0 20px 0px; }
.listarutas li{ margin-bottom:10px; list-style:square; }
.listarutas li strong{ padding:2px 3px; background:#eee;  }


/* LATERAL */

#lateral{ float:right; padding:30px 0; width:250px; }

#lateral .caja{
	padding:20px;
	background:#EEE;
	border:1px solid #ddd;
}

#lateral h3{
	margin:0 0 10px 0;
	font-size:25px;
}

#lateral .nota{
	position:relative;
	padding: 20px 20px 5px 20px;
	background: #E2F4FE;
	border: 1px solid #B2E3FD;
	text-align:justify;
	font-family: Georgia;
	font-size: 11px;
	font-style:italic;
}

/* FORMU */

#formu label{ display:block; margin-bottom:3px; }
#formu input,
#formu textarea{
	width:198px;
	padding:7px 4px;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(../../imagenes/bginputformu.png) no-repeat top;
	font-size:11px;
}
#formu label.error{
	margin:6px 0 0 0;
	padding-left:20px;
	background:url(../../imagenes/ico_error.png) no-repeat 0 0;
	font-size:11px;
	color:#c00;
}
#formu .clausulalegal{ width:210px; padding:0; height:96px; background: none; border:0; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#999; }
#formu .checkbox{ width:auto; margin:10px 3px 0 0; padding:0; border:none; vertical-align:text-bottom; }
#formu .boton{
	display:block;
	margin:0;
	padding:0;
	width:210px;
	height:36px;
	background:url(../../imagenes/bgboton.png) repeat-x top;
	border:none;
	cursor:pointer;
	text-indent:-8000px;
	overflow:hidden;
}
#formu .boton:hover{ background-position:bottom; }

/* PIE */

#pie{
	width:100%;
	height:220px;
	background:#1D8D2E;
	color:#fff;
}
#pie .dentro{ position:relative; height:220px; }

#pie .dentro #dire{ position: absolute; top:40px; left:0px; width:230px; }
#pie .dentro #dire a{ color:#fff; text-decoration:underline; }

#pie .dentro #rutas{ position: absolute; top:13px; left:250px; width:382px; height:172px; background:url(../../imagenes/bgpierutas.png) no-repeat; }
#pie .dentro #rutas div{ float:right; width:200px; margin-top:20px; margin-right:20px; text-align:right; }
#pie .dentro #rutas div a{ color:#fff; text-decoration:underline; }

#pie .dentro #logos{ position: absolute; top:53px; right:0px; width:380px; }
#pie .dentro #logos li{ float:right; margin-left:10px; }

#pie .dentro #copy{ position: absolute; bottom:10px; right:0px; margin:0; text-align:right; font-size:11px; color:#104B18; }
#pie .dentro #copy a{ color:#104B18; }
#pie .dentro #copy a:hover{ color:#104B18; text-decoration:underline; }
#pie .dentro #copy span{ margin-left:15px; }