/***************************************************
     AUTOR: Martin Pandelo (www.foconetworks.com)	
     FECHA: 30.07.2010
 ***************************************************/


/***************************************************
   HTML Element Styles
 ***************************************************/
* {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0;  
    text-align: center;
	line-height: 170%;
	background-color: #585858;
	background-image: url(../imagenes/fondo.png);
	background-repeat: repeat-y;
	background-position: center top;
}


h1.fontface {
	letter-spacing: 0;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 3.2em;
	line-height: 52px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #7eab25;
	width: auto;
	height: 1em;
	margin-top: 40px;
	margin-bottom: 20px;
	display: block;
}

h1 span {
	float: left;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7eab25;
}

.subtitulos_izq  {
	letter-spacing: 0;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 2em;
	line-height: 35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2d3e0d;
	background-color: #7eac25;
	height: 35px;
	width: 440px;
	background-image: url(../imagenes/punta_titulos.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 20px;
}
.subtitulos_izq span {
	float: right;
	padding-right: 10px;
}
.subtitulos_der span {
	float: left;
	padding-left: 10px;
}
.mas_info {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #7EAC25;
	line-height: 20px;
}
.texto a:hover {
	text-decoration: underline;	
}
.subtitulos_der  {
	letter-spacing: 0;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 1.5em;
	line-height: 27px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2d3e0d;
	background-color: #7eac25;
	height: 26px;
	width: 220px;
	background-image: url(../imagenes/punta_titulos_derecha.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 10px;
}
.subtitulos_cent span {
	float: left;
	padding-left: 10px;
}
.subtitulos_cent  {
	letter-spacing: 0;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 2em;
	line-height: 35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2d3e0d;
	background-color: #7eac25;
	height: 35px;
	width: 236px;
	margin-top: 20px;
}

.bloque_izq {
	width: 420px;
	padding-left: 25px;
	background-image: url(../imagenes/separador_izquierda.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}

.bloque_der {
	width: 200px;
	background-image: url(../imagenes/separador_derecha.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px;
	margin-top: 8px;
}
.bloque_cent {
	width: 236px;
	padding-bottom: 20px;
	margin-top: 15px;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #CCC;
	line-height: 1.3em;
}
.texto_chico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	font-variant: normal;
	color: #CCC;
	font-style: normal;
	line-height: 1em;
}
.texto_color {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #97C740;
	line-height: 1.3em;
}
.mail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #97C740;
	line-height: 1.3em;
}
.mail:hover {
	text-decoration: underline;	
}
.texto_color_grande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #97C740;
	line-height: 1.3em;
}
.iconos_servicios {
	width: auto;
	height: auto;
	margin-top: 10px;
}
.iconos_servicios li {
	list-style-type: none;
	display: block;
	float: left;
	height: 39px;
	margin-right: 5px;
	margin-left: 5px;
	width: 39px;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	font-variant: normal;
	color: #1D4221;
	line-height: 1.3em;
	background-color: #7EAC25;
	padding-right: 5px;
	padding-left: 5px;
	font-style: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}
.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	line-height: 1.3em;
	background-color: #7EAC25;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-style: normal;
}
.link_titulo {
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 0.5em;
	font-weight: normal;
	font-variant: normal;
	color: #7EAC25;
	font-style: normal;
	margin-left: 35px;
}
.link_titulo:hover {
	color: #C4DB83;
}
.imagen_video img:hover {
	opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
}
.texto_destacado_izq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	line-height: 1.2em;
	font-style: italic;
}
/***************************************************
  Layout Element Styles
 ***************************************************/

#header {
	width: 100%;
	height: 72px;
	background-color: #585858;
	background-image: url(../imagenes/fondo_cabecera.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#fondo_header {
	width: 980px;
	height: 72px;
	background-image: url(../imagenes/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
}
#fondo_header_fotos {
	width: 980px;
	height: 72px;
	background-image: url(../imagenes/cabecera_fotos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
}

/***************************************************
  Header Menu
 ***************************************************/

#menu {
	width: 500px;
	float: left;
	height: 72px;
}

#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;  
}

