@charset "utf-8";
/* ------------------------------------------------------------------------------------ *
| css/gabarda.css																	|
| 																						|
| PROJECT :: www.lagabarda.com v1.0													|
| version: 1																			|
+ ------------------------------------------------------------------------------------- +
| Author :: 72estudi																|
* ------------------------------------------------------------------------------------- */
                                                                                          
/* @group ELEMENTOS AUXILIARES :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear { clear:both;}
strong{font-weight: bold;}
a { text-decoration:none}
* { margin: 0px; padding: 0px; outline: 0;}
.center { text-align:center}

/* @group GLOBALES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body {font-family:Arial, Helvetica, sans-serif;	font-size:100%; }
#backgound_pic {background:url(../images/fondo.png) no-repeat; margin: 0 auto; width:1000px;}
#wrapper {margin:0 auto; width:926px;}
#header {background:url(../images/header.png) 0 0 repeat-x;	height:168px; text-indent:-999px;}
#botonera {background:url(../images/menu4.png) 0 0 no-repeat; margin:0 5px; height:36px;}
#content {background:url(../images/container.png) 0 0 repeat-y; padding-top:10px;}	

/* @group INTERIOR CONTENEDOR :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#animacion {height:178px; width:786px; margin:10px 0;}
.texto {color:#3c2a0d; text-align:center;}
.texto h1 {font-size:15px; font-weight:bold;}
.texto h2 {font-size:13px; font-weight:bold;}
	
/* @group SUBMENU CLUB SOLIDARIA PROMOCIONES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#subwrapper {margin:0 70px;}
#menuHome {height:50px}
#menu2 {margin:0 -20px -10px -20px;	height:50px}

#submenuDcha {background:url(../images/bordeDchoMenu.png) 0 0 no-repeat; width:15px; float:left; height:50px; display:inline;}
#submenuCentro {background:url(../images/bordeCentroMenu.png) 0 0 repeat-x;	width:756px; height:50px; float:left; display:inline;}
#submenuIzqu {background:url(../images/bordeIzquMenu.png) 0 0 no-repeat; width:15px; float:left; height:50px; display:inline;}
	
.listado {margin: 10px auto 0;float:left;}

.sublistado1 {width:170px; float:left; display:inline; margin:6px 0 0 0}
.sublistado2 {width:190px; float:left; display:inline; margin:6px 0 0 0}
.sublistado3 {width:200px; float:left; display:inline; margin:6px 0 0 0}
	
.star{background:url(../images/star.png) 0 0 no-repeat;	height:11px; float:left; width:11px; margin:8px 8px 0 10px;	display:inline}
	
.sublistado1 a{color:#FFF; font-weight:bold; font-size:14px}
.sublistado2 a{color:#FFF; font-weight:bold; font-size:14px}
.sublistado3 a{color:#FFF; font-weight:bold; font-size:14px}

.sublistado1 a:hover{ text-decoration:underline; font-weight:bold}
.sublistado2 a:hover{text-decoration:underline; font-weight:bold}
.sublistado3 a:hover{text-decoration:underline; font-weight:bold}
	
/* @group SUBMENU ABAJO :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.listadobajoDcha {width:125px; float:left; margin:22px 0 0 30px; display:inline}
.listadobajoIzq {width:130px; float:right; margin:22px 30px 0 0; display:inline}

.sublistadobajo {margin:0 0px 10px; float:left; display:inline}
.sublistarriba {margin:0 12px 10px; float:left; display:inline}

.textoOtros {float:left; display:inline}
.textoOtros a{font-size:14px; color:#FFF;}
.textoOtros a:hover {color:#FFF; text-decoration:underline}
	
.icono {width:19px; height:19px; float:left; margin:-2px 10px 0 0; display:inline;}
	
/* @group CONTENEDOR IZQUIERDA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#prob { }
#derecha{width:367px; float:left; height:596px; margin-left:3px; display:inline}

#aventura a{background:url(../images/aventura.png) 0 0 no-repeat; width:368px; height:150px; float:left; margin-left:2px;}
#aventura a:hover {background:url(../images/aventura.png) 0 -155px no-repeat; width:368px; height:150px; float:left; margin-left:2px;}
#educativa a{ background:url(../images/educativa.png) 0 0 no-repeat; width:189px; height:178px; float:left; margin-top:7px;}
#educativa a:hover {background:url(../images/educativa.png) 0 -177px no-repeat; width:189px; height:178px; float:left; margin-top:7px;}
#cultural a{ background:url(../images/cultural.png) 0 0 no-repeat; width:174px; height:188px; float:right; margin-top:-3px}
#cultural a:hover {	background:url(../images/cultural.png) 0 -186px no-repeat; width:174px; height:188px; float:right; margin-top:-3px}
#empresas a{ background:url(../images/empresas.png) 0 0 no-repeat; width:231px; height:141px; float:left; margin-left:-13px;}
#empresas a:hover { background:url(../images/empresas.png) 0 -138px no-repeat; width:231px; height:141px; float:left; margin-left:-13px;}
#exclusiva a{ background:url(../images/exclusiva.png) -1px -2px no-repeat; width:144px; height:140px; float:right; margin-right:-10px}
#exclusiva a:hover { background:url(../images/exclusiva.png) -2px -139px no-repeat; width:144px; height:140px; float:right; margin-right:-10px}
	
#otros{ background:url(../images/otros.png) 0 0 no-repeat; width:366px; height:111px; float:left;}

/* @group CONTENEDOR DERECHA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#izquierda{width:410px; height:596px; float:right; display:inline;}

#lateraltop { background:url(../images/lateraltop.png) 0 0 no-repeat; width:410px; height:48px; float:right; margin-top:1px;}
#lateralcentro {background:url(../images/lateralcentro.png) 0 0 repeat-y; width:410px; height:509px; float:right;}
#lateraldown { background:url(../images/lateraldown.png) 0 0 no-repeat; width:410px; height:38px; float:right;}


/* @group CONTENIDO CONTENEDOR IZQUIERDA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrapper3{width:265px; margin:0 auto;}

#novedades {height:148px; margin-top:-13px;}
.novedadestit {	background:url(../images/novedadestit.png) 0 0 no-repeat; width:389px; height:26px;	margin-left:16px; padding:4px 0 0 0;}
	
.title a {margin:0 0 0 14px; font-size:14px; color:#FFF;}
.title a:hover{ text-decoration:underline}

#blog {height:260px; width:389px; overflow:hidden;}
#map {height:300px; width:736px; border:5px solid #FFF; float:left; margin-top:-20px;}

.textosituacion { float:left; font-size:12px; margin:20px 20px 0 20px; padding-bottom:20px; border-bottom:1px dotted #FFF}
.textosituacion h6 { color:#80a03b; font-size:18px; display:inline; }

.ruta{ margin-left:30px}
#horario {height:30px}

.imagotipoIzq {	height:40px; width:140px; float:left; margin-bottom:10px; background:url(../images/imagotipo.png) 0 0 no-repeat}
.imagotipoDcha {height:40px; width:140px; float:right; margin-bottom:10px; background:url(../images/imagotipo.png) 0 0 no-repeat}
.imagotipoListaIzq, .imagotipoListaDcha {width:115px; height:110px; display:inline; height:95px}
.imagotipoListaIzq {float:left;	margin:11px 0 0 42px; }
.imagotipoListaDcha {float:right; margin:11px 53px 0 0 }

.textomapa {float:right; display:inline}
.novedadestit .textomapa a{ width:144px; float:right; display:inline; margin:20px 79px 0 0; color:#FFF; font-size:11px;}
.novedadestit .textomapa a:hover {text-decoration:underline}

#mapa {height:87px;}
.mapaImagen { background:url(../images/mapspeq.jpg) 0 0 no-repeat; float:left; height:40px; width:110px; margin:15px 20px 0 25px; display:inline}

.blogtitle {width:150px; float:right; margin:10px; color:#FFF; font-size:11px;}
.contenidoContact {margin-left:40px;}
	
/* @group BLOG :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#entradas {margin:5px 0 0 45px; width:300px; height:215px; overflow:hidden;}
	
.labelfield{ /*CSS for label field in general*/
color:#0F0;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:#000;
font-size:10px;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}
#example1 li a { color:#FFF; font-size:13px;}	
#example1 li a:hover{color:#CCC; text-decoration:underline;}

code{ /*CSS for insructions*/
color: red;
}

/* @group ACTIVIDADES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#subseccion, #subseccion2, #subseccion3, #subseccion4, #subseccion5, #subseccion6, #subseccion7 {margin:15px 0 0 0; padding:4px 0;}
#subseccion {background:url(../images/titularAventura.png) 0 0 repeat-y;}
#subseccion2 {background:url(../images/titularEducativa.png) 0 0 repeat-y;;}
#subseccion3 {background:url(../images/titularCultural.png) 0 0 repeat-y;}
#subseccion4 {background:url(../images/titularEmpresas.png) 0 0 repeat-y;}
#subseccion5 {background:url(../images/titularExclusiva.png) 0 0 repeat-y;}
#subseccion6 {background:url(../images/titularSeccion.png) 0 0 repeat-y;}
#subseccion7 {background:url(../images/titularServicios.png) 0 0 repeat-y;}

.subsecciontitulo { font-size:20px; font-weight:bold; color:#FFF; text-align:center; margin:12px 0 0 0;}
.subsecciontitulo6 { font-size:20px; font-weight:bold; color:#333; text-align:center}
#actividad{padding:0 20px 20px 20px; background:url(../images/actividad.png) 0 0 repeat-y; margin:20px 0}
.tituloactividad{font-size:18px; color:#000; font-weight:bold; text-align:left; padding:10px 0 4px 0; border-bottom:1px solid #666}

.star2, .star3, .star4, .star5, .star6, .star7, .star8, .star9, .star10, .star11, .star12, .star13{	height:11px; float:left; width:11px; margin:4px 5px 0 0; display:inline}
.star2{background:url(../images/starVerde.png) 0 0 no-repeat;}
.star3{background:url(../images/starAmarilla.png) 0 0 no-repeat;}
.star4{background:url(../images/starMarron.png) 0 0 no-repeat;}
.star5{background:url(../images/starNegra.png) 0 0 no-repeat;}
.star6{background:url(../images/starVerde2.png) 0 0 no-repeat;}
.star7{background:url(../images/starVerde3.png) 0 0 no-repeat;}
.star8{background:url(../images/starVerde.jpg) 0 0 no-repeat;}
.star9{background:url(../images/starAmarilla.jpg) 0 0 no-repeat;}
.star10{background:url(../images/starMarron.jpg) 0 0 no-repeat;}
.star11{background:url(../images/starNegra.jpg) 0 0 no-repeat;}
.star12{background:url(../images/starVerde2.jpg) 0 0 no-repeat;}
.star13{background:url(../images/starVerde3.jpg) 0 0 no-repeat;}

.star3b {height:11px; float:left; width:11px; margin:0px 5px 0 30px; display:inline; background:url(../images/starAmarilla.png) 0 0 no-repeat;}

.fotoactividad{margin:20px 0; height:169px}

.textoactividad{font-size:12px; color:#232323;}
.textoactividad2{font-size:12px; margin-left:40px; color:#232323;}
.textoactividad2 a, .textoactividad a{font-size:12px;  color:#232323; }
.textoactividad2 a:hover, .textoactividad a:hover{font-size:12px; color:#232323; text-decoration:underline}

.textoactividad h1, .textoactividad2 h1 { color:#649227; font-size:20px; display:inline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.textoactividad h2, .textoactividad2 h2 { color:#D6A00B; font-size:20px; display:inline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.textoactividad h3 { color:#BB7424; font-size:20px; display:inline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.textoactividad h4 { color:#884E19; font-size:20px; display:inline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.textoactividad h5 { color:#80a03b; font-size:20px; display:inline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.textoactividad h6 { color:#186268; font-size:20px; display:inline; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

/* @group TABLA DE PRECIOS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.tablaPrecios { margin:15px 285px 20px 61px; border:5px solid #ABCE74; }
.tablaPrecios table { background:#7BAD2D; border:1px solid #FFF; width:100% }
td.left, th.left, td, th {text-align:center;}
.tablaPrecios thead th {background:#7BAD2D}
.tablaPrecios tbody .row1 { background:#8DBC42;}
.tablaPrecios tbody .row2 { background:#9ACE49}
.tablaPrecios tbody .row3 { background:#AFDD66}
.tablaPrecios tbody .row4 { background:#BEE580}

.tablaPrecios th {border:1px solid #FFFFFF; color:#FFFFFF; font-weight:bold; padding:3px 50px;}
.tablaPrecios td {border:1px solid #FFFFFF; color:#232323; padding:3px 50px;} 

/* @group TABLA DE PRECIOS AMARILLA :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.tablaPrecios2 { margin:15px 285px 30px 61px; border:5px solid #F4E9C9; }
.tablaPrecios2 table { background:#D6A00B; border:1px solid #FFF; width:100% }
td.left, th.left, td, th {text-align:center;}
.tablaPrecios2 thead th {background:#D6A00B}
.tablaPrecios2 tbody .row1 { background:#E8C154;}
.tablaPrecios2 tbody .row2 { background:#EFCF75}
.tablaPrecios2 tbody .row3 { background:#EDD798}
.tablaPrecios2 tbody .row4 { background:#EDDEB4}

.tablaPrecios2 th { border:1px solid #FFFFFF; color:#FFFFFF; font-weight:bold; padding:3px 50px;}
.tablaPrecios2 td { border:1px solid #FFFFFF; color:#232323; padding:3px 50px;}

/* @group TABLA DE horarios :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.tablaHorarios { margin:15px 145px 20px  145px;  }
.tablaHorarios table {  width:100% }
td.left, th.left, td, th {text-align:center;}

.tablaHorarios th {border:1px solid #FFFFFF; color:#232323; font-weight:bold; padding:8px 20px;}
.tablaHorarios td {border:1px solid #FFFFFF; color:#232323; padding:8px 20px;} 

.fotoHorarios{margin:40px 60px; height:786PX;;}

/* @group EL PARQUE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#box {background:url(../images/titularSeccion.png) 0 0 repeat-y; margin:15px 0 0 0; padding:4px 20px 40px;}
#boxConstruccion { background:url(../images/titularSeccion.png) 0 0 repeat-y; margin:15px 0 0 0; height:200px; padding:4px 20px 40px;}
.boxWhite { background:#FFF; border:1px solid #CCC; padding:20px;}	
.construction { background:url(../images/construction.png) 0 0 no-repeat; width:20px; height:20px; float:left; margin:-5px 15px 0}
.imgLateral { width:320px; height:231px; margin:15px 0 30px 0; float:left; display:inline; background:url(../images/maps01.jpg) 0 0 no-repeat;}

#textoMaps {font-size:11px; float:left; display:inline; width:736px; margin:20px 0 20px 0; height:60px; text-align:center }
#textoMaps h1 {font-size:20px; color:#000}
#textoMaps h2 {font-size:16px; color:#000; margin-bottom:20px;}

#aventuraIzquierda, #educativaIzquierda, #culturalIzquierda, #empresasIzquierda, #exclusivaIzquierda, #serviciosIzquierda { width:50px;	float:left;	height:50px;}
#aventuraCentro, #culturalCentro, #educativaCentro, #empresasCentro, #exclusivaCentro, #serviciosCentro  {width:726px; height:49px;	float:left}
#aventuraDerecha, #culturalDerecha, #educativaDerecha, #empresasDerecha, #exclusivaDerecha, #serviciosDerecha {width:50px; float:left;	height:50px;}

#aventuraIzquierda {background:url(../images/aventuraIzquierda.png) 0 0 no-repeat;}	
#aventuraCentro {background:url(../images/aventuraCentro.png) 0 0 repeat-x;}
#aventuraDerecha {background:url(../images/aventuraDerecha.png) 0 0 no-repeat;}

#educativaIzquierda {background:url(../images/educativaIzquierda.png) 0 0 no-repeat;}
#educativaCentro {background:url(../images/educativaCentro.png) 0 0 repeat-x;}	
#educativaDerecha {background:url(../images/educativaDerecha.png) 0 0 no-repeat;}

#culturalIzquierda {background:url(../images/culturalIzquierda.png) 0 0 no-repeat;}
#culturalCentro {background:url(../images/culturalCentro.png) 0 0 repeat-x;}	
#culturalDerecha {background:url(../images/culturalDerecha.png) 0 0 no-repeat;}

#empresasIzquierda {background:url(../images/empresasIzquierda.png) 0 0 no-repeat;}
#empresasCentro {background:url(../images/empresasCentro.png) 0 0 repeat-x;}	
#empresasDerecha {background:url(../images/empresasDerecha.png) 0 0 no-repeat;}

#exclusivaIzquierda {background:url(../images/exclusivaIzquierda.png) 0 0 no-repeat;}
#exclusivaCentro {background:url(../images/exclusivaCentro.png) 0 0 repeat-x;}	
#exclusivaDerecha {background:url(../images/exclusivaDerecha.png) 0 0 no-repeat;}

#serviciosIzquierda {background:url(../images/serviciosIzquierda.png) 0 0 no-repeat;}
#serviciosCentro {background:url(../images/serviciosCentro.png) 0 0 repeat-x;}	
#serviciosDerecha {background:url(../images/serviciosDerecha.png) 0 0 no-repeat;}

/* @group CONTACTO :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#form {	margin:20px 0 20px 0;}
#form label { width:120px; float: left; clear: left; font: bold 12px Arial, Helvetica, sans-serif; color: #333; margin:5px 0 18px 0; text-align:right;}
#form #loginbox { width:392px; height:20px; float:left; color: #666666; font-size:12px; margin: 0 0 10px 15px; padding:2px 0 0 2px;} 
#form #loginbox2 { height:101px; width:394px; float:left; color: #666; font-size:12px; display:inline; margin: 0 0 10px 15px; padding:4px 0 0 4px;}
.sendBox { width:322px; float:left; margin-left:134px; display:inline; }
.boton {background:url(../images/boton.jpg) 0 0 no-repeat; height:40px; width:131px; float:left; border: none; color:#333; margin: 12px 14px 0 0; font-size:15px;}
.boton:hover {	background:url(../images/boton.jpg) 0 -40px no-repeat; margin: 12px 14px 0 0;}
.textofinal {	color:#333; margin:12px 0 0 auto; font-size:10px;}
.contenidoContact {} 
.contenidoContact h3 {padding-top:30px; font-size:11px;	color:#333;}


/* @group FOOTER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#contentFooter{background:url(../images/container.png) 0 0 repeat-y; margin-top:30px;}
.footer {font-size:9px; color:#000; padding:3px; text-align:center}