body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}




html, body {margin:0; padding:0; width:100%; height:100%; text-align:left;
}
body {
background-color:#D8DFD6;
width:100%;
height:100%;
background-repeat:no-repeat;
top:0;
left:0;
margin:0;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
z-index:-1000;
}

#background {
overflow:hidden;
width:100%;
height:auto;
background-repeat:no-repeat;
z-index:-550000;
top:0;
left:0;
margin:0;
position:absolute;
background-position:center center;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
border:5px solid  #D8DFD6;
}

#blanquito{
width:70%;
height:900px;
background-color:#D0CEBD;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
margin: 0px auto;
background-image:url(imag/body.png);
background-repeat:repeat;
-moz-border-radius:15px;
-webkit-border-radius: 15px; 
box-shadow: 8px 8px 10px   #333333;
-webkit-box-shadow: 8px 8px  10px  #333333;
-moz-box-shadow: 8px 8px  10px   #333333;
color: #9A8F52; 
border: 3px solid #EF7B45;
z-index:-10000;
}

#b{
width:80%;
margin: 0px auto;
background-image:url(imag/cuadra.png);
background-repeat:repeat;
-moz-border-radius:15px;
-webkit-border-radius: 15px; 
box-shadow: 8px 8px 10px   #333333;
-webkit-box-shadow: 8px 8px  10px  #333333;
-moz-box-shadow: 8px 8px  10px   #333333;
border: 8px solid #EF7B45;
text-align:center;
z-index:500000;
padding:0px;
}

#b2{
width:70%;
height:130%;
margin: 0px auto;
background-image:url(imag/cuadra.png);
background-repeat:repeat;
-moz-border-radius:15px;
-webkit-border-radius: 15px; 
box-shadow: 8px 8px 10px   #333333;
-webkit-box-shadow: 8px 8px  10px  #333333;
-moz-box-shadow: 8px 8px  10px   #333333;
border: 8px solid #EF7B45;
text-align:center;
z-index:500000;
padding:20px;
}

#b3{
width:70%;
height:130%;
margin: 0px auto;
background-image:url(imag/cuadra.png);
background-repeat:repeat;
-moz-border-radius:15px;
-webkit-border-radius: 15px; 
box-shadow: 8px 8px 10px   #333333;
-webkit-box-shadow: 8px 8px  10px  #333333;
-moz-box-shadow: 8px 8px  10px   #333333;
border: 8px solid #EF7B45;
text-align:center;
z-index:500000;
padding:20px;
}

#b3 p{
font-family: 'Josefin Slab', serif;
font-size:24px;
margin-top:5%;
color:#443F35;
}

#c{
width:80%;
margin: 0px auto;
background-image:url(imag/raya.png);
background-repeat: repeat-y;
-moz-border-radius:5px;
-webkit-border-radius: 5px; 
box-shadow: 5px   #333333;
border: 2px solid #666666;
text-align:center;
z-index:500000;
text-align:center;
margin-top:50px;
padding:30px;
}

#menu{
margin: 0px auto;

}

#c h1{
font-family: 'Josefin Slab', serif;
font-size:20px;
text-align:left;
}

#cama{
width:30%;
position:relative;
left:-7%;
margin-top:-45%;

}

.firma{
text-align:right;
}

#c p{
line-height:28px;
font-family: 'Josefin Slab', serif;
margin-top:20px;
}

#f{
width:50%;
}

#f2{
width:100%;
margin-top:5%
}

#d{
width:50%;
position:relative;
right:-50%;
margin-top:-35%;
padding-bottom:30px;
}

#dd{
width:40%;
position:relative;
right:0;
margin-top:3%;
padding-bottom:30px;
float:left;
}

#dd p{
line-height:28px;
font-family: 'Josefin Slab', serif;
margin-top:20px;
text-align:left;
margin-left:20%;
}

#d p{
line-height:28px;
font-family: 'Josefin Slab', serif;
margin-top:20px;
}

#d h1{
font-family: 'Josefin Slab', serif;
font-size:20px;
text-align:left;
text-align:center;
}

#head{
margin:0px auto;
margin-top:-45px;
text-align:center;
width: 70%;
z-index:-2000
}

#headdd{
margin:0px auto;
text-align:center;
}

#headd{
margin:0px auto;
text-align:center;
width:75%;
z-index:-2000;

}

#foto{
margin:0px auto;
width:80%;
height:auto;
text-align:center;
}

#bienvenidos{
z-index:8;
margin-left:20px;
width:25%;
font-family: 'Josefin Slab', serif;
font-size:24px;
color:#676B66;
background-color:#FFFFFF;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
margin-top:35%;
}

#container{
z-index:5000;}

