/*@font-face {
    font-family: 'open_sansregular';
    src: url('fuentes/OpenSans-Regular-webfont.eot');
    src: url('fuentes/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/OpenSans-Regular-webfont.woff') format('woff'),
         url('fuentes/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fuentes/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
	font-family: 'puls4';
	src:url('fuentes/puls4.eot');
	src:url('fuentes/puls4.eot?#iefix') format('embedded-opentype'),
		url('fuentes/puls4.woff') format('woff'),
		url('fuentes/puls4.ttf') format('truetype'),
		url('fuentes/puls4.svg#puls4') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ background-image:url(../images/stripes.png); background-repeat:repeat;}
header{
	height:80px; background-image:url(../images/txt_header.png); background-repeat:repeat-x;}
	
#redes{ margin-left:80%;}

#content{width:1000px; margin:0 auto; height:auto;}
.container{ margin:0 auto; }

	
#logo{ height:180px; width:285px; margin-top:-70px; margin-left:20px; display:inline-block; float:left; margin-right:30px;}

nav{width: 660px; height:120px; background-image:url(../images/back_menu.png); background-repeat:repeat-x; float:left; display:inline-block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin-top:20px;
}

nav a{
	text-decoration:none; color:#7e6856;font-family: 'Lily Script One', cursive; font-weight:lighter; font-size:16px;}
	
nav a.active{
	text-decoration:none; color:#900; }
	
nav a:hover{
	text-decoration:none; color:#900;}
	
nav ul{ margin-left:-35px;}

nav ul li{
	display:inline-block; text-decoration:none; list-style:none; padding-right:5px;}
	
#wrap{  height:auto;padding-top:100px; text-align:center; margin-bottom:30px;}

#textos{ background-image:url(../images/txt_wrap.png); background-repeat:repeat;-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
padding-bottom:30px;
 -webkit-box-shadow: 5px 5px 5px #600;
  -moz-box-shadow: 5px 5px 5px #600;
  filter: shadow(color=#660000, direction=235, strength=4); 
  height:750px;}
  
  #mapa{ background-image:url(../images/txt_wrap.png); background-repeat:repeat;-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
padding-bottom:30px;
 -webkit-box-shadow: 5px 5px 5px #600;
  -moz-box-shadow: 5px 5px 5px #600;
  filter: shadow(color=#660000, direction=235, strength=4); 
  height:100%; vertical-align:top;}
 

#textos .img{ width:90%;-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;}

#textos .image{ width:30%; float:left; margin:50px 30px 30px 70px;}

#textos h1{font-family: 'Lily Script One', cursive; color:#675546; font-size:30px; font-weight:100; color:#900; }

#textos h2{font-family: 'Lily Script One', cursive; color:#633; font-size:30px; font-weight:100; }

#mapa h2{font-family: 'Lily Script One', cursive; color:#633; font-size:30px; font-weight:100; }

#textos p{width:450px; float:left; margin-left:50px;font-family: 'Lato', sans-serif; text-align:justify; font-size:16px; color:#675546; font-weight:400;}

.cinta{ padding:0 30%;}
#textos1{
	display:inline-block;
	width:45%;
	float:left;

background-image:url(../images/ricepaper2.png);
background-repeat:repeat;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px; 
  height:350px;
  margin:10px 20px 10px 20px;
  text-align:center;}


#textos1 h2{font-family: 'Lily Script One', cursive; color:#633; font-size:28px; font-weight:100; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); }



#textos1 p{font-family: 'Lato', sans-serif; text-align:justify; font-size:16px; line-height:1.5; color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); padding-left:40px;}

#izq{ width:45%; display:inline-block; padding:0px 0px 20px 30px; vertical-align:top;}

#mapa p{font-family: 'Lato', sans-serif; text-align:left; font-size:16px;color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); width:300px; margin-left:100px;}

#mapa h1{font-family: 'Lily Script One', cursive;
color:#675546;
font-size:30px;
font-weight:100; color:#900; 
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align:left; margin-left:100px;}

#contenido{ width:100%; background-image:url(../images/txt_entradas.jpg); background-repeat:repeat; height:auto; float:left; margin-top:70px;}

#banner{ margin-top:-45px; text-align:center;}

#entradas{ width:950px; margin:40px auto 0 auto; }

#video{ width:410px; height:231px; display:inline-block; float:left;}

article{ float:left; width:500px; height:260px; background-image:url(../images/curl.png); background-repeat:no-repeat;}

article h1{ font-family: 'Lily Script One', cursive; color:#675546; font-size:30px; margin:0px 0px 5px 110px; width:300px;}

article h2{ font-family: 'Lily Script One', cursive; color:#4cabaf; font-size:30px; margin:0px 0px 5px 90px; width:300px;}

#quote{ width:80%; margin:0 auto;}

#quote h3{font-family: 'Lily Script One', cursive; font-weight:300; color:#675546; font-size:22px;}



article p{ width:250px; float:left; margin-left:90px;font-family: 'Lato', sans-serif; font-size:16px; color:#675546;}
article a{ text-align:right; text-decoration:none; color:#960;}



article img{ float:right; top: -20px;}



footer{ width:100%; display:inline-block; height:115px; background-image:url(../images/txt_footer.png); background-repeat:repeat-x; text-align:center;}

footer p{font-family: 'Lato', sans-serif; font-weight:100; font-size:11px; color:#fff; padding-top:20px;}



/* Clearfix */
.clear:before, .clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
    clear: both;
}
 
.clear {
    *zoom: 1;
}
 
a#pull {
    display: none;
}



/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	nav{width: 635px; height:80px; background-image:url(../images/back_menu.png); background-repeat:repeat-x; float:left; display:inline-block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin-top:20px; margin-left:-30px;
}

nav a{
	text-decoration:none; color:#7e6856;font-family: 'Lily Script One', cursive; font-weight:lighter; font-size:16px;}

nav ul{ margin-left:0; padding-left:10px;}

nav ul li{
	display:inline-block; text-decoration:none; list-style:none; padding-right:0;}

#redes{ margin-left:75%;}


#textos{ background-image:url(../images/txt_wrap.png); background-repeat:repeat;-webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px;
padding-bottom:30px;
 -webkit-box-shadow: 5px 5px 5px #600;
  -moz-box-shadow: 5px 5px 5px #600;
  filter: shadow(color=#660000, direction=235, strength=4); 
  height:750px;
  width:100%;}
  
  #textos .img{ width:80%; margin-left:-100px;}
  
   #textos .divider{ width:40%; margin-left:-100px; }
   
   #textos1{
	display:inline-block;
	width:330px;
	float:left;


  height:350px;
  margin:10px 10px 10px 30px;
  text-align:center;}


#textos1 h2{font-family: 'Lily Script One', cursive; color:#633; font-size:28px; font-weight:100; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); }

#textos1 p{font-family: 'Lato', sans-serif; text-align:justify; font-size:16px; line-height:1.5; color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); padding-left:20px;}

.cinta{ padding:0 25%;}  
  
  #wrap{ width:100%;}


#textos h1{font-family: 'Lily Script One', cursive; color:#675546; font-size:28px; font-weight:100; color:#900; text-align:center; margin-top:10px; padding-top:20px; }

#textos h2{font-family: 'Lily Script One', cursive; color:#633; font-size:30px; font-weight:100; text-align:center; width:400px; float:left;}


#textos p {
    color: #675546;
    float: left;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    margin-left: 20px;
    text-align: justify;
    width: 400px;
}

#izq{ width:380px; display:inline-block; padding:0px 0px 20px 30px; vertical-align:top;}

#mapa p{font-family: 'Lato', sans-serif; text-align:left; font-size:16px;color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); width:300px; margin-left:20px;}

#mapa h1{font-family: 'Lily Script One', cursive;
color:#675546;
font-size:30px;
font-weight:100; color:#900; 
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align:left; margin-left:20px;}

iframe{ width:90%; margin-left:0px; padding-left:0px;}

 #mapa{vertical-align:top; text-align:left;padding:0px 0px 30px 30px; width:90%; margin:0 auto;}
 
#mapa h2 { text-align:center; width:80%; padding-top:20px;}
 
	
}
/* ================= Portfolio ================= */

