@charset 'utf-8';
@import url(reset.css);
@import url(lightbox.css);
@import url(paginador.css);

/* ----------------------------------------------------- All browsers */


body {
/* 	background: url(../img/fondo1.jpg) top center no-repeat; */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}

#contenedor {
	width: 960px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 50px;
}

.izq {
	float: left !important;
}

.der {
	float: right !important;
}

/* estilos para los fondos*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 960px;
}

#focus-stealer      { position: absolute; left: -9999px; }
/**/

#cabecera {
	position: relative;
	height: 150px;
}

#logo {
	position: absolute;
	top: 20px;
	left: 60px;
}


#menupri {
	position: absolute;
	background: #0c6a4c /* url(../img/fondoverdeclaro.png) */;
	right: 0px;
	top: 83px;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

#menupri li {
	float: left;
	padding: 9px 15px 6px 5px;
	position: relative;
}

#menupri li.home {
	position: relative;
	width: 20px;
}

#menupri li.home img {
	position: absolute;
	bottom: -8px;
	left: 8px;
}

#menupri li a {
	color: #fff;
	text-decoration: none;
}

#menupri li a:hover {
	color: #d4ea34;
}

ul#menupri li:hover span {display: block;}

html ul#menupri li span {
	float: left;
	padding: 5px 5px 5px 8px;
	margin: 0;
	width: 100px;
/* 	margin-left: 120px; */
	position: absolute;
	left: 0; top:30px;
	display: none;
	background: #d4ea34;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
html ul#menupri li span a {
	color: #0c6a4c;
	display: block;
	font-size: 12px;
}
ul#menupri li span a:hover {
	text-decoration: none;
	color: #1a401b;
}



#cuerpocentralportada {
	padding-top: 50px;
}

.col1 {
	width: 250px;
	float: left;
}

.col2 {
	width: 620px;
	float: right;
}

.bloque1 {
	background: url(../img/fondoverdeoscuro.png);
	width: 245px;
}

.bloque2 {
	background: url(../img/fondoverdemedio.png);
	width: 245px;
}

.bloque3 {
	background: url(../img/fondogris.png);
	width: 620px;	
}

.bloque1 a, .bloque2 a {
	color: #fff;
}

.bloque1, .bloque2, .bloque3 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	float: left;	
	margin-bottom: 10px;
}

.bloque1 img, .bloque2 img, .bloque3 img {
	float: left;
}

.bloque1 h2, .bloque2 h2  {
	font-size: 20px;
	margin-bottom: 15px;
}

.bloque1 p, .bloque2 p {
	float: right;
	width: 120px;
}


#pie {
	position: relative;
	background: url(../img/fondogris.png);
	min-height: 150px;
	padding-right: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 	
	margin-bottom: 15px;
}

#contpie {
	width: 960px;
	margin: 0 auto;
	padding: 0px 20px 20px 15px;
}

#direccionPie {
	padding-top: 10px;
	float: left;
	margin-bottom: 10px;
}

#direccionPie span {
	color: #b1c13b;
}

#logospie {
	float: left;
	margin-top: 10px;
}

#mapaweb h2 {
	font-size: 16px;
	margin: 0 15px 10px 0;
	border-bottom: solid 1px #fff;
	padding: 0 20px 5px 0;
}

#mapaweb {
	margin-top: 20px;
	float: right;
	padding-right: 20px;
}

#mapaweb ul {
	float: left;
	margin-right: 20px;
}

#listamapaweb {
	width: 350px;
}

#listamapaweb li a{
padding: 0px;
margin: 0px;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#listamapaweb li a:hover {
	text-decoration: underline;
}

ul#listamapaweb li {
	display: block !important;
	float: left !important;
	margin-right: 6px;
	width: 100px;
	margin-bottom: 3px;
}

.elementolistamapaweb {
	border-left: solid 1px #fff;
	padding: 3px 0 3px 5px;
}

.sublistamapa li {
	display: inline;
	width: 70px;
	margin-right: 5px;
	padding-left: 7px;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.sublistamapa li a {
	font-size: 10px;
	font-weight: 100 !important;
}

.sublistamapa li a:hover {
	text-decoration: underline;
}

#boton {
	position: absolute;
	display: block;
	top: 130px;
	right: 0px;
	width: 180px;
	height: 47px;
	background: url(../img/reservas.png) top left no-repeat;	
}

#boton:hover {
	background: url(../img/reservas.png) bottom left no-repeat !important;	
}

/* secciones de contenido */

.listaTitulares {
	padding: 10px 20px 15px 20px;
	background: url(../img/fondogris.png);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
	margin-bottom: 20px;	
}

.listaTitulares li {
	border-bottom: dotted 1px #ddd;
	padding-bottom: 3px;
	padding-top: 3px;
}

.listaTitulares li a {
	color: #fff;
	text-decoration: none;
}

.listaTitulares li a:hover {
	color: #d4ea34;	
}

.tituloSeccion {
	font-size: 20px;
	margin-bottom: 10px;
	background: url(../img/fondogris.png);
	padding: 10px;
	padding-left: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
}

