html, body {
	background: #fff; 
	font-family: 'Gudea', sans-serif;
	font-size: 16px;
	font-weight: 400;
    padding: 0px;
    margin: 0px;
    width: 100%;
}


/*
		Cosas generales
*/


a, ul, p, div, h1, h2, h3 {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

a:focus {
    outline: none;
}


#wraper {	
	max-width: 2000px;
	overflow: hidden;
	width: 100%;
}


#up {
	background: #fff;
	border-radius: 50%;
	display: block;
	opacity: .5;
	position: fixed;
	height: 30px;
	right: 2%;
	bottom: 2%;
	width: 30px;
	z-index: 999;

	transform: rotate(180deg);
}


header {
	background-color: #fdfeff;
	box-shadow: 1px 2px 5px #ccc;
	color: #8a8b8b;
	height: 114px;
	position: fixed;
	width: 100%;
	z-index: 999;
}

header > div{
	margin: 0 auto;
	width: 960px;	
}

header h1 {
	display: inline-block;
	height: 100px;	
	margin-top: 6px;
	vertical-align: top;
	width: 176px;
}

header h1 a {
	background: transparent url(../img/logo.png) 0 0 no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}

header h1 a span {
	display: none;
}

header #menu {
	display: inline-block;
	vertical-align: top;
	width: 780px;
}

header p {
	background: url(../img/contacto.png) 100% 0 no-repeat;
	color: #fff;
	font-size: 0.9em;
	height: 33px;
	text-align: right;
}
	
header p span {
	display: inline-block;
	vertical-align: top;
}

header p span a {
	color: #fff;
}

header p span:first-child {
	margin: 7px 27px 0 0;
}

header p span:last-child {
	margin: 7px 28px 0 0;
}

header nav {
	font-size: 1.1em;
	margin: 15px 0 0 280px;
}

nav a {	
	color: #573f3c;
	display: inline-block;
	margin-left: -5px;
	position: relative;
	padding: 25px 15px 18px 15px;
}

nav a:nth-child(2) {
	background: url(../img/separador_menu.png) 0 100% no-repeat, url(../img/separador_menu.png) 100% 100% no-repeat;
}

nav a:nth-child(3) {
	background: url(../img/separador_menu.png) 100% 100% no-repeat;
}

nav a:last-child {	
	padding-right: 0;
}

#amenidades {
	background: #fff;
	border: 1px solid #999;
	display: none;
	font-size: .8em;
	position: absolute;
	left: -530px;
	top: 68px;
	width: 650px;
}

#amenidades #close {
	background: #333;
	border-radius: 50%;
	box-sizing: border-box;	
	color: #fff;
	display: block;
	float: right;
	height: 20px;
	padding-top: 0;
	text-align: center;
	width: 20px;
}

#amenidades table {
	width: 100%;
}

#amenidades tr { 
	border-bottom: 1px solid #999;
	text-align: center;
}

#amenidades td {
	padding: .4em;
}

#amenidades .medio {
	font-size: .7em;
}

.titulosTabla {
	color: #5FABC9;
}

.tIzquierda {
	color: #D24328;
	text-align: left;
}


/*
		Centro
*/

#centro {
	background: url(../img/bg.jpg) 0 0 no-repeat;
	height: 600px;
	margin: 115px auto 0;
	padding-top: 50px;
	width: 100%;
}

#centro article {
	margin: 0 auto;
	width: 960px;
}

#centro #intro, #centro #banners {
	display: inline-block;
	vertical-align: top;
}

#centro #intro {
	color: #5fabc9;
	font-size: 1.4em;
	margin: 110px 15px 0;
	text-align: right;
	width: 403px;
}

#centro #intro .tGrande {
	display: block;
	font-size: 2em;
	font-weight: 700;
}

#centro #intro a {
	background: #ff9c00;
	border-radius: 5px;
	box-shadow: inset 0 0 5px #888;
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: 700;
	margin: 40px 0 0 230px;
	padding: 5px 10px;
	width: 156px;
}

/*
	Banners
*/

#centro #banners{
	box-shadow: 0 0 5px 0px #ccc;
	border: 10px solid #fff;
	height: 511px;
	position: relative;
	width: 482px;
}

#banners {
	overflow: hidden;
}

#losBanners {
	overflow: hidden;
}

#banners a {
	position: absolute;
	right: -4px;
	top: 45%;
	z-index: 90;
}

/*
	Nosotros
*/

#contendorNosotros {
	background: #465c70 url(../img/fondo_nosotros.jpg) 0 0 repeat;
	border-top: 4px solid #8abed1;
	height: 290px;
	margin: 0 auto;
	position: relative;
	top: 368px;
	width: 100%;
	z-index: 99;
}

#contendorNosotros #nosotros {
	position: relative;
	margin: 0 auto;
	padding-top: 80px;
	width: 960px;
}

#nosotros p {
	color: #fff;
	font-size: 1em;
	margin-bottom: 20px;
	text-align: justify;
}

#ubicaciones {
	border-top: 3px solid #8abed1;
	height: 590px;
	margin-top: 3px;
	position: relative;
	width: 100%;
}

#ubicaciones > .iconos {
	top: -17px;
	z-index: 99;
}

