/* CSS Document */


@font-face {
    font-family: 'voyager_r';
    src: url('../fonts/voyager_regular-webfont.eot');
    src: url('../fonts/voyager_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/voyager_regular-webfont.woff') format('woff'),
         url('../fonts/voyager_regular-webfont.ttf') format('truetype'),
         url('../fonts/voyager_regular-webfont.svg#voyager_regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'voyager_l';
    src: url('../fonts/voyager_thin-webfont.eot');
    src: url('../fonts/voyager_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/voyager_thin-webfont.woff') format('woff'),
         url('../fonts/voyager_thin-webfont.ttf') format('truetype'),
         url('../fonts/voyager_thin-webfont.svg#voyager_thin-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'voyager_m';
    src: url('../fonts/voyager_medium-webfont.eot');
    src: url('../fonts/voyager_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/voyager_medium-webfont.woff') format('woff'),
         url('../fonts/voyager_medium-webfont.ttf') format('truetype'),
         url('../fonts/voyager_medium-webfont.svg#voyager_medium-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'voyager_t';
    src: url('../fonts/voyager_thin-webfont.eot');
    src: url('../fonts/voyager_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/voyager_thin-webfont.woff') format('woff'),
         url('../fonts/voyager_thin-webfont.ttf') format('truetype'),
         url('../fonts/voyager_thin-webfont.svg#voyager_thin-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'voyager_b';
    src: url('../fonts/voyager_bold-webfont.eot');
    src: url('../fonts/voyager_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/voyager_bold-webfont.woff') format('woff'),
         url('../fonts/voyager_bold-webfont.ttf') format('truetype'),
         url('../fonts/voyager_bold-webfont.svg#voyager_bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
    margin: 0px;
    padding: 0px;
}
body, html{
    height: 100%;
	background-color:#000;
	font-family: 'voyager_r';
	color:#fff;
	font-size:105%;
}
a{
	text-decoration:none;
	color:#fff;
	
	}
li{margin-left: 0px;}


.nav{ visibility: hidden;  position: absolute; z-index: 200; width: 30px; height: 30px; margin: 5px; right: 20px; top: 30px; background: url(../images/nav.png) center no-repeat; background-size: 25px; }



.menuopen{position: fixed; width: 90px; height: 100%; z-index:210; display: none; right: 0px;}

.menuopen_alt{position: fixed; width: 200px; height: 100%; z-index:210; display: none; right: 0px;}

.bg{background-color: #000; opacity: .95; width: 100%; height: 100%; position: absolute; }

.cerrarmenu{color: #fff; position: absolute; z-index: 10;  right: 17px; top: 10px;}





.botones {position: absolute; color: #fff; z-index: 20; width: 300px; font-size: 40px; display: block; text-align: center; margin-top: 60px; left: 50%;  margin-left: -150px; text-transform: uppercase; }

.botones li {list-style: none; margin-left: -10px; margin: 20px 0 ;  }

.botones a{ text-decoration: none; color: #fff;}

.redessociales{  position: fixed;  top: 5px; right: 35px;    z-index: 100; display: block; text-align: center; }

.redessociales img{margin: 5px;}




.fa{margin: 0 15px;}

.footer{position: relative; float: left; width: 90%; padding: 2% 5%; background-color: #000; overflow: hidden; }

.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:800px !important;
    top:0;
    left:0px;
    float: left;
    overflow: hidden;


  
}
.bxslider, .bxslider li{
    height: 100% !important;
    background-color: transparent;
}
.bxslider li{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bx-wrapper .bx-viewport{
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}


/*------GALERIA----------*/

.nav_gal{position: absolute; width: 30%; height: 20px; z-index: 999; font-size: 80%; color: #000; bottom:20px; }

.nav_prev{left: 10px;}
.nav_next{right: 10px; text-align: right;}

.gal_footer{width: 90%; height: 30px; background: #fff;  padding: 15px 5% ; z-index: 10; position: fixed;bottom: 0px;  display: flex; align-items: center; justify-content: center; text-align: center; color: #000; font-size: 140%;}





/*------GALERIA----------*/



.slide1{background-image: url(../images/ambitastages_1.jpg); opacity: .8}

.slide2{background-image:url(../images/ambitastages_2.jpg); opacity: .8}

.slide3{background-image:url(../images/ambitastages_3.jpg); opacity: .8}

.slide4{background-image:url(../images/ambitastages_4.jpg); opacity: .8}

.slide5{background-image:url(../images/ambitastages_5.jpg); opacity: .8}

.slide6{background-image:url(../images/slide_06.jpg);opacity: .8} 

.slide7{background-image:url(../images/slide_07.jpg);opacity: .8}


/*other*/

.topheader{position: fixed; z-index: 100; right: 0px;  width: calc(100% - 200px); height: 45px; background: #000;}
.logo{ position: fixed;z-index: 100; width:200px; left: 0px; height: 45px; background: url(../images/logo.png) center no-repeat; background-size:200px; cursor: pointer;}

.menubartxt{position: fixed; top: 16px; left:250px; z-index: 110; color: #a6a6a6; font-size: .7em; text-transform: uppercase;  }
.menubartxt li{display: inline-block; list-style: none; margin: 0 30px 0 30px; }
.menubartxt a{color:#a6a6a6; text-decoration: none; cursor: pointer;}
.menubartxt a:hover{color:#567}

.shade{width: 100%; height: 100%; background: #000; opacity: 5; position: absolute;}


.banner_tag{width: 100%; height: 100px; top: 420px; margin-top: -30px; font-size: 1.4vw; color:#ffebc0; z-index: 50; position: absolute; display: block; text-align: center; text-transform: uppercase;   font-family: 'voyager_l';  }

.bigquote{z-index: 51; width: 50vw; height: 5vw; background: url(../images/quotes.png) center no-repeat; position: absolute; left:50vw; margin-left:-25vw; background-size: 33vw; top: -1.8vw;   }

.confort_tag{width: 100%; height: 100px; top: 50%; margin-top: -20px; color:#e5e1de; z-index: 50; position: absolute; display: block; text-align: center; font-family: 'voyager_l'; font-size: 2em; }

.confort_tag_b{font-family: 'voyager_b'}

.chispas{position: absolute; width: 763px; height: 308px; left: 50%; margin-left: -381px; top: 50%; margin-top: -174px;}

.flechaabajo{width: 40px; left: 50%; margin-left: -20px; height: 20px; top: 50%; margin-top: 300px;  z-index: 50; position: absolute; display: block; text-align: center; text-shadow: 0 0 15px #000; cursor: pointer;}

.banner_badge{width: 250px; left: 50%; margin-left: -125px; height: 81px; top: 250px;  z-index: 50; position: absolute; background: url(../images/1.png) center no-repeat; background-size: 250px;}




.seccion_origen{position: relative; float: left; width: 100%; height: 550px; background: url(../images/bg_origen.jpg) fixed; background-size: cover;  }

.seccion_caracter{position: relative; float: left; width: 100%; height: 1134px; background: #e5e1de; overflow: hidden; background: url(../images/bg_escencia.jpg) center no-repeat; background-size: cover;}
.car_lampara{ position: absolute; bottom: -5px; left: 200px; z-index: 10}
.car_piedrota{ position: absolute; top:-40px; right: -100px;}
.car_blurpiedra{ position: absolute; top:200px; left: 0px;}
.car_piedrasnegras{ position: absolute; bottom:180px; left: 0px;}
.car_blackblur{ position: absolute; bottom: 300px; right: 40px;}

.seccion_confort{position: relative; float: left; width: 100%; height: 577px; background: url(../images/bg_confort.jpg) fixed; background-size: cover; overflow: hidden;  }

.seccion_galeria{position: relative; float: left; width: 100%; padding-bottom: 60px; display: flex; flex-direction: row; flex-wrap:wrap;  background: #e5e1de;}

.gal_header{width: 100%; height: 100px; padding: 100px 0 0 0; display: block; font-family: 'voyager_l'; text-align: center; font-size: 140%; color: #693c2b;   display: flex; align-items: center; justify-content: center; background: url(../images/bg_galtop.jpg) top right no-repeat; float: left; position: relative; }

.gal_subheader{color:#8c593a; font-size: 100%; height: 50px; margin: 0 0 100px 0;  width: 100%; display: flex; align-items: center; justify-content: center; }


.gal_hor{ position: relative;float: left; width: 32.7%; height: 450px; background: no-repeat center; background-size: cover; }
.gal_hor_alt{ position: relative;float: left; width: 32.7%; height: 450px; margin-top: -90px; background: no-repeat center; background-size: cover;}
.gal_vert{ position: relative;float: left; width: 32.5%; height: 500px; margin:40px 1% 1% 1%; background: no-repeat center; background-size: cover;}
.gal_vert_alt{ position: relative;float: left; width: 32.5%; height: 500px; margin:1px 1% 1% 1%; background: no-repeat center; background-size: cover;}

.gal_tag{width: 100%; height: 80px; color: #fff; top: 50%; margin-top: -30px; font-size: 25px; position: absolute; display: block; text-align: center; text-shadow: 0 0 15px #000; z-index: 20;}
.gal_subtag{font-size: 14px;}

.gal_bot{ width: 100%; height: 100%; position: absolute; background-color: #8b5629; opacity: 0; transition: all 0.5s ease;}

.seccion_footer{position: relative; float: left; width: 100%; height: 370px; background: #bfbcb9;}

.txt_origen{width: 30%; font-size: 100%; color:#ffe7b8; padding-bottom: 30px; position: absolute; left: 50%; margin-left: 150px;  top: 150px; font-family: 'Open Sans', sans-serif;}
.header_origen{font-size: 220%;  font-family: 'voyager_t'; line-height: 40px; }
.header_origen_bold{font-family: 'voyager_b';}

.txt_caracter{ width:30%; font-size: 105%; color: #feebc1; padding-bottom: 30px; position: absolute; left: 140px;   top:180px; z-index: 40; font-family: 'Open Sans', sans-serif;}

.txt_caracter_2{ width: 30%; font-size: 105%; color: #feebc1; padding-bottom: 220px; position: absolute; right: 150px;   bottom:140px; z-index: 40; font-family: 'Open Sans', sans-serif; display: inline-block; text-align: right;}
.txt_cacracter_b{font-family: 'voyager_b';}

.cargarporta{ display: none; width:100%; height:100%; position:fixed; float: left; z-index:1000; background: #000;    }

.galeria_wrap{
  max-width:100%; height: 100%;  overflow: hidden; background-color: #234; position: relative; margin-left: auto; margin-right: auto; display: flex;
}

.cargarporta .bx-slider{ height: 400px;}

.gal_close{ width:25px; height: 25px; background: url(../images/gal_close.png) center no-repeat; position: absolute; top: 9px; right:10px; z-index: 200; background-size: 27px;}




.footer_direccion{width: 33%; padding: 50px; background-color: #6c6666; height: calc(100% - 100px); position: relative; float: right; font-family: 'voyager_l'; font-size: 80%;}
.footer_forma{width:calc(66% - 200px);  padding: 50px; height: calc(100% - 100px); position: relative; float: left;}

.banderas{ width: 25px; padding: 4px 0 0 5px; height: 17px; overflow: hidden; float: right; position: relative; background: #123;}

.footer_m{display: none;}

.caliscolor{color: #e5e1de;}

/* ipad vert y hor */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
.car_blurpiedra{visibility: hidden;}
.txt_caracter{ width: 30%; position: absolute; left: 5%; top:220px;}

.car_lampara{  left: -60px;}

.txt_caracter_2{ width: 50%; position: absolute; left: 40%; bottom:400px; text-align: left;}

.txt_origen{width: 30%; font-size: 100%; color: #fff; padding-bottom: 30px; position: absolute; left: 50%; margin-left: 80px;  top: 150px; font-family: 'Open Sans', sans-serif;}

.footer_forma{display: none;}
.footer_direccion{display: none; }
.seccion_footer{height: 110px; background-color: #6c6666; }
.seccion_origen{background: url(../images/m_bg_origen.jpg) center; background-size: cover;  }
.footer_m{display: block; width: calc(50% - 40px); float: left; position: relative; margin: 20px; }
}



/* iphone */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {

.gal_footer{font-size: 110%;}



.botones img {margin: 10px 0 ;  }

.botones{font-size: 30px;}

.nav, .nav_alt{visibility: visible; position: fixed; top:3px; }
.menubartxt{display: none;}

.redessociales{right: 10px; display: none;}

.logo{ position: fixed;z-index: 100; width:200px; left: 0px; height: 45px; background: url(../images/logo.png) center no-repeat; background-size:200px;}

.txt_origen{width: 90%;   padding-bottom: 30px; position: absolute; left: 0%; margin-left: 5%;  top: 150px;}

.confort_tag{width: 90%; position: absolute; left: 0%; margin-left: 5%; margin-top: -100px; }
.car_blurpiedra{visibility: hidden;}
.car_piedrota{opacity: .9; top:-370px;}


.txt_caracter{ width: 90%; position: absolute; left: 5%; top:220px;}

.car_lampara{  left: -130px;}

.txt_caracter_2{ width: 50%; position: absolute; left: 40%; bottom:170px; text-align: left;}

.gal_hor{ width: 100%; height: 350px; }
.gal_hor_alt{width: 100%; height: 350px; margin-top: 0px; }
.gal_vert{ width: 100%; height: 350px; margin:0%;}
.gal_vert_alt{ width: 100%; height: 350px; margin:0%; }

.gal_header{width: 100%; padding: 100px 5% 0 5%; margin: 0 auto;}

.banner_tag{width: 100vw; height: 10vw; top: 420px; margin-top: -30px; font-size: 3vw; color:#ffebc0; z-index: 50; position: absolute; display: block; text-align: center; text-transform: uppercase;   font-family: 'voyager_l';  }

.bigquote{z-index: 51; width: 70vw; height: 5vw; background: url(../images/quotes.png) center no-repeat; position: absolute; left:50vw; margin-left:-35vw; background-size: 70vw; top: -1.3vw;   }


.seccion_confort{background: url(../images/m_bg_confort.jpg) center; background-size: cover;  }

.seccion_origen{background: url(../images/m_bg_origen.jpg) center; background-size: cover;  }

.nav_gal{position: absolute; width: 30%; height: 20px; z-index: 999; font-size: 60%; color: #000; bottom:15px; }
.footer_forma{display: none;}
.footer_direccion{width:calc(100% - 100px); }
.seccion_footer{height: 230px; }


}