.tituloSeccion span {
	color: #d4ea34;
}

.contenido {
	padding: 20px 15px 15px 15px;
}

.contenidoGde {
	padding: 20px 15px 35px 35px;
}

.contenidoGde a {
	color: #d4ea34;	
}

.bloque3 h2 {
	font-size: 28px;
	margin-bottom: 15px;
	margin-left: 185px;
	line-height: 110%;
	width: 320px;
}

.bloque3 h2 a:hover {
	text-decoration:underline !important; 
}

.txtArticulo {
	width: 465px;
	text-align: justify;
	padding-right: 25px;
}

.txtArticulo img {
	padding: 0 15px 15px 0;
}

.txtArticulo p {
	margin-bottom: 8px;
}

.leermas {
	float: right !important;
	padding-top: 8px !important;
}

#l1 li h2 {
	width: 300px;
}

.bloqueDescarga {
	float: right;
	padding-right: 40px;
}

#listaGaleria {
	margin: 12px; 
}

#listaGaleria li {
	float: left;
	margin-right: 5px;
	padding: 3px 3px 10px 3px;
	background: #fff;
}

#listaGaleria li:hover {
	background: #d4ea34;	
}

/* acceso clientes */

#acceso {
	position: absolute;
	right: 0px;
	top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	background: url(../img/fondoBlancotrans.png);	
	padding-bottom: 5px;
	margin: 0;
	padding: 0;
}

#formularioRegistrados {
	float: right;
	width: 240px;
	margin: 0px;
	padding: 5px 0 0px 10px;
}

#formularioRegistrados img {
	margin-top: 3px;
}

#formularioRegistrados input {
	width: 85px;
	margin-left: 5px;
	margin-right: 10px;
}

#formularioRegistrados dl dt, #formularioRegistrados dl dd {
	float: left;
}

.elacesRegistro {
	float: right;
	display: block;
	font-size: 11px;
	padding: 1px 10px 1px 0;
	color: #0c6a4c;
}

.elacesRegistro:hover {
	color: #3a5c1f;
}

.bienvenida {
	color: #0c6a4c;
	padding: 5px 10px 5px 10px;
}

.bienvenida a {
	color: #0c6a4c;
	float: right;
}

.bienvenida span {
	font-weight: bold;
}

#social {
	padding: 1px 5px 3px 8px;
}

#social img {
	float: right;
	padding: 1px 4px 3px 0;
}

#social img, #social img:hover {
	cursor: pointer;
}

#seleccionidiomas {
	font-size: 10px;
	float: left;
	width: 172px;
}

#seleccionidiomas ul li {
	display: block;
	float: left;
	margin-right: 4px;
}

#seleccionidiomas ul li a {
	color: #0c6a4c;
}

#seleccionidiomas ul li a:hover {
	color: #3a5c1f;
}

/* formularios de registro y confirmacion */

#contenedorPopup {
	color: #000;
	padding: 20px 50px 20px 50px;
}

#contenedorPopup h1 {
	font-size: 20px;
	margin-bottom: 5px;
	background: url(../img/fondogris.png);
	padding: 10px;
	padding-left: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 		
	color: #fff;	
}

#contenedorPopup h2 {
	background: #0c6a4c /* url(../img/fondoverdeclaro.png) */;
	font-size: 11px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	color: #fff;
}

#formularioRegistrados dl {
	float: left;
}

#formularioDatospersonales {
	width: 450px;
	margin: 0 auto;
	padding-left: 25px;
}

#formularioDatospersonales input {
	width: 400px;
	margin-bottom: 4px;
}

#formularioDatospersonales label {
	margin-right: 5px;
	font-size: 11px;
}

.largo {
	display: block;
	width: 400px;
}

.inputcorto {
	width: 150px !important;
}

.corto {
	display: block;
	width: 138px;
}

.medio {
	display: block;
	width: 262px;
}

.medio input {
	width: 262px !important;
}

.corto input {
	width: 120px !important;
}

#confirmarUsuario {
	float: right;
}

#confirmarUsuario:hover {
	background-color: #ff5c00;
}

.alertaExito {
	color:#0c6a4c;
	font-size:16px;
	margin-bottom: 5px;
	padding-top: 25px;
}

.alertaExito2 {
	color:#0c6a4c;
	font-size:14px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
/* botones*/

.awesome{
	background: #222 url(img/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #666;
	-webkit-box-shadow: 0 1px 3px #666;
	text-shadow: 0 -1px 1px #666;
	border-bottom: 1px solid #333;
	position: relative;
	cursor: pointer;
}

.medium.awesome {
font-size: 13px;
margin: 5px 0px 0px 10px;
}

.small.awesome {
font-size: 11px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}

/* Colors ---------- */
.blue.awesome {
background-color: #2daebf;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}

/* newsletter */

#bloqueNl {
	float: left;
	left: 350px;
	padding: 30px 0 0 30px;
	width: 200px;
	font-size: 10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 	
	margin-top: 5px;
	padding-bottom: 0px;
}


/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }