@charset "UTF-8";
#credits a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Shanti', serif;
	font-size: 13px;
}
#credits a:hover {
	color: #F7AC3B;
}

body {
	background-image: url(../img/index/verde_total.jpg);
	background-repeat: repeat;
	margin: 0px;
}


#lux {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/index/luz_verde.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#content {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
}
#menu {
	background-color: #243613;
	height: 30px;
	position: relative;
	text-align: right;
	color: #FFF;
	font-size: 13px;
	padding-top: 15px;
	padding-right: 15px;
}
#logo {
	position: absolute;
	z-index: 15;
	top: 8px;
	left: 21px;
}
#foot {
	background-image: url(../img/layout/foot_shadow.png);
	background-repeat: repeat-x;
	background-color: #E7E9E1;
}
#credits {
	padding-top: 10px;
	padding-bottom: 25px;
	text-align: right;
}
#content_foot {
	background-image: url(../img/layout/holas_foot.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
}
#menu a {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	color: #789B50;
	text-decoration: none;
	font-size: 17px;
	font-family: 'Quattrocento Sans', serif;
	font-weight: lighter;
}
#menu a:hover {
	color: #FCF68A;
}
#caja_negra {
	background-image: url(../img/index/up.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 672px;
	padding-top: 13px;
	z-index: 20;
	position: absolute;
	left: 323px;
	top: 311px;
}
#cuerpo_caja {
	background-image: url(../img/index/mid.png);
	background-repeat: repeat-y;
	position: relative;
	width: 672px;
}
#cierre {
	background-image: url(../img/index/down.png);
	background-position: left bottom;
	height: 12px;
}

.texto_blanco {
	font-family: 'Quattrocento Sans', serif;
	font-size: 16px;
	color: #FFF;
}
.texto_gris {
	font-family: 'Quattrocento Sans', serif;
	font-size: 14px;
	color: #AFAFAF;
}
#botones_menu a {
	color: #736357;
	text-decoration: none;
	font-family: 'Quattrocento Sans', serif;
	font-size: 15px;
	margin-right: 16px;
	margin-left: 16px;
}
#menu_bajo {
	padding-bottom: 50px;
	padding-left: 20px;
	position: relative;
}
#botones_menu a:hover {
	color: #E91C24;
}
#huatulco_mexico {
	background-color: #E7E9E1;
	height: 111px;
	width: 242px;
	position: absolute;
	left: 719px;
	top: -44px;
}
#mex {
	text-align: center;
	font-family: 'Rokkitt', serif;
	font-size: 25px;
	color: #A09085;
	padding-top: 45px;
	padding-right: 20px;
	position: relative;
}
#cactus {
	position: absolute;
	left: 196px;
	top: 14px;
}
.texto_submenu {
	font-family: 'Shanti', serif;
	font-size: 14px;
	color: #958275;
	line-height: 25px;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
}
#content_text {
	background-image: url(../img/index/sombra.png);
	background-repeat: repeat-x;
	background-color: #FFF;
}

.intro_text {
	font-family: 'Shanti', serif;
	color: #534741;
	font-size: 16px;
}
#intro_rafting a {
	font-family: 'Rokkitt', serif;
	text-decoration: none;
	color: #534741;
	font-size: 24px;
	display: inline-block;
	padding-right: 35px;
}
#intro_rafting a:hover {
	color: #88C23F;
}
#ola_grande {
	background-image: url(../img/rafting/ola_grande.png);
	background-repeat: repeat-x;
	height: 26px;
	position: relative;
	clear: both;
	margin-bottom: 30px;
}
.titulo_tour {
	font-family: 'Rokkitt', serif;
	font-size: 35px;
	color: #534741;
}
.titulo_tour2 {
	font-family: 'Rokkitt', serif;
	font-size: 20px;
	color: #34A7A5;
}
#credits a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Shanti', serif;
	font-size: 13px;
}
#credits a:hover {
	color: #F7AC3B;
}
#contact span a {
	color: #534741;
	text-decoration: none;
}
#contact  a:hover {
	color: #F90;
}
#caminando {
	position: absolute;
	top: -61px;
	left: 9px;
}
#siganos {
	position: absolute;
	left: 96px;
	top: -40px;
	width: 177px;
}