@media only screen and (max-width: 1024px) { 
   

body {

} 
    
body.interior {

}   
      
header{
margin: 0;
padding: 10px 0px !important;
height: 350px !important;
background: none;
overflow: visible !important;
border-bottom: 0px !important;
position: inherit;
border-top: 0px ;
}
     
header > figure.logo {
margin: 8px auto 15px !important;
max-width:300px;
width: 100%;

}

.logo {
float: none;
width: 120px;
overflow: hidden;
padding: 0;
margin: 11px 0 0 0;
z-index: 3000;
/* top: 0; */
/* position: inherit; */	
}

.logo img {
margin: auto;
width: 100%;
}


article.animacion {
height: 300px !important;
width: 100% !important;
overflow: hidden !important;
clear: both !important;
float: none !important;
margin: 0px 0 30px 0 !important;
padding:0;
}

.cs3 {
height: 300px;
margin: 0 auto 0px;
} 
    
.cs3-slide > img, .cs3-slide > a > img {
max-width: none;
min-width: 0 !important;
width: auto !important;
height: 300px !important;
margin-left: calc(100% - 560px) !important;  
//margin-left: calc(100% - 410px) !important;     
}
    
img.fotomobile {
max-width: none;
min-width: 0 !important;
width: auto !important;
height: 300px !important;
margin-left: calc(100% - 780px) !important;  
    
}
 	
	
	
.cs3-caption-single-right {
height: 100% !important;
left: 0px !important;
top: 0px !important;
width: 300px !important;
max-width: 300px !important;
padding: 10px 11px !important;
color: #fff !important;
}



.cs3-caption-single .cs3-caption-textright {
padding: 0 !important;
line-height: normal !important;
margin: 25px 20px 0px !important;
width: 300px !important;
/*padding: 0;
margin: 40px 20px 0 20px !important;
width: 300px !important;
padding: 0 !important;*/
}


.cs3-caption-single .cs3-caption-textright p {
font-size:18px;
margin:25px 0 0 0px;
padding:0;
font-weight:300 !important;
color: #ffffff !important;
}


.cs3-caption-single .cs3-caption-textright2 {
padding: 0 !important;
line-height: normal !important;
margin: 25px 20px 0px !important;
width: 300px !important;
	
/*padding: 0;
margin-top: -45px!important;
width: 360px !important;
padding: 0 !important;
margin-left: 0;*/
}

.cs3-caption-single .cs3-caption-textright2 p {
font-size:18px;
margin:25px 0 0 0px;
padding:0;
font-weight:300 !important;
color: #ffffff !important;
}


.cs3-caption-single .cs3-caption-text {
padding: 0 !important;
line-height: normal !important;
margin: 25px 20px 0px !important;
width: 300px !important;

}

.cs3-caption h1 { width: 100% !important; //text-shadow: 1px 1px 3px #fff;} 
.cs3-caption-text p {
//width: 200px!important;
margin:25px 0 0 0px;
font-weight:300 !important;
color: #ffffff !important;
font-size:18px;
}
    
.cs3-caption {
background-color: rgba(0,0,0,0.4) !important;
width:1200px !important;
overflow:hidden;
display:block;
}

.cs3-skin-4 .cs3-pagination-wrap {
bottom: 0 !important;
left: 0px !important;
margin: 0 !important;
position: absolute !important;
top: 250px !important;
width: 70px !important;
z-index: 30 !important;
} 
 
.textoanimadomobile {
//background-color: rgba(0, 0, 0, 0.66) !important;
box-sizing: border-box!important;
display: inherit !important;
margin:150px 0 0 0 !important;
padding: 0px !important;
}

.textoanimadomobile h1 {
font-size: 28px!important;
line-height: 28px!important;
margin: 0 0 10px 0; !important;
font-weight: 300!important;
color: #fff!important;
font-family: 'Raleway', sans-serif;
font-weight:300;
text-shadow: 2px 2px 3px #000 !important;
border-bottom: 0px solid;
display: flex;
}


.textoanimadomobile p {
font-size: 18px!important;
margin: 0;
line-height: 27px!important;
font-weight: 300!important;
color: #fff!important;
font-weight:300;
font-family: 'Raleway', sans-serif;
text-shadow: 2px 2px 3px #000 !important;
text-align:left;
}


 
 
 
 
 
.textoanimadopc {
 display: none !important;
}

  
.botontratamientos {
display: block !important;
border-right: 1px solid #C95680 !important;
border-bottom: 1px solid #C95680 !important;
border-radius: 0px !important;
color: #E2E1D3 !important;
display: block !important;
height: 35px !important;
line-height: 35px !important;
margin: 25px 0 0px 0px !important;
overflow: hidden!important;
text-align: center!important;
width: 130px!important;
background: #848689;
font-family: 'Oswald', sans-serif;
font-size: 16px;
}  
  
  
  
     
.telmobilearriba {
display: inherit !important;
float: left !important;
height: 30px;
 margin: 0 !important;
position: relative;
top: 10px;
width: 180px !important;
}

.telmobilearriba * {
font-weight: 400;
color: #ffffff !important;
}

.telmobilearriba h4 {
color: #fff !important;
display: inherit !important;
font-size: 13pt !important;
margin-left: 0 !important;
padding: 0 !important;z-index: 5000 !important;
}

.telpcarriba {
display: none;
} 
      
nav.menuppal {
background: none repeat scroll 0 0 #8B3E22;
margin-left: 0;
margin-top: 44px;
width: 100%;
float:none;
padding:0;
display: inline-table;
}


.menuppalmovil {
background: url("../img/icono-botonera.png") no-repeat scroll right 11px #8B3E22;
height: 44px;
margin-left: 0;
left: 0;
overflow: hidden;
position: absolute;
top: 0px;
width: 100%;
z-index: 2000;
display:block;
}
        
        
.menuppalmovil:focus, .menuppalmovil:hover {
background: url("../img/icono-botonera.png") no-repeat scroll right 11px #8B3E22;
height: 100%;
width: 100%;
float:left;
}
      
.menuppalmovil  ul > li > a:hover {
color: #ffffff !important;
height: 44px;
line-height: 44px; 
padding:0;
background:none !important;
}
.menuppalmovil ul {
clear: both;
float: none;
margin: 0;
width: 100%;
line-height: 44px;
list-style: outside none none;
color: #ffffff !important;
}
  
.menuppalmovil  ul > li{
float:none;
font-size: 17px;
border-bottom: 1px solid #fff;
display: list-item;
text-align: right;
height:44px; 
line-height:44px;
}
  
.#menuppalmovil  ul > li > a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
clear: both;
float: none;
font-size: 15px;
margin: 5px 10px;
text-align: left;
text-transform: uppercase;
text-align: left;
color: #ffffff !important;
height:44px; 
line-height:44px;
}  

nav.menuppal li a  {
color: #ffffff;
}
.menuppalmovil  ul > li > a:hover {
color: #000000 !important;
display: block;
height:44px; 
border-bottom: 1px solid #fff;
}
.menuppalmovil  ul > li > .seleccionado {
color: #ffffff ;
height:44px;
display: block;
border-bottom: 1px solid #fff; 
}       


header > article {
float: none;
height: 38px;
margin-top: 103px;
overflow: hidden;
padding: 2px 20px;
position: absolute;
width: 206px;
z-index: 10000;
}

header > article > address {
display: none;
}


section.contenido {
margin: 0 20px 0 20px;
overflow: hidden;
padding: 0;
width: calc(100% - 40px);
}


div.wrapper {
width: 100%;
overflow: hidden;
}

article {
width: 100%;
float: none;
overflow: hidden;
margin: 0;
//padding:0 30px;
min-height:auto;
}

article.accesoshome {
width: 100%;
float: none;
overflow: hidden;
margin: 0 0px 0 0;
background: none;
padding: 0;
min-height: auto !important;
}

article.accesoshome h1 {
font-size: 23px !important;
color: #E1E0D2;
background: #C95680;
height: auto;
padding: 15px 0;
margin: auto;
line-height: normal !important;
max-width:442px;
text-align:center;
}

article.accesoshome p {
font-size: 17px;
max-width: 442px;
margin: auto;
}

.boton {
height: 40px !important;
line-height: 40px !important;
margin: 10px 0 50px !important;
overflow: hidden!important;
font-family: 'Oswald', sans-serif;
font-size: 16px;
padding: 0 !important;
}





main, footer {
//padding-left: 30px;
//padding-right: 30px;
margin-top: 30px;
}
     
main > div.contenido, section.contenidosec > div.contsec, footer > .zpie {
width: 100% !important;
}

section.formularionovedades {
width: 260px;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
float: none;
}
 
section.formularionovedades input#mail {
height: 35px;
width: 100%;
background: #ffffff;
border: 1px solid #C95680;
border-radius: 0px;
float: none;
 margin: 4px 5px 0 0;
} 
 
 
 
     
footer > .zpie {
height:auto;
padding: 0 20px;
margin: 20px auto 20px;
}

