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

body {

} 
    
body.interior {

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

}

.logo {
/*float: none;
width:270px;
overflow: hidden;
padding: 0;
margin: 13px auto auto;
top: 0;*/
float: none;
width: 120px;
overflow: hidden;
padding: 0;
margin: 6px 0 0 -42px;
top: -51px;
}

.logo img {
margin: 81px auto auto !important;
//width: 100%;
}

section.cabezal h2 {
//display: none;
color: #f8b041;
font-size: 20px;
font-weight: 400;
padding: 0; 
margin:3px 0 0px 20px;
}


article.imageninterna {
height: auto;
width: 100%;
overflow: hidden;
clear: both;
float: none;
margin: auto;
padding: 0 0px;
box-sizing: border-box;

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

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

.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% - 410px) !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-text {
padding: 0 !important;
line-height: normal !important;
margin: 0px 10px 0px !important;
width: 100% !important;
}

.cs3-caption h1 { 
width: 100% !important; 
font-size: 28px !important; 
text-shadow: 1px 1px 1px #fff;
line-height:30px;
margin:15px 0 5px 0 !important; 
font-weight:600;
} 
.cs3-caption-text p {
//width: 200px!important;
font-size: 17px !important;
margin: 0;
font-weight:600 !important;

}
    
.cs3-caption {
//background-color: rgba(0,0,0,0.4) !important;
width:100%!important;
}

.cs3-skin-4 .cs3-pagination-wrap {
bottom: 0 !important;
left: 0px !important;
margin: 0 !important;
position: absolute !important;
top: 270px !important;
width: 70px !important;
z-index: 30 !important;
} 
 
  
.barraverde {
background: #E1E0D2;
height: 130px;
line-height: normal;
overflow: hidden;
padding: 0 30px;
margin: 0 0 40px 0;
} 
 
.barraverde h1 {
font-family: 'Asap', sans-serif;
font-weight: 600;
color: #848689;
font-size: 14px;
text-align: center;
}  

.barraverde img {
width: 50px !important;
margin: 8px auto 10px!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: 'Asap', 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 #cc6600;
margin-left: 0;
margin-top: 44px;
width: 100%;
}

nav.menuppal li a {
color: #fff;
}

.menuppalmovil {
background: url("../img/icono-botonera.png") no-repeat scroll right 3px;
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 3px;
height: 100%;
width: 100%;
float:left;
margin:0 15px 0 0 !important;
}
      
.menuppalmovil  ul > li > a:hover {
color: #fff !important;
//background: #f8b041;
display:block;
height: 44px;
line-height:44px; 
padding:0 !important;
margin:0!important;
}
.menuppalmovil ul {
clear: both;
float: none;
margin: 0;
width: 100%;
line-height: 44px;
list-style: outside none none;
}
  
.menuppalmovil  ul > li{
float:none;
font-size: 16px;
//border-bottom: 1px solid #fff;
display: list-item;
text-align: right;
height:44px; 
line-height:44px;
font-weight:600;color: #fff !important;
}
  
.#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: #fff !important;
height:44px; 
line-height:44px;
}  


.menuppalmovil  ul > li > a:hover {
color: #fff !important;
display: block;
height:44px; 
//border-bottom: 1px solid #fff;
}
.menuppalmovil  ul > li > .seleccionado {
color: #fff !important;
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: auto;
overflow: hidden;
padding: 20px 20px 0 20px;
width: 100%;
background: url(../img/fondo_deg.png) repeat-x top left;
}


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

article {
width: 100%;
float: none;
overflow: hidden;
margin: 0;
}
article h1 {
    color: #06705E;
    font-size: 25px;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: 400;
}


article.accesoshome {
width: 100%;
float: none;
overflow: hidden;
margin: 0 0px 25px 0;
background: none;
padding: 0;
}

article.accesoshome h1 {
font-size: 20px !important;
color: #06705E;
padding: 0px 0 0 30px;
margin: 0 0 10px 0;
background: url(../img/slide_boton_on.png) 2px 5px no-repeat;
}

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

