html {height: 100%;}


* {
box-sizing: border-box;
margin: 0;
padding:0;
border: 0 none;
outline: 0 none;

}

body {

}

body.home {
} 

body.interior { }

h1, h2, h3, h4, h5, h6 {
font-family: 'Asap', sans-serif;
color:#333333;
}

p,label, ol, ul, li {
font-family: 'Asap', sans-serif;
font-weight:400;
font-size:17px;
color:#333333;
line-height:135%;
text-align:left;
margin:0 0 35px 0;
padding:0;
}

blockquote {}
pre {}
a {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: #575757;}

h1 {
font-size: 38px;
margin-bottom:50px;  

}

h2 {
font-size: 35px;
margin-bottom: 40px;

}

h3 {
font-size: 30px;    
margin:0 0 40px 0;
color:#06705E;
font-weight:400;
text-align:center;
}

h4 {
font-size: 26px;
margin-bottom:8px;   
}

h5 {
font-size: 23px;
margin-bottom:5px;    
}

h6 {
font-size: 18px;
margin-bottom:5px;    
}

ul, ol {
}

li {
list-style-position:inside;
}

.introduccion {}
.searchtext {}
.botonbuscar {}

header {
height: 165px;
width: 100%;
overflow:hidden;
border-bottom:37px solid #df5201;
z-index: 1000;
padding:0 30px;
//background:rgba(225, 224, 210, 0.6);
//position: absolute;
//top: 0;

}

header.ppal, header.interior {
width: 1300px;
margin:auto;
}


header > figure.logo {
height: 72px;
margin: 28px 40px 0 70px;
overflow: hidden;
width: 373px;
}

header > menu.ppal {
float: none;
height: 44px;
margin: 32px  0px 0 0;
overflow: hidden;
width: auto;
background: #2d2d2d none repeat scroll 0 0;

}

header > article {
height: 176px;
margin: 0;
overflow: hidden;
width: 100%;
position: absolute;
top: 0;
background:#E1E0D2;  
}

header > article * {

}

header > article > address {
font-style: normal;
float: right;
margin: 38px 50px 0 0;
height: 43px;
}

header > article > address > h1 {
font-size: 20px;
text-align: right;
}


header > article > address > p {
font-size: 16px;
text-align: right;
}


header.interior {
height: 200px;
}


header.interior > figure.logo {

}


header.interior > article {

}

.telefonoheader {
height:20px;
overflow: hidden;
margin:10px 20px 0;
float: right;

}

.telefonoheader p {
color:#333;
font-family: 'Asap', sans-serif;
font-weight:400;
font-size:16px;
text-align:right;
margin:0 15px 0 0;

}

section.cabezal {
//width: 1300px;
margin: auto;
overflow: hidden;
box-sizing: border-box;
padding: 10px 0 0 0;
}

section.cabezal h2 {
color:#f8b041;
font-size:35px;
font-weight:400;
padding:0;

}



.logo {
float: left;
width: 282px;
overflow: hidden;
padding:0;

z-index: 10000;
position: absolute;
top: 70px;
left: 54px;
}

nav.menuppal {
overflow: hidden;
float:right;
margin:0px 0 0 0;
}

nav.menuppal ul {
margin:0;
list-style: none;
height: auto;
margin: auto;
display: block;
text-align: center;

}

nav.menuppal li {
margin: 0;
display: inline;
height: 100%;
float: none;
text-align: center;
font-family: 'Asap', sans-serif;
font-weight:600;
color: #333;
font-size:17px;
padding: 0 9px;
}

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

nav.menuppal li a:hover {
color: #df5201;
}

nav.menuppal a.seleccionado{
color:#df5201;
}

nav.menuppalmovil {
overflow: hidden;

}

.destacadogris {color:#848689 !important;}
.destacadocolor {color:#f8b040 !important;font-weight:600;}
.coloranimacion {color:#06705E !important;}


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

}
article.slide {
height:901px;
width: 100%;
overflow: hidden;
clear: both;
float: none;
margin:auto;
padding: 0px;
box-sizing: border-box;	
//background:url(../img/slide.jpg) no-repeat top right;
}
article.slide img { 
float:right;
}

.slidetexto {
width:564px;	
//margin-left: calc(100% - 800px);
overflow: hidden;
padding: 0;
float:lef !important;
position:absolute;
top:400px;
}

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


.slidetexto p{
font-family: 'Asap', sans-serif;	
font-weight:400;
font-size:25px;	
color:#df5201;
margin:20px 0 0 30px;	
}

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

.slidetexto a{color:#636371 !important;}

article.animacion {
height:901px;
width: 100%;
//width: 1403px;
overflow: hidden;
clear: both;
float: none;
margin:auto;
//margin-left: calc(50% - 1005px); //en equipos sin scroll es 990

}

.cs3 {
height: 901px;
margin:0 auto 0px;
}
.wrapper {
              
}
              
.cs3-caption-single-right {
height: auto !important;
left: 60px !important;
top: 270px !important;
width: 1403px !important;
padding: 0 !important;
margin: auto !important;
text-align:center !important;
}

.cs3-caption {
//background-color: rgba(0,0,0,0.6);
}

.cs3-caption * {
color: #848689;
font-family: 'Asap', sans-serif;
text-align: left;
}

.cs3-caption h1 {
font-size:49px;
line-height:49px;
margin:0;
padding:0;
font-weight:400;
/*width:465px;*/
}
.cs3-caption p {
font-size:26px;
margin:5px 0 0 3px;
padding:0;
line-height:135%;
color:#333;
/*width:460px;*/
}

.cs3-caption-single .cs3-caption-text {
padding: 0;
margin-top: -50px!important;
width:670px !important;
padding:0 !important;
margin-left: calc(100% - 800px);
//margin-left: calc(100% - -25px);
//line-height: 67px !important;
}

.cs3-skin-4 .cs3-slide-prev {
//left: calc(1160px - 69%) !important;
}

.cs3-skin-4 .cs3-slide-next {
//right: calc(1160px - 69%) !important;
}

.cs3-skin-4 .cs3-pagination-wrap {
bottom: 0  !important;
left: 680px !important;
margin: 0 !important;
position: absolute !important;
top: 500px !important;
width:70px !important;
z-index: 30 !important;

/*position: absolute;
width: 100%;
left: 0;
margin: -22px 0 0 0;
bottom: 0px; 
z-index: 30;*/   
}


.cs3-skin-4 .cs3-paginacion-wrap {
bottom: 0 !important;
left:995px !important;
margin: 0 !important;
position: absolute !important;
top: 582px !important;
width: 140px !important;
z-index: 30 !important;
}

.cs3-skin-4 .cs3-pagin-wrap {
bottom: 0 !important;
left:995px !important;
margin: 0 !important;
position: absolute !important;
top: 582px !important;
width: 140px !important;
z-index: 30 !important;
}


.botonconsultenos {
display: block !important;
//border: 1px solid #06705E !important;
border-radius: 0px !important;
color: #ffffff !important;
display: block !important;
height:45px !important;
line-height:45px !important;
margin: 35px 0 0px 30px !important;
overflow: hidden!important;
text-align: center!important;
width: 180px!important;
background:#636371;
font-family: 'Asap', sans-serif;
font-size:17px !important;
}
.botonconsultenos:hover {
background:#3f3f41 !important;
}

.botonconsultenos a {
color:#ffff !important;
}



.boton {
border-right: 1px solid #C95680 !important;
border-bottom: 1px solid #C95680 !important;
border-radius: 0px !important;
color: #C95680 !important;
display: block !important;
height:58px !important;
line-height:58px !important;
margin: 55px 0 50px 0px !important;
overflow: hidden!important;
text-align: center!important;
width: 258px!important;
background:#E1E0D2;
font-family: 'Asap', sans-serif;
font-size:23px;
padding:0 !important;
}
.boton a {
color: #C95680 !important;
}
.boton:hover {
background:#ecebe4 !important;
color:#FFF !important;
}







.barraverde{
background:#06705E;
height:65px;
line-height:65px;
overflow:hidden;
padding:0 50px;
margin:0 0 30px 0;
}

.barraverde h1{
font-family: 'Asap', sans-serif;
font-weight:400;
color:#ffff;
font-size: 22px;
text-align:left;
margin:0;
padding:0;
float:left;
}




.barraverde1 {
float:left;
margin:0 15px 0 0;
padding:0;
overflow:hidden;
width:575px;
border-right:1px solid #ffffff;
}







.barraverde2 {
float:left;
margin:0 15px 0 0;
padding:0;
overflow:hidden;
width:274px;
border-right:1px solid #ffffff;
}

.barraverde3 {
float:left;
margin:0;
padding:0;
overflow:hidden;
width:270px;
}



.bandapie{
background:#5FADA0;
height:65px;
line-height:65px;
overflow:hidden;
padding:0 50px;
margin:0 0 0px 0;
}



.bandapie p{
font-family: 'Asap', sans-serif;
font-weight:400;
color:#ffffff ;
font-size: 30px;
text-align:center;
padding:0;
margin:0px 0 0 0;
line-height: inherit;
}


.banda1{
overflow:hidden;
padding:0px;
margin:0 0 50px 0;
box-sizing: border-box;
//background:url(../img/verde.jpg) top left repeat;
}

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



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

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


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

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




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

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

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

}


.texto {
width: 1300px;	
margin:auto;
padding:0;
overflow:hidden;
}

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




.textoimg {
float:left; 
margin:25px 30px 0 0;
padding:0;
overflow:hidden;
width:210px;

}


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


.textoli {
float:left; 
margin:25px 0 0 0;
padding:0;
overflow:hidden;
width:990px;
}


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

section.texto {
float: left;
margin:0;
padding:0;
}

section.formulariocontacto{
width:100%;
margin: auto;
padding:20px 0;
overflow:hidden;
clear:both;
background:#e8cb00;
box-sizing:border-box;	
}

section.formulario {
width: 560px;
overflow: hidden;
margin: auto;
padding: 0;
display: block;
}

section.formulario p {
font-family: 'Asap', sans-serif;
font-weight:400;
color:#000;
font-size: 20px;
text-align:left;
padding:0;
margin:5px 0 0 0 !important;	
	
}

section.formulario input#mail {
height: 35px;
width: 450px;
background:#ffffff;
border:1px solid #C95680;
border-radius:0px;
float:left;
margin: 4px 5px 0 0;
}

section.formulario input[type="submit"] {
height: 35px;
width: 60px;
background:#ffffff;

border-radius:0px;
margin:0;
padding:0;
}

section.formulario input[type="submit"]:hover, input[type="reset"]:hover {
color: #666666;
}



.botoneraformularionovedades {
float:left;
margin:-15px 0 0 0;
padding:0;
overflow:hidden;
	
}

.ppal > div {
margin: auto;
width: 940px;
height: 100%;
}

.cajas {
width: 45%;
float: left;
overflow: hidden;
margin: 0 30px auto;
margin-bottom: 50px;
min-height: 500px;
//background-color: bisque;
}

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


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

.cajas1 h5 {
margin:0 0 25px 0;
}

.cajas2 {
margin:25px 0 0 0;
padding:0;
	
}

.cajas2 img{
margin: auto;
padding: 0;
width: 510px;
height: auto;
overflow: hidden;
display: block;	
}




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

.botonmasinformacion a {
color: #C95680 !important;
}

.botonmasinformacion:hover {
background:#ecebe4 !important;
color:#FFF !important;
}

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


article.B {
width: 45%;
float: left;
overflow: hidden;
margin: 0 0 30px 0;
box-sizing: border-box;
}






article {
width: 45%;
float: left;
overflow: hidden;
margin: 0 30px auto;
box-sizing: border-box;
}


article h1{
color:#06705E;
font-size:30px;
margin:0 0 15px 0;
padding:0;
font-weight:400;

}

article h2{
color:#06705E;
font-size:22px;
margin:0 0 15px 0;
padding:0;
font-weight:400;

}



section.contenido {
//margin: 30px auto auto;
margin: auto;
overflow: hidden;
padding: 60px 0 0 0;
//width: 1300px;
width:100%;
background:url(../img/fondo_deg.png) repeat-x top left;
}

section.producto {
//margin: 30px auto auto;
margin: auto;
overflow: hidden;
padding: 60px 0 0 0;
//width: 1300px;
width:100%;

}

article.accesoshome {
width: 31%;
//width:420px;
float: left;
overflow: hidden;
margin: 0 6px 0 20px;
background: none;
padding:0;
box-sizing:content-box;
}


article.accesoshome h1{
font-size: 20px;
color:#06705E;
padding: 0px 0 0 30px;
margin:0 0 10px 0;

}

article.accesoshome h2{
font-size: 18px;
color:#06705E;
padding: 0px;
margin:0 0 10px 0;
font-weight:400;
}



article.accesoshome p{
font-size: 17px;
color:#333333 ;
padding: 0px 0 15px 0;
margin:0;
font-family: 'Asap', sans-serif;
font-weight:400;
text-align:left;
}

article.accesoshome img {
width: 100%;
overflow: hidden;	
height: auto;
}
   




.botonconozcanos {
border-right: 1px solid #06705E !important;
border-bottom: 1px solid #06705E !important;
border-radius: 0px !important;
color: #ffffff !important;
display: block !important;
height:58px !important;
line-height:58px !important;
margin: 30px 0 100px 0px !important;
overflow: hidden!important;
text-align: center!important;
width: 245px!important;
background:#5FADA0;
font-family: 'Asap', sans-serif;
font-size:26px!important;
}
.botonconozcanos a {
color: #ffffff !important;
}

.botonconozcanos :hover{
background:#747679 !important;
display: block;
}


.botonleermas :hover {
background:#747679 !important;
}


footer {
background:#fff;
overflow:hidden;
width: 100%;
height: auto;
text-align:center;
}

footer * {	
color: #ffff;
font-family: 'Asap', sans-serif;
font-weight:400;
}

footer  a:hover {
color: #f4f1f1;
}

footer > .zpie {
margin: 20px auto 20px;
width: 1300px;
overflow: hidden;
}

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

}
footer p {margin:0; padding:0;}

.zpiemovil {display: none;}

.zpie > address {
float: left;
height: auto;
margin: 0 20px 20px 0;
overflow: hidden;
width: 330px;
clear: left;
font-style: normal;      
}


.address {
width: 45%;
float: left;

}

.address p {
font-size:16px;
margin:0 0 30px 0;
text-align:left;
//line-height:111%;
color:#ffffff;

}
.address img {
margin: 0 0 0px 0;
}

.redes {
width: 120px;
//float: right;
margin:auto;

}

.zpie > address {
    
}

.zpie > address p {
font-size: 15px;
color: #fff;
        
}
.zpie > address a {  }

.zpie > figure {
float: right;
}



.zpie > nav.redes {
float: left;
width: calc(100% - 300px);
}

.zpie > nav.redes ul {
float: right;    
list-style: outside none none;
margin: 0;
}

.zpie > nav.redes li {
float: left;
}

.zpie > nav.redes a {
 margin-left: 4px;
}




.telmobilearriba {
display: none;
}

.telpcarriba {
display: inherit;
margin:0;
}


.telpc {display: inherit; width: 1160px; margin: auto;}

.telpc p, .telpc a {text-align:center;margin: 15px 0 30px; color: #fff;}

.telmobile{display: none;}




.marco, .base {
display:block;
position: relative;
overflow: hidden;
opacity: 1;
background: transparent;
height: 285px;
width:570px;
margin: 0 0 15px;
        
}
  
.marco .info {
display: block;
height: 285px;
left: -100%;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.5s ease-in-out 0s;
-moz-transition: opacity 0.5s ease-in-out 0s;
-webkit-transition: opacity 0.5s ease-in-out 0s;
-o-transition: opacity 0.5s ease-in-out 0s;
width: 570px;
z-index: 4;
background: rgba(0,0,0,.3);
}
      
.marco:hover .info{   
left: 0;
opacity: 3.80;
overflow:hidden;

}

div.marco > article {
position: relative; 
width: 570px;
top: -400px;
}

div.marco > article *{color: #fff; text-align:center;}



#formulario > p {
 margin: 10px 0 20px;
}

#fondoformulario > div.contenidoformulario > #formularios > #inputformulario{
float: left;
overflow: hidden;
width: calc(100% - 362px);
}

#inputformulario {
float: left;
overflow: hidden;
width: 480px;
}