.address {
width: 100%;
float: none;
}

.address p {
font-size: 16px;
margin:10px 0;
text-align: center;
}


.redes {
float: none;
width: 102px;
margin: 0;
}


.piepc {
display: none;
}

.piemobile * {
font-weight: 400;
}
.piemobile {
display: inherit;
margin:0;
}

.piemobile h2 {
margin: 8px 0;
}

.zpie > figure {
float: left;
}

footer img {max-width: 250px; height: auto !important; margin: auto;}
footer {
}

h1 {
font-size: 26px;
margin:20px 0 25px 0;  
text-align:left;
}

h2 {
font-size: 20px;
margin-bottom: 20px;
}


p, label, ol, ul, li  {text-align: left; font-size: 17px;}

section img {
float:none !important;
clear: both !important;
height: auto !important;
margin: auto auto 25px !important;
display: block !important;
width: auto !important;
max-width: 100% !important;
//width: calc(100% - 10px) !important;
}

.telpc {display: none;}

.telmobile {display: inherit;}
.telmobile p, .telmobile a {font-size: 15pt;color: #fff; padding: 0 0 15px 0;text-align: center;}

iframe {
height: 65vw;
width: 100% !important;
}

.marco, .base {
height: 100%;
margin: 10px auto auto;
max-width: 570px;
overflow: hidden;
width: 100%;
display: block;
}

.marco .info {
height: 100%;
margin: auto;
max-width: 570px;
overflow: hidden;
width: 100%;
display: block;
}

section.formulario {
margin: auto;
width: 100%;
overflow:hidden;
}


#fondoformulario {
margin-top: 0;
width: 100%;
}
#fondoformulario p:nth-child(5) {
margin-left: 0;
margin-top: 0;
position: relative;
width: auto;
}
#fondoformulario #botoneraform {
margin-left: 0;
margin-top: 0;
position: relative;
}
#fondoformulario textarea {
background: #fff none repeat scroll 0 0;
height: 120px;
}
#fondoformulario input[type="text"], input[type="email"], textarea {
background: #dfdfdf none repeat scroll 0 0;
font-size: 18px !important;
}