.btn_liberado {
	width: auto;
	list-style: none;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 1.5em;
	color: #364a10;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	background-image: url(../imagenes/triangulito_botones.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.reservas {
	width: auto;
	list-style: none;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 1.5em;
	color: #364a10;
	padding-right: 67px;
	
}
.reservas a {
	display: block;
	text-decoration: none;
	color: #7BAA24;
	padding-top: 18px;
	background-image: url(../imagenes/btn_reservas.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 31px;
	width: 143px;
	line-height: 34px;
}
.reservas a:hover {
	color: #466114;
}
.btn_liberado a {
  display: block;
  text-decoration: none;
  color: #364a10;
  padding-top: 28px;
}
.btn_liberado a:hover {
	color: #8BC029;
}
.btn_activo {
	width: auto;
	list-style: none;
	font-family: 'LeagueGothicRegular', Arial, sans-serif;
	font-size: 1.5em;
	color: #d0e78d;
	float: left;
}
.btn_activo a {
	display: block;
	text-decoration: none;
	color: #d0e78d;
	padding-top: 34px;
}
#solapa_home {
	background-image: url(../imagenes/solapa_btns.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 78px;
	height: 72px;
}
#solapa_servicios {
	background-image: url(../imagenes/solapa_btns-02.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 103px;
	height: 72px;
}
#solapa_tarifas {
	background-image: url(../imagenes/solapa_btns-03.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 91px;
	height: 72px;
}
#solapa_como_llegar {
	background-image: url(../imagenes/solapa_btns-04.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 123px;
	height: 72px;
}
#solapa_fotos {
	background-image: url(../imagenes/solapa_btns-05.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 76px;
	height: 72px;
}

#botonera_iconos {
	line-height: normal;
	float: right;
	padding-right: 20px;
}

#botonera_iconos li {
	width: auto;
	list-style: none;
	float: left;
}
#botonera_iconos li span {
	visibility: hidden;	
}
#icon_video a {
	background-image: url(../imagenes/iconos.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 66px;
	width: 67px;
}
#icon_contacto a {
	background-image: url(../imagenes/iconos-02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 66px;
	width: 67px;
	margin-right: 34px;
}
#icon_english a {
	background-image: url(../imagenes/iconos-03.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 66px;
	width: 45px;
}
#icon_esp a {
	background-image: url(../imagenes/iconos-04.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 66px;
	width: 45px;
}

#icon_esp a:hover, #icon_english a:hover, #icon_contacto a:hover, #icon_video a:hover {
opacity: 0.6;
-moz-opacity: 0.6;
filter: alpha(opacity=60);
}

/***************************************************
 Page Content
 ***************************************************/

#content {  
  clear: both;
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

#text {
	float: left;
	width: 490px;
	height: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#image {
	float: left;
	width: 236px;
	vertical-align: top;
	margin-bottom: 20px;
}

#sideBar {
  float: right;
  width: 220px;
  padding: 50px 0px 20px 0;
}
.fotos {
	margin-top: 20px;
	padding-bottom: 20px;
	margin-left: 45px;
}
/***************************************************
 Footer
 ***************************************************/

#footer {
	clear: both;
	width: 980px;
	background-image: url(../imagenes/linea_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}
#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666;
	line-height: 1.5em;
	padding-left: 20px;
	float: left;
}
#footer ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666;
	line-height: 1.5em;
	padding-right: 20px;
	float: right;
}
#footer ul li {
	list-style-type: none;
}


/***************************************************
 Formulario
 ***************************************************/

.campos {
	width: 200px;
	display: block;
	height: 40px;
}
.campos_contacto {
	margin-bottom: 5px;
	width: 420px;
}
.campos p, .campos_contacto p {
	color: #7EAC25;
	letter-spacing: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 0.75em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.texto_form {
	background-color: #FFF;
	color: #698F29;
	letter-spacing: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	border: 1px solid #EAF4D9;
}
.ok {
	color: #CDE786;
	letter-spacing: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: bold;
}
.boton {
	display: block;
	margin-top: 70px;
	overflow: hidden;
}
.boton_contacto {
	display: block;
	overflow: hidden;
}
.consulta {
	background-color: #FFF;
	border: 1px solid #EAF4D9;
	height: 80px;
	outline: none;
	overflow: auto;
	resize: none;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #698F29;
	margin-top: 5px;
}
.consulta_contacto {
	background-color: #FFF;
	border: 1px solid #EAF4D9;
	height: 160px;
	outline: none;
	overflow: auto;
	resize: none;
	width: 420px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #698F29;
	margin-top: 5px;
}
/***************************************************
  codigo para mensaje en ie6
 ***************************************************/

#usuarios-ie {
	width:980px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	z-index:999999;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	margin-bottom: 50px;
	background-color: #FFF;
}
#usuarios-ie p { font-size: 13px; margin: 0; padding:2px 10px; }
#usuarios-ie ul {
	margin-left: 100px;	
}
#usuarios-ie li  {
	float: left;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}