.pformulario {
text-align: left;
}

input[type="text"], input[type="email"], textarea{
background: none repeat scroll 0 0 #f7eeab;
//border: 1px solid #C0C0C0;
//border-radius: 5px 5px 5px 5px;
color: #000;
display: block;
height: 32px;
line-height: 16px;
padding: 0 10px;
margin: 2px 0 15px 0;
width: 100%;
//width: calc(100% - 20px); 
}

textarea{
height: 120px;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
background: #ddd;
} 

input[type="submit"], input[type="reset"] {
padding: 5px 6px;
border-radius: 0px;
cursor: pointer;   
}

input[type="submit"] {
background: #ffffff;
color: #06705E;
}

input[type="reset"]{
color:#555;
background: #dedede;
}

input[type="submit"]:hover, input[type="reset"]:hover {
background: #555;
color: #fff;
}

.botoneraform {
margin: 0px 0 0 0px;
float: right;
//width: 17%;
}








#fondoformulario {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
border-radius: 7px;
height: auto;
margin: 0px auto 40px;
overflow: hidden;
padding: 20px 25px;
vertical-align: middle;
width: 750px;
}

#fondoformulario .pformulario, #fondoformulario label {color: #ffffff;font-size: 14px;font-weight: 400;}


#fondoformulario p:nth-child(5) {
margin-left: 360px;
margin-top: -275px;
position: absolute;
width: 340px;
}


