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 #9A8F52;
z-index:-10000;
}

#b{
width:70%;
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;
}

#b4{
width:70%;
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;
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:auto;
margin: 0px auto;
color: #49423C;
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;
border: 8px solid #EF7B45;
text-align:center;
z-index:500000;
padding:20px;
}

#b6{
width:70%;
height:auto;
margin: 0px auto;
color: #009999;
background-image:url(imag/body9.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;
}

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

#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:-25%;

}

.firma{
text-align:right;
}

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

#f{
width:50%;
}

#f2{
width:100%;

}

#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;
font-size:20px;
padding-right:5%;
padding-left:5%
}

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

#poema{
	width:85%;
	padding-left:6%}

#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;
margin-top:-30px;

}

#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;
margin-left:0px;
position:relative;
margin-top:7px;
float:left;
width:25%;
padding-left:1%
}

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

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

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

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

#comodidades{
text-align:center;
color: #49423C;
background-image:url(imag/body.png);
background-repeat:repeat;
position:relative;
width:72%;
right:-30%;
margin-top:-20%;
padding-top:1.5%;
z-index:1;
padding-bottom:5%;
border:none;
}

#comodidades img{
width:28%;
border:none;
}

#comodidades p{
text-align:center;
}

#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:24px;
}

@media screen and (max-width: 1050px) {
#p {
		font-size: 18px;
	}}
	
@media screen and (max-width: 720px) {
#p {
		font-size: 12px;
	}}
	
@media screen and (max-width: 520px) {
#p {
		font-size: 9px;
	}}
	
@media screen and (max-width: 360px) {
#p {
		font-size:7px}}
		
@media screen and (max-width: 1050px) {
#negrita {
		font-size: 18px;
	}}
	
@media screen and (max-width: 720px) {
#negrita {
		font-size: 12px;
	}}
	
@media screen and (max-width: 520px) {
#negrita {
		font-size: 9px;
	}}
	
@media screen and (max-width: 360px) {
#negrita {
		font-size:7px}}



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

}

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

#dialog2{
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%;
text-align:center;
margin:0 auto;
}

#dialog3{
color: #49423C;
background-image:url(imag/body.png);
background-repeat:repeat;
margin:0 auto;
position:relative;
margin-top:-65%;
left:-1%;
width:50%;
height:auto;
z-index:6;
text-align:center;
font-family: 'Josefin Slab', serif;
font-size:18px;
padding:30px;
padding-left:10%;
padding-right:0;
overflow: visible;
}

#dialog3 p {
font-size:24px;
margin-left:-18%
}

#dialog3 p.chico{
font-size:20px;}

#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;
}

#fondo p.black{
font-weight:bold;}


#fondo p{
font-size:18px;;}

#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%;
}

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

#mapa1{
margin-left:-22px;
position:absolute;
left:10px;
width:35%}

#ubi{
position:relative;
right:10px;
font-family: 'Josefin Slab', serif;
float:left;
width:50%;
right:-45%;
font-size:22px;
margin-top:-60%
}

#ubi p{
font-family: 'Josefin Slab', serif;
font-size:22px;
}

#ubi h1{
font-family: 'Josefin Slab', serif;
font-size:24px;
}

#negrita{
	font-weight:700}
#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
	}