input[type="submit"], input[type="reset"] {
width: 100%;
margin: 0 0 10px 0;   
}

.botoneraform {
margin: 20px 0 25px 0;
width: 100%;
}

section.cabezal {
width: 100%;
margin: 36px 0 0 0;
overflow: hidden;
padding: 0;
}

.botonleermas {
border-right: 1px solid #C95680 !important;
border-bottom: 1px solid #C95680 !important;
border-radius: 0px !important;
color: #C95680 !important;
display: block !important;
height: 40px !important;
line-height: 40px !important;
margin: 30px auto auto!important;
overflow: hidden!important;
text-align: center!important;
width: 200px!important;
 background: #848689;
font-family: 'Oswald', sans-serif;
font-size: 17px;
}
article.imageninterna {
height: auto;
width: 100%;
overflow: hidden;
clear: both;
float: none;
margin: auto;
padding: 0 0px;
box-sizing: border-box;
}

article.imageninterna p{margin:0 !important; }

article.imageninterna img {
margin:0 !important; 
float: none !important;
clear: both !important;
height: auto !important;
margin: auto auto 0px !important;
display: block !important;
width: 900px !important;
max-width: none !important;
margin-left:calc(100% - 570px)!important;
/*width: auto !important;
max-width: 100% !important;*/
}

.cajas {
width: 100%;
float: none;
overflow: hidden;
margin: 0 0 20px 0;
margin-bottom: 0px;
min-height: auto;
}

.cajas p {
text-align: left;
}

.cajas1 {
min-height: auto;
border-bottom: 1px solid #C95680;
margin: 0;
padding: 0;
}

.cajas1 h5 {
margin: 0 0 15px 0;
font-size:20px;
}

.botonmasinformacion {
border-right: 1px solid #C95680 !important;
border-bottom: 2px solid #C95680 !important;
border-radius: 0px !important;
color: #C95680 !important;
display: block !important;
height: 40px !important;
line-height: 40px !important;
margin: 35px auto 80px !important;
overflow: hidden!important;
text-align: center!important;
width: 100%!important;
background: #E1E0D2;
font-family: 'Oswald', sans-serif;
font-size: 14px !important;
padding: 0 !important;
max-width:340px;
}

section.formulariocontacto {
width: 100%;
}

select {
width: 100%;
}

form#formulario {
width: 100%;
margin: 20px auto 30px;
}


.fondoverde{
background: #3D4020;	
width:100%;
margin:0 0 30px 0;
padding:0;
height:auto;
box-sizing: border-box;	
}

.fondoverdecontenido{
width: 100%;
margin:auto;
padding:0 20px;
}


.fondoverdetexto {
width: 100%;
margin: auto auto 0px;
padding: 20px 0;
float: none;
}


.fondoverdetexto p {
color: #a4b535;	
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 19px;
line-height:133%;
padding:0;
margin:0px 0 0 0;
}