#fondoformulario textarea {
height: 120px;
}

#fondoformulario #botoneraform {
margin-left: 360px;
margin-top: -117px;
position: absolute;
}

#fondoformulario input[type="submit"] {
width: 200px;
font-weight: 400;
}


#fondoformulario input[type="reset"] {
display:none;
}

#fondoformulario input[type="text"], input[type="email"], textarea {
background: #fff none repeat scroll 0 0;
}

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

section.formularioanalisis p{
font-size:16px !important; margin:0 0 0px 0 !important;}
	
section.formularioanalisis input[type="text"], input[type="email"], textarea {
background: none repeat scroll 0 0 #ffffff;
border:1px solid #C95680;
border-radius: 0;
color: #000000;
display: block;
line-height: 16px;
padding: 10px;
margin: 5px 0 25px 0;
width: 100%;
box-sizing: border-box;
}

select {
background: none repeat scroll 0 0 #ffffff;
border-radius: 0;
color: #06705E;
display: block;
line-height: 16px;
padding: 5px;
margin: 17px 0 0px 0;
width: 88%;
box-sizing: border-box;
font-size:18px;

}


section.formulariocontacto input[type="submit"] {
height: 30px;
width:100px;
background: #5a4f0e;
border-radius: 0px;
margin: 0 px 0 0;
padding: 0;
color: #ffff;
font-size:17px;
}


section.formulariocontacto input[type="submit"]:hover, input[type="reset"]:hover {
color: #ccc;
}

section.formulariocontacto input[type="reset"] {
height: 35px;
width: 60px;
background: #ffffff;
border: 1px solid #C95680;
border-radius: 0px;
margin: 0;
padding: 0;
color: #000000;
}

section.formulariocontacto input[type="reset"]:hover, input[type="reset"]:hover {
color: #666666;
}


#scrollUp {
bottom: 20px;
right: 20px;
background: url(../img/ico_up2.png) top left no-repeat;
background-size: auto auto;
width: 40px;
height: 40px;
background-size: cover;
    text-indent: -1000em;
}

#scrollUp:hover{
bottom: 20px;
right: 20px;
background: url(../img/ico_up2-over.png) top left no-repeat;
background-size: auto auto;
width: 40px;
height: 40px;
background-size: cover;
text-indent: -1000em;
}



.eldiv { 
width: auto; 
height: auto; 
//background: #676470; 
transition: all 0.3s ease; 

}

.efecto { 
width: auto; 
height: auto; 
//background: #676470; 
transition: all 0.3s ease; 

}
.swing:hover
{
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}