/* ================= IPAD   Mobile (Landscape) 480px - 767px ================= */
@media only screen and (min-width: 481px) and (max-width: 768px) {
/* ================= Logo and Main menu ================= */

#content{width:768px; margin:0 auto; height:auto; overflow:hidden;}

.container{ margin:0 auto;}





#banner{-moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); text-align:left; margin-left:10%;}

#shadow{ display: none; -moz-transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6);}

nav{width: 680px; height:80px; background-image:url(../images/back_menu.png); background-repeat:repeat-x; float:left; display:inline-block; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin-top:-40px; text-align:center; z-index:10000; margin-left:30px;
margin-top:100px;}

#redes{ margin-left:70%;}
#logo{ position:absolute; z-index:1000;left:5%;}


#entradas{ width:60%;}

#textos{ margin-top:70px;}
  
  #textos .img{ width:80%; margin-left:-40px;}
  
   #textos .divider{ width:40%; margin-left:-100px; }
  
  
  #wrap{ width:100%;}


#textos h1{font-family: 'Lily Script One', cursive; color:#675546; font-size:28px; font-weight:100; color:#900; text-align:center; margin-top:10px; padding-top:20px; }

#textos h2{font-family: 'Lily Script One', cursive; color:#633; font-size:30px; font-weight:100; text-align:center; width:350px; float:left;}


#textos p {
    color: #675546;
    float: left;
    font-family: 'Lato',sans-serif;
    font-size: 16px;
    margin-left: 0px;
    text-align: justify;
    width: 330px;
}
	
.cinta{ padding:0 5%;}	
	
#textos1{
	display:inline-block;
	width:530px;
	float:left;
height:350px;
  margin:10px 10px 10px -70px;
  text-align:center;}


#textos1 h2{font-family: 'Lily Script One', cursive; color:#633; font-size:28px; font-weight:100; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); }

#textos1 p{font-family: 'Lato', sans-serif; text-align:justify; font-size:16px; line-height:1.5; color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); padding-left:20px;}

article{margin: 30px 0px 20px -50px;}

.divider{ width:500px; height:10px;margin-left:-30px;}

#quote{ width:500px; margin-left:-50px;}

#quote img{ margin-bottom:60px;
}


#izq{ width:300px; display:inline-block; padding:0px 0px 20px 30px; vertical-align:top;}

#mapa p{font-family: 'Lato', sans-serif; text-align:left; font-size:16px;color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); width:300px; margin-left:0px;}

#mapa h1{font-family: 'Lily Script One', cursive;
color:#675546;
font-size:30px;
font-weight:100; color:#900; 
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align:left; margin-left:0px;}

iframe{ width:90%; margin-left:0px; padding-left:0px;}

 #mapa{  vertical-align:top; text-align:left;padding:0px 0px 30px 30px; width:90%; margin:0 auto;}
 
#mapa h2 { text-align:center; width:80%; padding-top:20px;}




/* ================= Mobile (Portrait) < 767px ================= */
@media only screen and (max-width: 600px) {
/* ================= Logo and Main menu ================= */
#mapa p{font-family: 'Lato', sans-serif; text-align:left; font-size:16px;color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); width:300px; margin-left:20px;}

#mapa h1{font-family: 'Lily Script One', cursive;
color:#675546;
font-size:30px;
font-weight:100; color:#900; 
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align:left; margin-left:20px;}

iframe{ width:90%; margin-left:0px; padding-left:0px;}

 #mapa{  vertical-align:top; text-align:left;padding:0px 0px 30px 30px; width:90%; margin:0 auto;}



}

@media only screen and (max-width: 480px) {
	#mapa p{font-family: 'Lato', sans-serif; text-align:left; font-size:16px;color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); width:300px; margin-left:20px;}

#mapa h1{font-family: 'Lily Script One', cursive;
color:#675546;
font-size:30px;
font-weight:100; color:#900; 
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align:left; margin-left:10px;}

iframe{ width:90%; margin-left:0px; padding-left:0px;}

 #mapa{  vertical-align:top; text-align:left;padding:0px 0px 30px 30px; width:90%; margin:0 auto;}
	
	}
	
	@media only screen and (max-width: 320px) {
	#mapa p{font-family: 'Lato', sans-serif; text-align:left; font-size:16px;color:#966; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); width:300px; margin-left:20px;}

#mapa h1{font-family: 'Lily Script One', cursive;
color:#675546;
font-size:30px;
font-weight:100; color:#900; 
text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); text-align:left; margin-left:10px;}

iframe{ width:90%; margin-left:0px; padding-left:0px;}

 #mapa{  vertical-align:top; text-align:left;padding:0px 0px 30px 30px; width:90%; margin:0 auto;}
	
	}