.fondoverdeimagen {
float: none;
margin: auto;
width: 150px;
}

.fondoverdeimagen img{
width:150px;
margin: -15px auto auto;	
}

.librosimagen {
float: none;
margin: 0px 0px 0 0;
display: block;
min-height: auto;
overflow: hidden;
}

.librostexto {
float: none;
display: block;
width: 100%;
}

.librostexto p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
line-height:133%;
text-align:left;
padding:0;
}


.videos {
//width: 30%;
width: 100%;
float: none;
overflow: hidden;
margin: 0 50px 0 0 !important;
min-height: auto !important;

}

.videos p {
font-family: 'Raleway', sans-serif;
color: #8B3E22;
font-weight:300;
font-size: 18px;
text-align:left;
margin:15px 0 0 0;

}

iframe {
height: 65vw;
}

.galeria {
width: 100%;
float: none;
overflow: hidden;
margin: 0 ;
min-height: auto;

}

.galeriaimagenes {
margin:0 0 30px 0;	
	
}

.galeriaimagenes p{
margin:0 0 15px 0;	
font-family: georgia;
font-size: 16px;
line-height: 133%;
color: #6D6D6D;
font-style:italic;	
}

.galeriaimagenes img {
width: auto !important;
max-width: 100% !important;
margin:0px;
}



#prevLink, #nextLink {
    width: 49%;
    height: 100% !important;
    background: transparent url(blank.gif) no-repeat;
    display: block;
}



#hoverNav {
    position: absolute;
    top: 0;
    left:0px !important;
    height: 80% !important;
    width: 100% !important;
    z-index: 10;
	background: url(../img/next.gif) no-repeat 5px right rgba(0, 0, 0, 0.6) !important;
}


img#lightboxImage {
float: none !important;
clear: both !important;
height: auto !important;
margin: auto auto 25px !important;
display: block !important;
width: 100% !important;
//max-width: 100% !important;
}

#imageContainer {
padding: 10px;
//width: auto !important;
//max-width: 100% !important;
}

#outerImageContainer {
    position: relative;
    background-color: #fff !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto;
}


#lightbox {
    position: absolute;
    top: 40px;
    left: 0;
    width: 80% !important;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
   // height: 100% !important;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

div#bottomNav {
width: 100%;
}

#imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    /* line-height: 1.4em; */
    width: 100%!important;
}


#lightbox {
    position: absolute;
    top: 40px;
    left: 0;
    width: auto !important;
	max-width: 100% !important;
    z-index: 100;
    text-align: center;
    line-height: 0;
    background: #fff;
}








article p {padding: 0 20px;}
article h1, article h2, article h3, article h4, article h5, article h6 {padding: 0 20px;}

img.moreover  {
width: 131px!important;	
display: block !important;
//background:url("../img/moreover.png") no-repeat top left;
margin: 20px auto 70px !important;
overflow:hidden;
}

h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 17px;
color: #6D6D6D;
font-style: italic;
margin: 0 0 30px 0;
line-height: 133%;
text-align: center;
}

.textoimagenpc {display:none;}
.textoimagenmobile {
display:inherit;
position: absolute;
top: 200px;
z-index: 1000;
//margin-left: calc(100% - 400px);
color: #ffffff;	
border-bottom: 0px !important;
}

.textoimagenmobile h1 {
	font-size: 28px!important;
    line-height: 28px!important;
    margin: 0 0 10px 0;
    font-weight: 300!important;
    color: #fff!important;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    text-shadow: 2px 2px 3px #000 !important;
    border-bottom: 0px solid;

	}

.textoimagenmobile p {     
font-size: 18px!important;
    margin: 0;
    line-height: 27px!important;
    font-weight: 300!important;
    color: #fff!important;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
    text-shadow: 2px 2px 3px #000 !important;
    text-align: left; 
}








}

@media only screen and (min-width: 533px) and (max-width: 800px) { 
#dataformulario, #inputformulario {
width: 100% !important;
clear: both;
float: none;
}
   
.zpie > nav.redes {
width: calc(100% - 230px);
}

  
 






}

@media only screen and (max-width: 532px) { 
    
/*h1 {font-size: 10vw !important;line-height: 10vw!important;}
h2 {font-size: 9vw !important;line-height: 9vw !important;}
h3 {font-size: 8vw !important;line-height: 8vw !important;}
h4 {font-size: 7vw !important;line-height: 7vw !important;}
h5 {font-size: 6vw !important;line-height: 6vw !important;}
h6 {font-size: 5vw !important;line-height: 5vw !important;}*/


     
#dataformulario, #inputformulario {
width: 100% !important;
clear: both;
float: none;
}
    
.zpie {display: inherit;}
 

}