article.accesoshome img { margin: auto !important;}


.banda1{
overflow:hidden;
padding:0px;
margin:0 0 20px 0;
box-sizing: border-box;
}

.banda1 h1 {
background:#c6db87;
height:30px;
line-height:30px;
font-size:20px;
color: #fff;
margin:0 0 10px 0;
padding:0 0 0 20px;
font-weight:500;
}



.banda2{
overflow:hidden;
padding:0px;
margin:0 0 20px 0;
box-sizing: border-box;
}

.banda2 h1 {
background:#fecf4d;
height:30px;
line-height:30px;
font-size:20px;
color: #fff;
margin:0 0 10px 0;
padding:0 0 0 20px;
font-weight:500;
}


.banda3{
overflow:hidden;
padding:0px;
margin:0 0 20px 0;
box-sizing: border-box;
}

.banda3 h1 {
background:#df5201;
height:30px;
line-height:30px;
font-size:20px;
color: #fff;
margin:0 0 10px 0;
padding:0 0 0 20px;
font-weight:500;
}




.banda4{
overflow:hidden;
padding:0px;
margin:0 0 20px 0;
box-sizing: border-box;
}

.banda4 h1 {
background:#c6db87;
height:30px;
line-height:30px;
font-size:20px;
color: #fff;
margin:0 0 10px 0;
padding:0 0 0 20px;
font-weight:500;
}

.banda4 h3 {
font-size: 21px;
margin: 20px 0 0px 0;
color: #000;
font-weight: 700;
text-align: center; 
padding:0 20px;
}


.texto {
width: 100%;	
margin:auto;
padding:0 20px;
overflow:hidden;
}

.texto p {
margin:0 0 10px 0;
padding:0;
overflow:hidden;
}




.textoimg {
float:none; 
margin:10px auto auto;
padding:0;
overflow:hidden;
width:100%;

}

.textoimg img{
float:none !important;
clear: both !important;
height: auto !important;
margin: auto auto 15px !important;
display: block !important;
width: auto !important;
max-width: 100% !important;			
}


.textoimg h6 {font-size:20px; font-weight:500; text-align:center;}


.textoli {
float:none; 
margin:20px 0 0 0;
padding:0;
overflow:hidden;
width:100%;
}


.textoli li {margin:0 0 20px 0; padding:0; }











.boton {
height: 40px !important;
line-height: 40px !important;
margin: 3px auto 50px !important;
overflow: hidden!important;
width: 200px!important;
background: #E1E0D2;
font-family: 'Asap', sans-serif;
font-size: 17px;
padding: 0 !important;
}





main, footer {
//padding-left: 30px;
//padding-right: 30px;
margin-top: 0px;
}
     
main > div.contenido, section.contenidosec > div.contsec, footer > .zpie {
width: 100% !important;
}
.bandapie {
background: #5FADA0;
height: auto;
line-height: inherit;
overflow: hidden;
padding: 20px;
margin: 0 0 0px 0;
box-sizing:border-box;
} 
 
.bandapie p {font-size: 20px; margin: 5px 0;} 


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 30px;
margin:15px auto 15px;
}

 footer h4 {
font-size: 16px;
 border-top: 1px solid #5FADA0;
margin: 0;
padding: 20px;
color: #ffffff;
text-align: center;
}


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

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


.redes {
float: none;
width: 120px;
margin: 10px auto auto;
}

.redes p{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: 180px; height: auto !important; margin: auto;}
footer {
}

h1 {
font-size: 28px;
margin: 15px 0 13px 0;
color: #06705E;
}
h2 {font-size: 26px;margin: 0 0 15px 0;}
h3{font-size: 25px;margin: 0 0 25px 0;}

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

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 p {
    font-family: 'Asap', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 17px;
    text-align: left;
    padding: 0;
    margin: 5px 0 0 0 !important;
}

section.formulario {
margin: auto;
width: 100%;
overflow:hidden;
padding: 0 20px;
}


#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 20px 0;
width: 100%;
}

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

