<style>
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');
</style>

<style>
@import url('https://fonts.googleapis.com/css?family=Quattrocento');
</style>

html {height: 100%;}


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

}

body {
background: #F2F2F2;
}

body.home {
} 

body.interior { }

h1, h2, h3, h4, h5, h6 {
font-family: 'Julius Sans One', sans-serif;
color: #333333;
font-weight:300;
}

p,label, ol, ul, li {
font-size: 18px;
line-height:133%;
text-align:justify;
margin:0 0 15px 0;
padding:0;
font-family: 'Quattrocento';
color: #6D6D6D;
}

blockquote {}
pre {}
a {text-decoration: none;  }
a:hover {text-decoration: none;  }

h1 {
font-size: 42px;
margin: 20px auto 60px;
font-weight: 300;
text-align: center;
border-bottom: 1px solid;
display: table; 
}

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

}

h3 {
font-size: 27px;    
margin-bottom:8px;
}

h4 {
	font-family: "Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold";
	font-size: 21px;
	text-transform:uppercase;
	color:#000000;
	border-bottom:1px solid;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	line-height: 21px;
}

h5 {
font-family: "Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold";
font-size: 15px;
color:#333333;
font-style:italic; 
margin: 0 0 30px 0;  
}

h6 {
font-family: 'Quattrocento';
font-size: 21px;
color:#333333; 
margin: 0 0 30px 0; 
line-height: 120%;   
text-align:center;
}

ul, ol {
}

li {
list-style-position:inside;
}

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

header {
height: auto;
width: 100%;
overflow:hidden;

}

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 {

}


section.cabezal {
//width: 1200px;
margin: auto;
overflow: hidden;
padding: 0;

}


.logo {
    /* float: left; */
    /* width: 275px; */
    /* overflow: hidden; */
    padding: 0 0 0 75px;
    position: absolute;
    text-indent: 0;
    top: 0px;
}

nav.menuppal {
overflow: hidden;
float:right;
margin: 0px 0 25px 0;
padding: 0 0px 0 0;
height:90px;
background:#fff;
width:100%;
}

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

}

nav.menuppal li {
margin: 0;
display: inline;
font-weight: 400;
height: 100%;
float: none;
text-align: center;
font-family: 'Raleway', sans-serif;
font-weight:400;
color: #8B3E22 !important;
font-size:20px;
padding: 0 20px;
}

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

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

nav.menuppalmovil {
overflow: hidden;

}

