@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300,900);
@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700,300);

html, html a {-webkit-font-smoothing: antialiased !important;}
body{font-size: 12px;color:#000;line-height: 22px;font-family: 'Lato',sans-serif;font-weight: 400;background: #e5e7e8}
#layout{position: relative}
#header{height: 102px;background: #0f2444;width: 100%;z-index: 1}
.col-full{max-width: 1160px;margin: 0 auto;position: relative;width: 90%;padding: 0 10px}
.contacto-col-full{position: absolute;left: 0;right: 0;top: 0}
.title-seccion{font-size: 2.16em;color: #50515d;text-transform: uppercase;letter-spacing: 1px;text-align: center;margin-bottom: 35px;line-height: initial}
.title-seccion .resaltado{color: #f68a24}
#logo{width: 315px;margin-top: 15px}
#attraction{width: 100%;font-family: 'Quattrocento Sans';position: relative;min-height: 666px}
#attraction .img-attraction{width: 100%;min-width: 1400px;position: relative}
#attraction .cont-img{overflow: hidden}
#attraction .content-attraction{width: 645px;height: 474px;background-color: #fff;position: relative;margin-bottom: 60px}
#attraction .info .title-in{color: #f68a23;font-size: 45px;display: block;text-transform: uppercase;line-height: 70px}
#attraction .info .title{font-size: 26px;  float: left;}
#attraction .conoce-mas{color:#fff;font-size: 1.25em;z-index: 1;position: absolute;font-weight: 300;margin: 0 auto;left: 0;right: 0;text-align: center;bottom: 100px}
#attraction .conoce-mas .flechas{transform: rotate(90deg);-webkit-transform: rotate(90deg);cursor: pointer;display: inline-block;font-family: 'Quicksand',sans-serif;font-size: 36px;letter-spacing: -14px;position: absolute;left: 0;right: 0;top: 28px;width: 34px;margin: 0 auto}
.shadow-box{background: url(landings/shadow-box.png) no-repeat left bottom;display: block;width: 645px;height: 57px;position: absolute;bottom: -56px;left: 0}
.col-2{width: 50%;overflow: hidden;height: 100%;float: left}
.content-attraction h1{text-align: center;margin-bottom: 40px}
.content-attraction h1 span{margin-bottom: 10px}
.content-attraction .title{display: block;font-size: 25px;color:#271801;}
.content-attraction .title-in{color:#fd890f;font-size: 31px;text-transform: uppercase;display: block;margin-bottom: 10px}
.content-attraction a{color:#000;position: absolute;bottom: 10px;left: 15px;font-size: 12px}
.content-attraction a:hover{text-decoration: none}
.info{padding: 33px 0 0 0;color:#fff;font-size: 15px;line-height: 22px;z-index: 1;position: absolute;text-align: center;width: 31%;font-family: 'Lato',sans-serif;font-weight: 400;right: 43%;}
.info a{font-family: 'Lato',sans-serif;font-weight: 400;font-size: 15px;color: #fff;float: left;}
.info ul{list-style: none;margin-left: 0}
.info ul li{margin-bottom: 20px;text-align: left;}
.content-center{margin-bottom: 36px;padding:46px 12% 0}
.grid3{width: 25%;padding-right: 12.5%;float: left;text-align: center;position: relative;height: auto}
.grid3 .title-bloque{margin-bottom: 30px;height: 34px}
.grid3 img{margin-bottom: 15px;width: 100%}
.last{padding-right: 0;margin-right: 0}
.title-bloque{font-family: 'Lato',sans-serif;font-size: 17px;color:#50515d;font-weight: 700;display: block;text-transform: uppercase}
.shadow-vertical{background: url(landings/shadow-vertical.png) no-repeat;display: block;width: 34px;height: 343px;position: absolute;right: 17px;top:-10px}
.shadow-grid3{width: 293px;height: 14px;background: url(landings/shadow-grid3.png) no-repeat;display: block;margin-bottom: 20px;position: relative;left: -30px}
.parrafo,.parrafo a{text-align: left;font-size: 1.25em;text-align: center;color: #50515d}
.title-full{color:#fff;font-size: 2.16em;text-transform: uppercase;text-align: center;font-weight: 700}
.cont-titulo{background-color: #0f2444;padding:  40px 0;width: 100%}
#map-canvas{width: 100%;height: 600px;}
#streetview{position: relative;margin-bottom: 36px}
#streetview .title-full{margin-bottom: 0}
.sucursales .grid3{width: 100%;padding: 0}
.sucursales .shadow-vertical{top:80px}
.sucursales .sucursal .parrafo{font-weight: 300}
.sucursales .parrafo.a{margin-bottom: 35px;font-weight: 700}
.content-center.sucursales{padding: 0 19%;}
.title-small{font-size: 1.4em;font-weight: bold;display: block;margin-bottom: 10px;text-align: left;color: #fff;text-transform: uppercase;background:#0f2444;padding-left: 45px;position: relative;line-height: 34px}
.get_center{cursor: pointer;}
.sucursal{height: 215px}
.sucursal .letra{background: #f68b25;width: 34px;height: 34px;text-align: center;line-height: 34px;display: inline-block;position: absolute;left: 0}
.sucursal_mobile .letra{background: #f68b25;width: 34px;height: 34px;text-align: center;line-height: 34px;display: inline-block;position: absolute;left: 0}


#footer{background: #0f2444;height: 64px;text-align: center;font-size: 1.25em;font-weight: bold}
#footer #copyright{line-height: 64px;color: #fff;font-weight: 400}
#footer #copyright a{margin-left: 20px;color:#f68b25;font-weight: 400}
#sb-body-inner{background-color: #fff}

#contactDiv{position: absolute;top: -102px;right: 0;background: #f9f9f9;max-width: 366px;width: 32%;border-radius: 0 0 5px 5px;padding: 20px 3%;font-family: 'Quattrocento Sans';z-index: 999;-moz-box-shadow: 0px 0px 15px #212121;-webkit-box-shadow: 0px 0px 15px #212121; box-shadow: 0px 0px 15px #212121;overflow: hidden;  min-width: 320px;}
#contactDiv .title{font-size: 3em;color:#f68a23;text-transform: uppercase;margin-bottom: 7px}
#contactDiv .destacado,#contactDiv .title-facturar{font-size: 1.5em;display: block;color:#7d7d7d;text-transform: uppercase;text-align: left;margin-bottom: 8px}
#contactDiv .title-facturar{display: none;position: absolute;right: -300px;top: 52px}
#contactDiv label{display: block;color:#545454;font-size: 1.5em;margin-bottom: 5px;height: 22px;overflow: hidden}
#contactDiv label .requerido{color: #df0000}
#contactDiv div.input{margin-bottom: 20px}
#contactDiv div.input input,#contactDiv div.textarea textarea{width: 90%;padding: 0 5%;-webkit-appearance: none;background: #ebebeb;border: 1px solid #dedede;height: 16px;-moz-box-shadow: inset 1px 3px 7px #d9d9d9;-webkit-box-shadow: inset 1px 3px 7px #d9d9d9;font-size: 1.5em;border-radius: 3px}
#contactDiv div.textarea textarea{height: 143px}
#contactDiv div.input.text input{height: 48px;-webkit-appearance: none;}
#contactDiv div.input.text input:focus{background: #f6f4f4;}
#contactDiv .introduce-datos{color: #545454;font-size: 1.25em;display: block;font-weight: 700;height: 17px;}
#contactDiv .campos-requeridos{color: #df0000;font-size: 0.9em;font-style: italic;font-weight: 700;display: block;margin-bottom: 12px}

#contactDiv div.select{margin-bottom: 38px}
#contactDiv select{-webkit-appearance: none;background:url(landings/trans.png) repeat;border:none;height:50px;font-size:1.5em;padding-top:5px;padding-bottom:5px;width:130%;padding-left: 4%}
#contactDiv .select .left{background:url(landings/select-left.png) left center no-repeat;overflow:hidden;width:100%;display:block;height:50px;background-size: 7px 50px}
#contactDiv .select .right{background:url(landings/select-right.png) right center no-repeat;display:block;padding-right:50px; height: 50px;background-size: 50px}
#contactDiv .select .content{background:url(landings/select-center.png) left center repeat-x;display:block;height:50px;margin-left:3px;background-size: 1px 50px}

#contactDiv div.checkbox{height: auto;position: relative;clear: both;float: left}
#contactDiv div.checkbox input{width: auto;border:0;padding: 0;-moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none;}
#contactDiv div.checkbox label{display: inline;overflow: visible;padding-left: 33px;/* background: url("landings/check-off.png") no-repeat scroll 0 0 / 21px auto rgba(0, 0, 0, 0); */font-size: 1.25em;line-height: 22px;display: block;font-weight: 300;
background-image: url(landings/check-off.png);
background-position-x: 0px;
background-position-y: 0px;
background-size: 21px;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: rgba(0, 0, 0, 0);
background-attachment: scroll;

}
#contactDiv .input.checkbox input[type="checkbox"] {left: 0;opacity: 0;position: absolute;z-index: -1}
#contactDiv .privacity{color:#87d018;font-size: 1.25em;margin-bottom: 20px;display: block;padding-left: 33px;clear: both}
#contactDiv .ContactoName{display: none}
#contactDiv div.button{text-align: center;clear: left;margin-bottom: 0}
#contactDiv div.checkbox label.checkboxon {background-image: url(landings/check-on.png);
}
#contactDiv .btn1{margin: 0 auto;padding: 0 25px;width: 100%;}

#attraction-2{height: 315px;background: url(style/bg-attraction-2.jpg) no-repeat;background-size: cover;background-position: center;text-align: center}

.bloque_contac .info-contacto{width: 100%}
.bloque_contac .info-factura{display: none;height: 380px;position: relative;right: -170px}

.facturar{max-width: 766px !important;width:66%}
.facturar .info-contacto,.facturar .info-factura{width: 48%;float: left;display: block}
.facturar .info-contacto{margin-right: 4%}
.facturar .info-factura{right: 0px}
.facturar .title-facturar{right: 26px !important;display: inline-block !important}
.facturar .destacado{text-align: left !important;display: inline-block !important}

.error-message{color: #df0000;font-family: "lato",sans-serif;font-size: 0.9em;font-weight: 700;}
#contactDiv div.error input,#contactDiv div.error textarea{border-color: #FF5151}
.btn1{border: 0;margin: 0;height: 65px;position: relative;font-weight: 400;padding: 0;cursor: pointer;background: #7ab71c;color: #fff;font-size: 2em;text-align: center;display: block;line-height: 65px;text-decoration: none;border-radius: 5px;box-shadow: -1px 1px 2px 1px #bfbfbf;-webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s}
.btn1 .left{background: url(landings/btn1-left.png) no-repeat;position: absolute;left: -4px;top: 0;width: 4px;height: 65px}
.btn1 .right{background: url(landings/btn1-right.png) no-repeat;position: absolute;right: -4px;top: 0;width: 4px;height: 65px}
.btn1 em{font-size: 12px;text-transform: none;font-style: normal;display: block}
.btn1:hover{background: #87d018}
.loading{background: url(landings/loader.gif) no-repeat center center #000000;height: 100%;left: 0;position: absolute;top: 0;width: 100%;opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:60;display: none}
select option{background:url(landings/trans.png) repeat}
#attraction-2 .title-seccion{color: #fff;padding-top: 76px;width: 43%;margin: 0 auto;line-height: 43px;min-width: 500px;}
#attraction-2 .btn1{padding: 0 25px;margin: 0 auto;box-shadow: none;-webkit-transition:all 0.3s ease 0s;transition: all 0.3s ease 0s;margin-top: 15px;display: inline-block}
.grid-sucursales {float: left; position: relative;width: 18.8%;padding-right: 1.5%;}
.grid-sucursales.last{padding: 0;}
.grid-sucursales .shadow-vertical{right: 0;}
.grid-sucursales .shadow-grid3{left: 0;}
.hidden{display: none;visibility: hidden}
div.carrusel-beneficios{display: none!important}