@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@font-face {
	font-family: 'icomoon';
	src:url('../../fonts/icomoon.eot?kdfmte');
	src:url('../../fonts/icomoon.eot?#iefixkdfmte') format('embedded-opentype'),
		url('../../fonts/icomoon.woff?kdfmte') format('woff'),
		url('../../fonts/icomoon.ttf?kdfmte') format('truetype'),
		url('../../fonts/icomoon.svg?kdfmte#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.social a{text-decoration: none !important;}
.icono-face{color: #3b5998;font-size: 8px;margin-left: 10px;position: relative;top: 10px;text-decoration: none !important;}
.icono-face:before {
	font-family: icomoon;
	content: "\e600";
	font-size: 4em;
	
}
.icono-twitt{color: #55acee;font-size: 8px;margin-left: 10px;position: relative;top: 10px;text-decoration: none !important;}
.icono-twitt:before {
	font-family: icomoon;
	content: "\e602";
	font-size: 4em;
}
.icono-youtube{color: #fff;}
.icono-youtube:before {
	font-family: icomoon;
	content: "\e604";
	font-size: 3em;
}

body{font-family:'Open Sans',sans-serif; font-weight: 300;}
.coll-full{width: 940px;padding: 0 10px;position: relative;margin: 0 auto}
header{padding: 10px 0}
#logo{float: left;margin-right: 10px}
#logo2{float: right;position: relative;top: 10px;}
.tagline{color:#bababa;font-weight: 600;font-style: italic;float: left;margin-top: 45px}
#submenu{float: right;list-style: none;margin: 0;margin-top: 20px;margin-bottom: 10px;position: absolute;left: 36.5%;}
#submenu li{display: block;float: left;margin-left: 35px}
#submenu li a{font-family: 'PT Sans',sans-serif;font-size: 12px;font-weight: 600;color:#007cc2;text-decoration: none}
#submenu li a:hover,#submenu li.selected a{text-decoration: underline}
#buscador{float: right;clear: right;position: absolute;bottom: 0;left: 40%;}
#buscador .input{float: left}
#buscador input{width: 130px;height: 20px;padding: 5px 10px;border: 0;background-color: #fff;moz-box-shadow: 0px 0px 5px #c3c3c3 inset;-webkit-box-shadow:  0px 0px 5px #c3c3c3 inset; box-shadow:  0px 0px 5px #c3c3c3 inset;}
#buscador .btn{background:url(style/lupa-button.png) no-repeat 66px 5px #bababa;border: 0;color: #fff;font-family: 'PT Sans',sans-serif;font-size: 12px;font-weight: 600;text-transform: uppercase;line-height: 30px;display: block;padding: 0 25px 0 15px;float: left;cursor: pointer;margin-top: 0;}
#buscador .btn:hover{color:#808080}
nav{height: 36px;background-color: #007cc2}
#menu{margin-left: 0}
#menu li{display: block;float: left;}
#menu li a{color:#fff;font-family: 'PT Sans',sans-serif;font-size: 13px;text-transform: uppercase;font-weight: 600;text-decoration: none;line-height: 36px;padding: 0 22px}
#menu li:hover,#menu li.selected{background-color: #fff;}
#menu li:hover a,#menu li.selected a{color:#007cc2}

#attraction{position: relative;overflow: hidden;height: 475px;width: 100%}
#attraction .slides{height: 450px;width: 10000px}
#attraction .slides li{display: block !important;position: relative !important;float: left;left: 0 !important}
#attraction .mask-left,#attraction .mask-right{background: url(style/mask-attraction.png);width: 100%;height: 475px;left: -100%;position: absolute;top: -475px}
#attraction .mask-right{left: auto;right: -100%;}
#attraction .info{background: url(style/bg-transparent.png);padding: 20px 60px;width: 340px;position: absolute;;bottom: 80px;text-align: center;}
#attraction .info .title{font-size: 35px;color:#007cc2;}
#attraction .info .texto{font-size: 14px;color:#424242;line-height: 22px;margin-bottom: 15px}
#attraction .btn1{position: absolute;left: 103px;bottom: 94px}
.film_roll_wrapper{display: block; text-align: center; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden; width: 100%} 
.film_roll_shuttle {text-align: left; float: none; position: absolute; top: 0; left:0; right: auto; bottom: auto; margin: 0 !important; padding: 0 !important; z-index: auto} 

#attraction .prev,#attraction .next{background: url(style/attraction-prev.png) no-repeat;width: 56px;height: 62px;text-indent: -9999px;position: absolute;z-index: 10;top: -150px;left: 10px;cursor: pointer}
#attraction .next{left: auto;right: 10px;background-image: url(style/attraction-next.png)}

.center{text-align: center}
.title{font-size: 30px;color:#4e4e4e;font-weight: 300;text-transform: uppercase;margin-bottom: 5px}
.parrafo{color:#4f4f4f;font-size: 14px;line-height: 20px;margin-bottom: 40px}

/*BOTONES*/
.btn1,.btn2{background-color: #007cc2;font-size: 20px;color:#fff;text-transform: uppercase;text-decoration: none;display: inline-block;padding: 10px 20px;cursor: pointer;text-align: center}
.btn1 em,.btn2 em{display: block;font-style: 300;text-transform: none;font-size: 12px}
.btn1:hover{background-color: #008ad8}
.btn2{background-color: #ed2c22}
.btn3{background-color: #ed2c22;font-size: 15px;text-transform: uppercase;font-weight: 600;color:#fff;text-decoration: none;display: inline-block;height: 40px;line-height: 40px;padding: 0 15px}
.btn3:hover,.hover .btn3,.btn2:hover{background-color: #ff0d00 !important}
.disabled{background-color: #aaaaaa}
.hover{cursor: pointer}

.gradient{background: url(style/degradado.png) repeat-x bottom left #fff;}
#destacados{padding: 80px 0;min-height: 445px;}
#destacados #carousel .item{text-align: center;margin-right: 20px;float: left}
#destacados #carousel .item img{margin-bottom: 20px;moz-box-shadow: 0px 0px 5px #c3c3c3;-webkit-box-shadow:  0px 0px 5px #c3c3c3; box-shadow:  0px 0px 5px #c3c3c3;}
#destacados #carousel .item .parrafo,#listado-productos .grid3 .parrafo{color:#373737;font-size: 12px;font-weight: 600;font-family: 'Arial',sans-serif;margin-bottom: 20px}
#destacados #carousel .owl-controls .owl-prev,#destacados #carousel .owl-controls .owl-next{background: url(style/prev.png) no-repeat;width: 69px;height: 62px;display: block;position: absolute;left: -75px;top: 85px}
#destacados #carousel .owl-controls .owl-next{background-image: url(style/next.png);left: auto;right: -68px}
#destacados #carousel{max-height: 400px;}
#destacados #carousel .bloque_link.hover img{-moz-box-shadow: 0px 0px 5px #707070;-webkit-box-shadow:  0px 0px 5px #707070; box-shadow:  0px 0px 5px #707070;}
#destacados .btn2.av_pag{background: url(style/narrow.png) no-repeat 95% 20px #ed2c22;padding: 10px 30px;position: absolute;top: -140px;right: 70px}
.owl-carousel .owl-wrapper-outer{padding: 5px;width: 99% !important}

.title-item{height:45px;overflow:hidden;color:#ed2c22;font-size: 18px;font-weight: 600;text-align: center;border-bottom: 1px solid #e8e8e8;padding-bottom: 7px}

#map-canvas{width: 100%;height: 570px;}
#streetview{overflow: hidden;position: relative;width: 100%;-webkit-transition: all 1s; transition: all 1s;height: 570px;}
.ocultar-streetview{height: 0 !important}
#streetview .bloque-info{background-color: #fff;padding: 80px 120px;width: 220px;height: 440px;top: 0;right: 0;z-index: 1;text-align: center;position: absolute}
#streetview .bloque-info .title{font-size: 40px;margin-bottom: 5px}
#streetview .bloque-info img{margin-bottom: 15px}
#streetview .bloque-info .parrafo{text-align: justify;font-size: 12px;color:#2f2f2f;line-height: 18px;margin-bottom: 10px}
.informative-sucursales #av-sucursales{background: #ffffff;padding: 10px 12px;color: #007cc2;font-size: 14px;font-weight: 600;letter-spacing: 1px;position: absolute;top: -64px;left: 395px;border-radius: 4px 4px 0 0;cursor: pointer}

#servicios{padding: 70px 0 80px;background-color: #ededed;}
#servicios .title{font-weight: 600}
#servicios .grid3{background-color: #fff;text-align: center}
#servicios .grid3 img{margin-bottom: 20px}
#servicios .grid3 .title{color:#ed2c22;font-size: 22px;font-weight: 300;margin-bottom: 5px}
#servicios .grid3 .parrafo{font-size: 12px;color:#373737;text-align: left;padding: 0 10px;line-height: 18px;margin-bottom: 20px}
#servicios .grid3 .btn3{position: absolute;left: 20%;bottom: 15px}
.pattern{background: url(style/pattern.png);}
.section-shadow{position: relative;z-index: 1;moz-box-shadow: 0px 0px 5px #888;-webkit-box-shadow:  0px 0px 5px #888; box-shadow:  0px 0px 5px #c3c3c3}

.grid3{width: 205px;padding: 7px;height: 400px;margin-right: 20px;float: left;position: relative}
.last{margin-right: 0 !important}
.shadow{background: url(style/shadow.png) repeat-x;height: 20px;width: 100%;position: absolute;display: block;top: 0;left: 0;z-index: 1}

footer{position: relative;z-index: 2;background-color: #fff}
footer .title{color:#ed2c22;margin-bottom: 40px}
#menu-ft{list-style: none;margin-left: 0}
#menu-ft li,footer #list li,footer #list2 li{margin-bottom: 10px}
#menu-ft a,footer #list li a,footer #list2 a{color:#373737;font-size: 12px;text-decoration: none}
#menu-ft a:hover,#menu-ft .selected a,footer #list li a:hover,footer #list2 a:hover{font-weight: 600}
footer .bloque{padding: 70px 0 50px;float: left}
footer .bloque-a{width: 235px;}
footer .bloque-b{width: 297px;padding-left: 90px;padding-right: 90px;position: relative}
footer .bloque-b .bg-left,footer .bloque-b .bg-right{background: url(style/bg-footer.png) repeat-y;width: 5px;height: 105%;display: block;position: absolute;left: 0;top: 0}
footer .bloque-b .bg-right{left: auto;right: 0}
footer .bloque-c{width: 228px;text-align: right;}
footer #list,footer #list2{list-style: none;margin-left: 0;width: 45%;margin-right: 5%;float: left}
footer #list2{width: 50%;margin-right: 0}
footer .info-contacto .text{font-size: 12px;color:#373737;display: block;margin-bottom: 15px}
footer #copyright{margin-top: 70px;font-size: 12px;color:#373737}
footer #copyright .text,footer #copyright a{font-size: 12px;color:#373737;display: block;margin-bottom: 15px}
footer #copyright a{display: inline;text-decoration: none;}
footer #copyright a:hover{text-decoration: underline}
footer #list li a:hover,footer #list2 li a:hover{font-weight: 300;text-decoration: underline}
#sb-body-inner{background-color: #fff}
#new{margin: 30px 0 70px}
#new img{float: left;margin: 0 20px 20px 0}
#new .info{text-align: justify}

.gm-style-iw{width: 300px !important;height: auto !important;padding: 10px}