.botonconozcanos {
border-right: 1px solid #06705E !important;
border-bottom: 1px solid #06705E!important;
border-radius: 0px !important;
color: #C95680 !important;
display: block !important;
height: 40px !important;
line-height: 40px !important;
margin: 10px auto 30px!important;
overflow: hidden!important;
text-align: center!important;
width: 170px!important;
 background: #5FADA0;
font-family: 'Asap', sans-serif;
font-size: 18px !important;
}
article.slide {
height: auto;
width: 100%;
overflow: hidden;
clear: both;
float: none;
margin: auto ;
padding: 0 0px;
box-sizing: border-box;
//background:url(../img/slide-mobile.jpg) no-repeat top center !important;
}
article.slide p, article.slide img {margin:0;}
article.slide img { 
margin: auto auto 8px !important;
//display: none !important;
}


.slidetexto {
width:auto;	
margin:0px 20px;
//margin-left: calc(100% - 800px);
overflow: hidden;
padding: 0;
float:lef !iimportant;
position: inherit !important;
top:0;
display:inline-block;
}

.slidetexto h1 {
    font-family: 'Asap', sans-serif;
    font-weight: 700;
    font-size: 27px;
    color: #000;
    margin: 0px 0 0 0px;
}

.slidetexto p {
 font-family: 'Asap', sans-serif;
    font-weight: 400;
    font-size:17px;
    color: #df5201;
    margin: 15px 0 0 0px !important;
}


.slidetexto h6 {
    font-family: 'Asap', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #636371;
    margin: 10px 0 20px 0px;
	overflow:hidden;
}


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

.cajas p {
font-size: 17px;
}

.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: 'Asap', sans-serif;
font-size: 14px !important;
padding: 0 !important;
max-width:340px;
}


section.formulariocontacto {
width: 100%;
}

select {
width: 100%;
}

article.A {
width: 100%;
overflow: hidden;
margin: 0 0px 0 0;
box-sizing: border-box;
}

article.B {
width: 100%;
float: none;
overflow: hidden;
margin: 0 0px 40px 0;
box-sizing: border-box;
}


.barraverde {
 background: #06705E;
height: auto;
line-height: normal;
overflow: hidden;
padding: 20px;
margin: 0 0 20px 0;
box-sizing: border-box;
}

.barraverde h1 {
font-family: 'Asap', sans-serif;
font-weight: 400;
color: #ffffff;
font-size: 20px;
text-align: center;
float: none;

}


.barraverde1 {
 float: none;
margin: 0 0px 30px 0;
padding: 0 0 25px 0;
overflow: hidden;
width: 100%;
border-right: 0;
border-bottom: 1px solid #fff;
}

.barraverde2 {
float: none;
margin:0 0px 30px 0;
padding: 0 0 25px 0;
overflow: hidden;
width: 100%;
border-right: 0;
border-bottom: 1px solid #fff;
}

.barraverde3 {
float: none;
 margin: 0 0px 0px 0;
padding: 0;
overflow: hidden;
width: 100%;

}

.botonconsultenos {
    display: block !important;
    border-radius: 0px !important;
    color: #06705E !important;
    display: block !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 25px 0 20px 0px !important;
    overflow: hidden !important;
    text-align: center !important;
    width: 150px !important;
    background: #636371;
    font-family: 'Asap', sans-serif;
    font-size: 20px;
}

section.formularioanalisis {
width: 100%;
 overflow: hidden;
margin: auto;
padding: 0;
box-sizing: border-box;
}














}

@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);
}

.cs3-slide > img, .cs3-slide > a > img {
max-width: none;
min-width: 0 !important;
width: auto !important;
height: 300px !important;
margin-left: calc(100% - 606px) !important;     
}

article.animacion {background:#58ada0;}  

.cs3-caption h1 {margin: 15px 0 5px 120px !important;}
.cs3-caption p {margin: 15px 0 5px 120px !important;width: 400px !important;}
.botonservicios {width:80px !important;} 



}

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

}