.content{
width:80%;
margin:0 auto;
}

#cuelga{
z-index:5;
position:relative;
margin-top:-20px;
margin-left:1%;
float:left;
width:25%;
padding:1%;
padding-top:40px;
width:27%;
height:20%;
text-decoration:none;

background-color:#EF7B45;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);
	box-shadow:0 1px 5px rgba(0,0,0,0.4);

}

#cuelga p {
	font-family: 'Josefin Slab', serif;;
font-size:20px;
color:#FFF;
	}
	
	
	#cuelga2{
		border-top: 3px #EEEBE5 dotted;
		
}

#cuelga2 p {
	font-family: 'Josefin Slab', serif;;
font-size:20px;
color:#FFF;
	}
	
	@media screen and (max-width: 1050px) {
#cuelga p {
		font-size: 14px;
	}}
	
@media screen and (max-width: 720px) {
#cuelga p {
		font-size: 12px;
	}}
	
@media screen and (max-width: 570px) {
#cuelga p {
		font-size: 9px;
	}}
	
@media screen and (max-width: 500px) {
	#cuelga p{
		font-size:7px}}
@media screen and (max-width: 360px) {
	#cuelga p{
		font-size:5px}}



#cuelgas{
width:100%;
margin-left:20px;
}

#fotos {
width:65%;
height:20%;
position:relative;
float:left;
z-index:1;
margin-top:5px;
margin-right:0px;


}

#fotos2 {
width:55%;
position:relative;
float:left;
z-index:1;
margin-top:5px;
margin-left:5%;
}

#nota{
width:55%;
position:relative;
left:-8%;
margin-top:5%;
z-index:2;
}
{
text-align:center;
}

#comodidades{
text-align:center;
color: #49423C;
position:relative;
width:100%;
height:50%;
right:0;
margin-top:45%;
padding-top:1.5%;
z-index:0;
padding-bottom:5%;
border:none;
background-color:#D7B889;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);
box-shadow:0 1px 5px rgba(0,0,0,0.4);
text-decoration:none;
border:none
}

#comodidades p{
text-align:left;
font-family: 'Josefin Slab', serif;;
font-size:26px;
font-weight:bold;
color:#FFF;
text-decoration:none;
border:none;
margin-left:4%
}
#comodidades a{
	color:#EF7B45;
	font-size:22px;
	text-decoration:none;
	border:none;
	text-transform:uppercase
}

#comodidades2{
text-align:center;
color: #49423C;
position:relative;
width:100%;
right:0;
margin-top:2%;
z-index:0;
padding-bottom:5%;
border:none;
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);
box-shadow:0 1px 5px rgba(0,0,0,0.4);
text-decoration:none;
border:none;

}

img.imag{
	width:25%;
	float:left;
	
}

#comodid{
text-align:left;
color: #49423C;
background-image:url(imag/body.png);
background-repeat:repeat;
position:relative;
width:90%;
margin-top:5%;
padding-top:7%;
z-index:1;
padding-bottom:10%;
margin-bottom:10%;
padding-left:10%;
}

#comodid img{
width:38%;}

#comodid img.center{
margin-left:40%;
}


#p{
position:relative;
left:38%;
width:50%;
text-align:right;
margin-top:-10%;
padding-bottom:5%;
font-family: 'Josefin Slab', serif;
font-size:20px;
}

#comodid p{
position:relative;
margin-top:-5%;

}

#video{
width:50%;
position:relative;
left:0%;
margin-top:0%;
}
.video{
position:relative;
left:-50%;
}

a img.data{
	width:10%;
	padding:2%;
	position: relative;
	right:0px;
	margin-left:75%;
	text-align:right;
	}

#fondo{
font-family: 'Josefin Slab', serif;
background-color: #FFFFFF;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
color:#333333;
font-size:18px;
text-align:center;
letter-spacing:1px;

}

#fondo2{
font-family: 'Josefin Slab', serif;
background-color: #FFFFFF;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
color:#333333;
font-size:12px;
text-align:center;
letter-spacing:1px;
position:relative;
bottom:-80%;
}

#social{
position:fixed;
right:5px;
z-index:20;
bottom:5%;
width:10%;
}

#social img{
width:45%;
}
#libro{
position:fixed;
left:0px;
z-index:20;
top:48%;
width:6%;
background-color:#5ec0c6;
filter: alpha(opacity=75);
opacity: .75;
-moz-opacity:0.75;
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.4);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.4);
box-shadow:0 1px 5px rgba(0,0,0,0.4);
text-decoration:none;
border: 2px solid #af977b;
padding:1%;
-moz-border-radius:0px 15px 15px 0px;
-webkit-border-radius: 0px 15px 15px 0px;
}
#libro a{
	text-decoration:none;
	border:none}
