
body{font-size:1rem;color:#2e2a25;}
#content{font-size:1rem;}
h1,h2,h3{font-family: 'Raleway', sans-serif;}
h1{font-weight:700;color:#2e2a25;}
h2{font-weight:700;color:#2e2a25;}
h3{font-weight:700;color:#2e2a25;}

a{color:#2e2a25;cursor:pointer;}
a:hover, a:focus{color:#ffa400;text-decoration:none;}

p{font-size:14px;line-height:1.3rem;}

/************MENU***********/
#header{padding:50px;position:absolute;top:0;left:0;z-index:1000;width:100%;}
#header.ap2{background: #1d454d;}
.menu{padding-top:20px;}
.menu .ico{display:none;}
.logo h1{background:url(../images/logoPolyquanta.png) left top no-repeat;width:150px; height: 145px;text-indent:-9999px;float:left;background-size: cover !important;}
.menu ul{display:table;margin:34px 0 0 0;float:right;}
.menu ul:after{clear:both;content:"";}
.menu li{display:inline;text-transform:uppercase;position:relative;margin:0 15px;}
.menu li{transition: background-color 0.15s ease-in 0s, color 0.15s ease-in 0s;padding:10px 0;}
.menu li a:hover,.menu li.selected a{color:#fff;}
.menu li.selected{border-bottom:2px solid #ffa400;}
.menu li a:hover{color:#ffa400;}
.menu li a{font-size:15px;font-weight:600;color:#fff;text-align:center;display:block;text-decoration:none;cursor:pointer;}
.menu li{float:left;}
.menu .home{-webkit-transition: background 0.2s ease-out,color 0.2s ease-out;
-moz-transition: background 0.2s ease-out,color 0.2s ease-out;
-o-transition: background 0.2s ease-out,color 0.2s ease-out;
-ms-transition: background 0.2s ease-out,color 0.2s ease-out;
transition: background 0.2s ease-out,color 0.2s ease-out;}

.menu li{position:relative;}


/*.bg-menu,.fixed-menu{
    background: none repeat scroll 0 0 #172428;
}*/


/************FOOTER***********/
.footer{padding:0 0 20px 0;margin:0;background:#fff;}
.footer p{font-size:0.8rem;line-height:1.2rem;}
.footer .cgrey{color:#b0b0b0;font-size:12px;font-weight: 300;padding:0 0 20px 0;}
.footer p a:hover{color:#ebbc00;}
.footer .footerSocial{background: #000000;padding:20px 0;}


/************INTERIORES***********/
.boxSlide{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);border:12px solid rgba(255,255,255,0.3);padding:30px 80px 30px 30px;}
.boxSlide h2{font-size:5vw;line-height:1em;color:#fff;text-transform: uppercase;padding-bottom:20px;}
.boxSlide h3{font-size:1.6vw;line-height:1em;color:#ffa400;margin-left:30%;position: relative;padding-left:150px;font-weight:400;}
.boxSlide h3:before{content:"";width:130px;height:2px;background-color: #ffa400;position: absolute;top:50%;left:0px;}
.slideHome .slick-dots{bottom:20px !important;}
.slideHome .slick-dots li button{background:none;border:3px solid rgba(255,255,255,0.3);border-radius:8px;width:16px;height:16px;}
.slideHome .slick-dots li button:before{display: none;}
.slideHome .slick-dots li.slick-active button{background:#fff;}

.title{float:left;text-align:left;position: relative;margin:0 auto;z-index:2;}
.title h2{font-size: 3vw;font-weight:800;padding:40px 15% 40px 40px;}
.title h2:before{position:absolute;top:0;right:0;content:"";width:60%;height:100%;border:12px solid rgba(46,42,37,0.05);z-index:-1;}
.titleLeft h2{padding:40px 0px 40px 40%;}
.titleText p{padding:20px 0px 40px 40%;}
.titleLeft h2:before{left:0;}
#contact .title h2:before{border-color:rgba(255,255,255,0.2);}
#contact{background:url(../images/foto2.jpg) center center no-repeat;background-size: cover;padding:40px 0;}
.extraMarginMobile,.extraMarginMobileLeft{display: table;}
.extraMarginMobile:after,.extraMarginMobileLeft:after{clear:both;}
.corange{color: #ffa400;}

h5{font-size:20px;font-weight: 600;margin-bottom: 20px;width: 100%;position: relative;}
h5:after{content:"";width: 135px;height:2px;background-color: #ffa400;position: absolute;left:40px;top:10px;}

.info{position: absolute;left:0;top:50%;z-index: 10;}
.info span{width:110px;display:inline-block;text-align:left;transform:rotate(-90deg);font-size:13px;font-weight: 600;}

.w800{font-weight: 800;}
.bgOrange{background-color: rgba(255,164,0,0.8);}
.titleText p{font-size: 15px;font-weight: 500;color:#fff;}
.titleText a{color:#fff;}
.titleText a:hover{color:#000;}
.titleText .cblack{color: #000;font-size: 18px;}
#contact .bgOrange{position: absolute;top:0px;left:0;z-index:1;}
#contact .titular{position: absolute;top:40px;left:50%;transform:translateX(-50%);z-index:2;}
#contact .resto{width: 50%;z-index:3;position: absolute;top:0px;left:50%;}
.respuesta{color:#ffa400;padding:0 15px;}
#contactar{padding-top:80px;}
.form-control{font-family: 'Raleway', sans-serif;color:#ffffff !important;border:0;border-bottom:1px solid #fff;font-size:16px;-webkit-box-shadow: 0 0 0;box-shadow:0 0 0;background: none;border-radius:0;opacity: 1;}
.form-control::placeholder{color:#fff;}
.form-control.error::placeholder{color:#ff0000;}
.form-control:focus{-webkit-box-shadow:inset 0 0px 0px rgba(255,164,0,.075),0 0 0px rgba(255,164,0,.6);box-shadow:inset 0 0px 0px rgba(255,164,0,.075),0 0 0px rgba(255,164,0,.6);border-color:#ffa400;}
.form-control.error{color:#ff0000 !important;border-bottom:1px solid #ff0000;}
label.error{border:0 !important;color:#ff0000 !important;}
textarea{width:100%;max-width:100%;min-width:100%;height:120px;min-height:120px;}

.legal{margin-top:15px;}
.legal .prettycheckbox{width: 100%;}
.legal label{font-size:15px;padding-top:3px;float:left !important;width:90%;color: #fff;font-weight:400;}
.legal a{/*color:#ffa400;text-decoration:underline;*/color:#fff;text-decoration:underline;padding-left:5px;font-weight:400;}
.legal a:hover{color:#fff;}
.legal label.error{-webkit-box-shadow:inset 0 0px 0px rgba(255,164,0,.075),0 0 0px rgba(255,164,0,.6);box-shadow:inset 0 0px 0px rgba(255,164,0,.075),0 0 0px rgba(255,164,0,.6);border:0 !important;}

.btnContactar{font-size:15px;color:#fff;border:2px solid #fff;text-transform: uppercase;font-family: 'Raleway', sans-serif;background:none;padding:20px 85px 20px 20px;cursor:pointer;background:url(../images/arrow.png) right center no-repeat;float: right;}
.btnContactar:hover{color:#ffa400;background-color: rgba(255,255,255,0.8);}
.btnContactar.disabled{color:#fff;background:rgba(255,255,255,0.8);padding:20px;cursor: auto;}
.slogan{font-size:16px;}
.list{font-size:14px;margin:20px 0;}
.list li{list-style:none;position: relative;padding-left:12px;margin-bottom:5px;}
.list li:before{content:"\f105"; font-family: "FontAwesome";color:#999;position:absolute;top:0;left:0;}