#ubicaciones article {
	position: relative;
}

#ubicaciones #map {
	background: #ccc;
	height: 100%;
	width: 100%;
}

#map-side-bar {
	background: #fff;
	box-shadow: inset 0 0 4px 0px #d6d5d6;
	height: 314px;
	padding: 10px;
	overflow-y: scroll;
	position: absolute !important;	
	top: 25%;
	width: 219px;
}

#map-side-bar p {
	color: #d24328;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
}

#map-side-bar ul {
	margin: 20px auto;
	width: 80%;
}

#map-side-bar ul li {	
	background: url(../img/pin_lista.png) 0 0 no-repeat;
	display: block;
	font-size: 0.9em;
	margin-bottom: 15px;
	padding: 0 0 10px 40px;
}

#map-side-bar li span {
	color: #D24328;
}

#map-side-bar li a {
	color: #573f3c;
}

/*
	Requisitos
*/


#requisitos {
	background: #fff;
	border-top: 3px solid #8abed1;
	height: 490px;
	position: relative;
}

#requisitos .iconos {
	top: -16px;
}

#requisitos article {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#requisitos h2 {
	color: #1c7ea3;
	font-size: 1.4em;
	text-align: center;
}

#rIzquierdo, #rDerecho {
	display: inline-block;
	margin-top: 50px;
	vertical-align: top;
	width: 45%;
}

#rIzquierdo {
	margin-right: 4%;
}

#requisitos ul {
	margin-top: 30px;
}

#requisitos li {
	background: url(../img/paloma.png) 0 0 no-repeat;
	color: #573f3c;
	display: block;
	font-size: 0.8em;
	margin-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
}

#rIzquierdo #mano {
	background: #fff;
	height: 300px;
	position: absolute;
	bottom: -280px;
	width: 100%;

}

#mano div {
	background: #fff;
	display: none;
}

/*
#rIzquierdo #mano img {
	cursor: pointer;
}
*/

/*
	CONTACTO
*/

#contacto {
	background: #3781ad url(../img/bg_contacto.jpg) 0 0 no-repeat;
	border-bottom: 3px solid #8abed1;
	height: 528px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#centroContacto {
	color: #fff;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#centroContacto .iconos {
	left: 90% !important;
	top: -14px;
}

#contactoIzquierdo, #contactoDerecho {
	display: inline-block;
	margin-top: 35px;
	vertical-align: top;
	width: 45%;
}

 #contactoDerecho {
 	margin-top: 10px;
 }


#contactoIzquierdo {
	margin-right: 3%;
}

#contactoIzquierdo h3 {
	font-size: 1.6em;
	width: 90%;
}

#contactoIzquierdo p {
	font-size: 1.05;
	margin-top: 40px;
}

#contactoIzquierdo p a {
	color: #fff;
}

#contactoIzquierdo .imgRedes {
	display: inline-block;
	margin: 30px 25px 0 0 ;
	vertical-align: top;
}


/*
	formulario
*/

form label {
	display: block;
	font-size: 1.05em;
	margin: 5px 0;
}

form > div {
	margin-top: 10px;
}

#captcha {
	height: 60px;
}

form div input, #captcha, form div div {
	display: inline-block;
	vertical-align: top;
}

form div div {

	width: 40%;
}

form div div a {
	color: #fff;
}

#captcha_code {
	margin-top: 17px;
}



/* Estilos para los input */

.iEntrada {
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 2%;
	width: 90%;
}

#leyenda {
	color: #fff;
	display: block;
	font-size: 0.8em;
	margin-top: 10px;
	text-align: right;
	width: 93%;
}

.asterisco {
	color: #f00;
	font-size: 0.8em;
}


/* Esto es para mostrar mensaje de gracias o error al enviar mensaje */

#mensajeContacto {
	background: rgba(56, 138, 178, 0.9);
	color: #fff;
	box-shadow: 0 0 5px 0px #fff;
	display: none;
	height: 100px;
	left: 3%;
	position: absolute;
	top: 40%;
	width: 90%;
}

#mensajeContacto p {
	font-size: 1.2em;
	margin-top: 35px;
	text-align: center;
	text-shadow: 0 1px #ccc;
}

#enviar {
	background: rgba(45, 125, 169, 0.7);
	border: 2px solid #1d638f;
	border-radius: 10px;
	color: #fff;
	display: block;	
	font-size: 1.5em;
	margin: 0.5em auto 0;
	padding: 0em 1.2em;
}

/*

		Footer
*/

footer {
	color: #3d98bc;
	font-family: arial;
	font-size: 0.8em;
	margin-bottom: 5px;
	padding: 10px 0;
}

footer a {
	color: #3d98bc;
}

footer #pie {
	margin: 0 auto;
	text-align: center;
	width: 960px;
}

footer #pie span {
	display: inline-block;
	margin-left: 60px;
}


.iconos {
	left: 0;
	position: absolute;
	top: -13px;
}





#aviso {
	color: #573F3C;
	margin: 115px auto 40px;
	padding-top: 50px;
	width: 960px;
}

#aviso p {
	margin-bottom: 20px;
	text-align: justify;
}

#ultima {
	text-align: right !important;
}


.negrita {
	font-weight: bold;
}