#libro p{
	font-family: 'Josefin Slab', serif;
	font-size:18px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:22px;
	border:none
	}

#primero{
	width:20%;
	height:57%;
	background-color:#E0C8A3;
	position: absolute;
	left:23%;
	text-align:left;
	font-family: 'Josefin Slab', serif;
	font-size:16px;
	color:#804040;
	margin-top:30px;
	top:0;
	padding:1%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:26px}
	
#primero span{
	border-top: 3px #D7B889 dotted;}
	
#segundo{
	width:20%;
	height:57%;
	background-color:#E0C8A3;
	position: absolute;
	left:47%;	
	text-align:left;
	font-family: 'Josefin Slab', serif;
	font-size:16px;
	color:#804040;
	margin-top:30px;
	top:0;
	padding:1%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:26px}
	
#segundo span{
	border-top: 3px #D7B889 dotted;}
	
#terceroz{
	width:20%;
	height:57%;
	background-color:#E0C8A3;
	position: absolute;
	left:71%;	
	text-align:left;
	font-family: 'Josefin Slab', serif;
	font-size:16px;
	color:#804040;
	margin-top:30px;
	top:0;
	padding:1%;
	text-transform:uppercase;
	font-weight:bold;
	line-height:26px}
	
#terceroz span{
	border-top: 3px #D7B889 dotted;}
	
	
@media screen and (max-width: 1050px) {
#libro p {
		font-size: 14px;
	}}
	
@media screen and (max-width: 720px) {
#libro p {
		font-size: 12px;
	}}
	
@media screen and (max-width: 570px) {
#libro p {
		font-size: 8px;
	}}
	
@media screen and (max-width: 500px) {
	#libro p{
		font-size:7px}}
@media screen and (max-width: 360px) {
	#libro p{
		font-size:5px}}
		
@media screen and (max-width: 1300px) {
#comodidades {
	margin-top:60%
	}}
@media screen and (max-width: 1100px) {
#comodidades {
	margin-top:50%
	}}
	
@media screen and (max-width: 720px) {
#comodidades {
	margin-top:65%
	}}
	
	
	
	
@media screen and (max-width: 1050px) {
#comodidades p {
		font-size: 14px;
	}}
	
@media screen and (max-width: 720px) {
#comodidades p {
		font-size: 12px;
	}}
	
@media screen and (max-width: 570px) {
#comodidades p {
		font-size: 8px;
	}}
	
@media screen and (max-width: 500px) {
	#comodidades p{
		font-size:7px}}
@media screen and (max-width: 360px) {
	#comodidades p{
		font-size:5px}}
		
		
		
		@media screen and (max-width: 1250px) {
#primero span {
		font-size: 12px;
		line-height:5px
	}
#segundo span {
		font-size: 12px;
		line-height:5px
	}
#terceroz span {
		font-size: 12px;
		line-height:5px
	}
#comodidades  {
		font-size: 12px;
		line-height:5px
	}
	#comodidades a {
		line-height:38px
	}}
	
@media screen and (max-width: 720px) {
#primero span {
		font-size: 10px;
		line-height:8px
	}
#segundo span {
		font-size: 10px;
		line-height:8px
	}
#terceroz span {
		font-size: 10px;
		line-height:8px
	}
#comodidades a {
		line-height:28px
	}}
	
@media screen and (max-width: 570px) {
#primero span {
		font-size: 8px;
		line-height:5px
	}
#segundo span {
		font-size: 8px;
		line-height:5px
	}
#terceroz span {
		font-size: 8px;
		line-height:5px
	}}
	
@media screen and (max-width: 500px) {
	#primero span{
		font-size:7px;
		line-height:5px}
	#segundo span{
		font-size:7px;
		line-height:5px}
	#terceroz span{
		font-size:7px;
		line-height:5px}}
@media screen and (max-width: 360px) {
	#primero span{
		font-size:5px;
		line-height:5px
		}
	#segundo span{
		font-size:5px;
		line-height:5px
		}
	#terceroz span{
		font-size:5px;
		line-height:5px
		}}
		
		
		
		@media screen and (max-width: 1250px) {
#comodidades  {
	height:70%;
	padding-bottom:20%;
	}
}
	
@media screen and (max-width: 720px) {
#comodidades  {
	height:70%;
	padding-bottom:25%;
	}}
	
@media screen and (max-width: 570px) {
#comodidades  {
	height:70%
	}}
	
@media screen and (max-width: 500px) {
	#comodidades  {
	height:70%
	}}
@media screen and (max-width: 360px) {
	#comodidades  {
	height:90%
	}}