.destacadogris {color:#848689 !important;}
.destacadoamarillo {color:#FFC700 !important;}
.coloranimacion {color:#92D6F6 !important;}


article.imageninterna {
    height: 579px;
    width: 1920px;
    overflow: hidden;
    clear: both;
    float: none;
    margin-left: calc(50% - 860px);

}


article.imageninterna img { 
//float:right;
//margin-left: calc(50% - 1000px);
}


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

}

.cs3 {
height: 579px;
margin:0 auto 0px;
}
.wrapper {
              
}
              
.cs3-caption-single-right {
height: auto !important;
left: 950px !important;
top: 210px !important;
width: 497px !important;
padding: 0 !important;
margin: auto !important;
}

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

.cs3-caption * {
font-family: 'Raleway', sans-serif;
text-align: left;
font-weight:300;
}

.cs3-caption h1 {
font-size:44px;
line-height:22px;
margin:0;
padding:0;
color:#ffffff;
/*width:465px;*/
}
.cs3-caption p {
font-size:28px;
margin:20px 0 0 0px;
padding:0;
color:#ffffff;

/*width:460px;line-height:28px;*/
}


.cs3-caption-single .cs3-caption-textright {
padding: 0;
margin-top: -140px!important;
width: 327px !important;
padding: 0 !important;
margin-left: calc(50% + 215px);
}


.cs3-caption-single .cs3-caption-textright p {
font-size:18px;
margin:20px 0 0 0px;
padding:0;
color:#000000;
font-weight:300;
}


.cs3-caption-single .cs3-caption-textright2 {
padding: 0;
margin-top: -45px!important;
width: 360px !important;
padding: 0 !important;
margin-left: calc(50% + 60px);
}

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


.cs3-caption-single .cs3-caption-text {
padding: 0;
//line-height: 67px !important;
margin-top: -40px!important;
width:392px !important;
padding:0 !important;
margin-left: calc(50% - 430px);

}

.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 {
display:none;
	
bottom: 0  !important;
left: 700px !important;
margin: 0 !important;
position: absolute !important;
top: 485px !important;
width:100px !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;
}


.textoanimadopc {
//background-color: rgba(0, 0, 0, 0.66) !important;
box-sizing: border-box;
display: inherit !important;
margin:0;
padding: 0px;
font-family: 'Raleway', sans-serif;
}

.textoanimadopc h1 {
font-size: 44px!important;
line-height: 44px!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;
}


.textoanimadopc p {
font-size: 28px!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:center;
}

.textoimagenpc {
position: absolute;
top: 210px;
z-index: 8000;
margin-left: calc(100% - 400px);
color: #ffffff;	
border-bottom: 0px !important;
	
}

.textoimagenpc h1 {color: #ffffff; border-bottom:0px; margin: 0 0 10px 0;  text-shadow: 2px 2px 3px #000 !important;    font-size: 44px!important;line-height: 44px!important;}

.textoimagenpc p {color: #ffffff;  text-shadow: 2px 2px 3px #000 !important; font-size: 28px!important;
line-height: 28px!important; font-family: 'Raleway', sans-serif;font-weight:300;text-align:center;}

.textoimagenmobile {display:none;}


.textoanimadomobile {
display: none;
}


.boton {
border-radius: 0px !important;
color: #ffffff !important;
display: block !important;
height:33x !important;
line-height:33px !important;
margin: auto !important;
overflow: hidden!important;
text-align: center!important;
width: 131px!important;
padding:0 !important;
text-indent: -1000em;
//background:url("../img/more.png") no-repeat top left;
}
.boton a {
color: #ffffff !important;
}
.boton:hover {
//background:#333333 !important;
color:#FFF !important;
//background:url("../img/moreover.png") no-repeat top left;
}

img.moreover  {
	width: 131px!important;
	display: block !important;

//background:url("../img/moreover.png") no-repeat top left;
	overflow:hidden;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

.cotizacion {
border-radius: 0px !important;
color: #ffffff !important;
display: block !important;
height:40x !important;
line-height:40px !important;
margin: 35px 0 30px 0px !important;
overflow: hidden!important;
text-align: center!important;
width: 160px!important;
background:#FFC700;
font-size:16px !important;
padding:0 !important;
}

.cotizacion a {
color: #ffffff !important;
}

.cotizacion:hover {
background:#333333 !important;
color:#FFF !important;
}


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


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

.cajas {
width: 30%;
float: left;
overflow: hidden;
margin: 0 17px 20px 17px;
min-height: 350px;
//background-color: bisque;
}

.cajas p {

text-align:justify;	
}


.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: 'Oswald', sans-serif;
font-size:23px !important;
padding:0 !important;
}

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

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


article {
width: 45%;
float: left;
overflow: hidden;
margin: 0 20px auto;
min-height:550px;
}

section.contenido {
	overflow: hidden;
	padding: 0;
	width:1300px;

//width: 1070px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

article.accesoshome {
width: 307px;
float: left;
overflow: hidden;
margin: 25px 9px 0 9px;
background: none;
padding:0;
min-height:580px;
}


article.accesoshome h1{
font-size: 36px;
color:#E1E0D2;
background: #C95680;
height:160px;
padding: 20px;
margin:0;
}

article.accesoshome p{
color:#000000;
padding: 0px 0 5px 0;
margin:0;
text-align:left;
}

	
article.accesoshome img {
width: 100%;
overflow: hidden;	
height: auto;
border:1px solid #289A21;
margin: 0 0 15px 0;
}
   

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

footer * {	
color: #F5F4F0;
font-family: "Open Sans", "Open Sans Extrabold", "Open Sans Light", "Open Sans Semibold";
font-weight:400;
}

footer  a:hover {
color: #f4f1f1;
}

footer > .zpie {
margin: 40px auto 40px;
width: 1200px;
overflow: hidden;
}

.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: 18px;
color: #f6f7f1;
margin: 0;
text-align:left;
font-style: italic;

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

.redes {
//width: 45%;
float: right;
}

.redes p { font-size: 14px;font-weight:300; margin:0;}


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

section.formulario {
margin: auto;
width: 800px;
overflow:hidden;
}

#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 #ECECEE;
border: 1px solid #C0C0C0;
border-radius: 0;
color: #666666;
display: block;
height: 42px;
line-height: 16px;
padding: 0 10px;
margin: 5px 0 25px 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: 10px 20px;
border-radius: 0px;
cursor: pointer;   
}

input[type="submit"] {
background: #FFC700;
color: #000;
}

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

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

.botoneraform {
 margin: 20px 0 25px 0;
}


#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.formulariocontacto {
width: 50%;
overflow: hidden;
margin: auto;
padding: 0;
box-sizing: border-box;
}

section.formulariocontacto p{
font-size:16px !important; margin:0 0 15px 0 !important;}
	
section.formulariocontacto input[type="text"], input[type="email"], textarea {
background: none repeat scroll 0 0 #ECECEE;
border: 1px solid #C0C0C0;
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:1px solid #C95680;
border-radius: 0;
color: #000000;
display: block;
line-height: 16px;
padding: 10px;
margin: -4px 0 20px 0;
width: 40%;
box-sizing: border-box;
}


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


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

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

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

.fondoverde{
	width:100%;
	margin:0;
	padding:0;
	height:430px;
	box-sizing: border-box;
	background-color: #333333;
}

.fondoverdecontenido{
width: 1200px;
margin:auto;
padding:0;
	
	
}


.fondoverdetexto {
width: 740px;
margin: auto auto 30px;
padding: 40px 0;
float: left;
}

.fondoverdetexto a {
color: #CCCCCC;	
}


.fondoverdetexto p {
color: #CCCCCC;	
text-align:left;
font-family:'Quattrocento';
font-size: 20px;
line-height:120%;
padding:0;
margin:15px 0 0 0;
}


.fondoverdeimagen {
float: right;
margin: -30px 0 0 0;	
}


.fondoverde1{
	width:100%;
	margin:0;
	padding:0;
	height:200px;
	box-sizing: border-box;
	background-color: #f2f2f2;
}


.librosimagen {
float: left;
 margin: 0 10px 0 0;
 display: block;
min-height: 500px;
overflow: hidden;
}

.librostexto {
float: right;
display: block;
width: 47%;
}

.librostexto p{
font-family:'Quattrocento';
font-size: 15px;
line-height:120%;
text-align:justify;

}

.videos {
//width: 50%;
width: 560px;
float: left;
overflow: hidden;
margin: 0 11px ;
min-height: 450px;

}

.videos p {
font-family: 'quattrocento';
color: #000000;
font-weight:300;
font-size: 18px;
text-align:left;
margin:15px 0 0 20px;

}


.galeria {
width: 30%;
float: left;
overflow: hidden;
margin: 0 17px 20px 17px;
min-height: 310px;

}

.galeriaimagenes {
margin:0 0 50px 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:30%;
margin:2px;
}
.fondoverde .fondoverdecontenido .fondoverdetexto a {
	font-weight: normal;
	color:#666;
}