body {
    position: relative;
    margin: 0 auto;
    background-color:#faeede;
  overflow-x:hidden
}

.logoAltayaH {float:left;margin-top:20px;margin-right:230px
}

header {position:fixed;z-index:9999;text-align:center;width:100%;height:141px;
          
            background: url(../img/fondoHeader.png) no-repeat;
            background-position: center top;
    
}

#centrar {text-align:center
}

#centrarConfirmacion {text-align:center;background-image:url(../img/bgHomeConfirmacion.jpg);width:90%;max-width:1000px;margin:0 auto
}

.formuConfirmacion {width:90%;max-width:1000px
}

.ofertaConfirmacion {width:90%;margin-top:110px;max-width:1000px
}

.clicktocall {margin-left:4px;margin-bottom:4px;margin-right:4px
}

.anchoRe {width:100%
}


.ofertaDeLanzamiento {/*border:dashed thin red;*/
position:absolute;
right:20%;
right:35%;
width:60%;
max-width:800px;
top:130px;
}

.btnSuscribeteNav,#contenidoMobil {display:none
}

.confirmacionImg {
position:absolute;
right:0;
left:0;
margin:0 auto;
width:60%;
max-width:800px;
top:130px;
}


#contentSlider {position:absolute;top:45%;width:70%;height:49%;
}

.active {
    background: rgba(0, 0, 0, 0) url("../img/redonda.png") no-repeat scroll center center;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.active img {
    transform:scale(1.8);
    -ms-transform:scale(1.8);
    -webkit-transform:scale(1.8);
    -o-transform:scale(1.8);
    -webkit-transition: transform 1s;
    transition: transform 1s;
}

.centrarL {width:100%; max-width:1400px; margin-top:-4px
}

.content {z-index:3
}

.headLeft {
           position:fixed;
           top:0px;
           width:65%;
           height:141px;
           text-align:center
        
}

.charPetit {width:120px
}

 

  .botoVideo {
     
       position:absolute;
        top:15%;
       right:30px;
   cursor:pointer
      
    }

    .contentVideo {
        background-color: #31392a;
       position:absolute;
        top:15%;
       right:0;
       left:0;
       margin:0 auto;
       height:380px;
       width:670px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
        z-index:9;
        display:none;
    }

#video {margin-left:-40px
}

.headRight {
            position:absolute;
            top:0px;
            right:0px;
            width:35%;
             z-index:9999999999999999999999999
}

.cerrarVideo {float:right;margin-right:3px;margin-top:3px
}

.formu {float:left
}

#btnSuscribeteNav {position:fixed;
            top:85px;
            left:65%;
            height:30px;
            width:190px;
            display:none
           
}

.btnSuscribeteNav,.suscribeteBtn2 {width:100%;height:100%
}

#ofertas-popup{
  position: absolute;
  max-width: 500px;
  left: 0;
  right:0;
    margin: 0 auto;
  bottom: 0px;
  background: #ece7e7;
  border-radius: 4px;
  box-shadow: 0.5px 0.866px 5px 0px rgba(9, 11, 11, 0.75);
  display: none;
}

#ofertas-popup p{
  font-size: 12px;
  font-family: "Open Sans";
  color: rgb(7, 10, 14);
  font-weight: normal;
  line-height: 14px;
  text-align: left;
  display: block;
  margin: 0 auto;
}

#ofertas-popup .popup-dismiss{

  text-decoration: none;
  text-indent: -1000px;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 8px;
  top: 10px;
  width: 11px;
  height: 11px;
}


#ofertas-popup .popup-interno{
  padding: 3.8%;
  position: relative;
}

.closePopUp {position:absolute;top:5px;right:10px;cursor:pointer
}

#btnVerDetalles {height:6%;background-color:transparent;position:absolute;bottom:10%;right:0;left:0;margin:0 auto;
                                 width:20%;max-width:358px;cursor:pointer;z-index:2;height:40px
                              }

    #btnVerDetalles:hover{background-color:#3f4930;opacity:0.5
    }

#contentAmpliacionDetalles {background-color:white;position:absolute;bottom:16.5%;right:0;left:0;margin:0 auto;
                        

}

.btnSuscribeteOferta {margin-bottom:14%;z-index:9
}

.centrarHeadLeft {position:absolute;right:200px;
  
}

.logoChars {/*position:absolute;
            top:15px;         
           right:25%;*/ 
            padding-top:5px;
            margin:0 auto;
     z-index:9999999;     
}

nav {/*position:fixed;*/
     /*top:75px;
    right:34%;
     
     width:55%;*/
 
     margin:0 auto;
     z-index:9999999;
    
}

.suscribeteBtnF {width:107px;height:13px;background-image:url(../img/suscribeteBtnF.png);display:none
}

.suscribeteBtnF:hover {background-position: 0 -15px !important;
}

.suscribeteBtnFBlanc {background-position: 0 -15px !important;
}



li{text-decoration:none;list-style:none;display:inline-block; margin-right:1em}


.logosR {margin-left:999999999999999999999999999px
}


.homeBtn,.losCarrosBtn,.giroBtn,.ofertaBtn,.fasciculosBtn{
    cursor:pointer;
  
}
.homeBtn:hover,.BotoCerrarVideo:hover,.closeTiger:hover,.closeSherman:hover,.cerrarVideo:hover,  .botoVideo:hover ,.botoTiger:hover,.botoSherman:hover,.losCarrosBtn:hover,.giroBtn:hover,.ofertaBtn:hover,.fasciculosBtn:hover,#btnSuscribeteNav:hover,#contentSuscribeteBtn:hover,#contentSuscribeteBtnCentroPasapaginas:hover {opacity:0.4
}

#contentSuscribeteBtnCentro {z-index:9;
}

#content1_losCarros,#content2_giro,#content3_oferta,#content4_fasciculos {margin: 0 auto;position:relative;
}

#content1_losCarros {background:#ab9c7b
}

#content3_oferta {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c0c39d+0,202b1d+100 */
background: #c0c39d; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c39d 0%, #584638 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c0c39d 0%,#584638 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c0c39d 0%,#584638100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c39d', endColorstr='#584638',GradientType=0 ); /* IE6-9 */

}

@font-face {font-family: 'Holtwood One SC', serif; 
              src: url(HoltwoodOneSC.ttf) format('truetype');
}

.textosOferta {font-family: Holtwood One SC; color:white; font-size:1.1em; background-color:#5e4d3d;height:47px;margin-top:0px;padding-top:4px
}
#content4_fasciculos {background-color:#e6e0c9
}

#contentSuscribeteBtn {position:absolute;bottom:15px;right:10%;width:30%;max-width:358px
}

#contentSuscribeteBtnCentro {position:absolute;bottom:15px;right:0;left:0;margin:0 auto;
                                 width:30%;max-width:358px
}

#contentSuscribeteBtnCentroPasapaginas { width:30%;max-width:358px;margin:0 auto
}

.subir {bottom:30px!important
}

#finestraGirTiger,#finestraGirSherman {width:800px; height:509px; margin:0 auto;border-radius:11px;background-color:white;box-shadow: 0.5px 0.866px 5px 0px rgba(9, 11, 11, 0.75);
}

iframe {border-radius:11px;margin-top:20px;margin-left:70px
}

.closeTiger,.closeSherman {float:right;margin-top:20px;margin-right:40px;cursor:pointer
}

.homeBtnClick,.losCarrosBtnClick,.giroBtnClick,.ofertBtnClick,.fasciculosBtnClick,.suscribeteBtnClick,.suscribeteBtn {display:none
}

.finestraGirFora {position:absolute;left:99999999999999999999999999999px
}

#contentFinestra {width:100%;
                      background: url(../img/content2.jpg) no-repeat;
                      background-position: center top;
                      height:473px;
                      background-size: contain;
                    
}

.botoTiger {position:absolute;top:360px;left:180px;cursor:pointer
}

.botoSherman {position:absolute;top:210px;right:265px;cursor:pointer
}


#content4_fasciculos {width:100%;
                      background: url(../img/content4_llis.jpg) no-repeat;
                      background-position: center top;
                    
}

#pasapaginasP {display:none
}




 .logoPasa {font-family:Verdana, Geneva, Tahoma, sans-serif;
            font-size:0.8em;
           padding-top:20px
        }

#logosD {width:40%;margin-left:30%;margin-top:10px;height:60px
}



@media screen and (max-width: 1500px) and (min-width: 889px) {



    #pasapaginasG {
    }
    /*body {
       background-color: red;
    }*/

    /*#logosD {width:40%;border:dashed thin transparent;margin-left:25%;margin-top:10px
}*/

    .logoAltayaH {
        float: left;
        margin-top: 20px;
        margin-left: 110px;
        margin-right: 0px;
    }

    #logosD {
        width: 50%;
        margin-left: 25%;
        margin-top: 10px;
        height: 60px;
    }

    .centrarHeadLeft {
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    #contentFinestra {
        width: 100%;
        background: url(../img/content2R.jpg) center center cover no-repeat !important;
        height: 473px;
    }


    .botoTiger {
        position: absolute;
        top: 380px;
        left: 180px;
        cursor: pointer;
    }

    .botoSherman {
        position: absolute;
        top: 360px;
        right: 50px;
        cursor: pointer;
    }

    .suscribeteBtnF {
        width: 107px;
        height: 13px;
        background-image: url(../img/suscribeteBtnF.png);
        display: none;
        position: absolute;
        top: 98px;
    }


    .btnSuscribeteOferta {
        margin-bottom: 13%;
   
    }

    .suscribeteBtn2 {
        width: 80%;
        height: auto;
    }
}

@media screen and (max-width: 890px) {
      #pasapaginasG {display:none
    }
    body {
        /*background-color: lightgreen;*/
    }

    .logoAltayaH {float:left;margin-top:20px;margin-left:35px;margin-right:0px
}
    
  #logosD {width:60%;margin-left:20%;margin-top:10px;height:60px
}


 li { display:inline-block;margin-right:4px }
.centrarHeadLeft {position:absolute;right:0;left:0;margin:0 auto
   
}

    .headLeftSus {width:80%
    }
    navSus {border:dashed thin;text-align:left!important;
    }

 #contentFinestra {width:100%;
                      background: url(../img/content2R.jpg) center center cover no-repeat !important;
                    
                      height:473px;
                 
}

  .botoSherman {position:absolute;top:300px;right:200px;cursor:pointer
}

  .botoTiger {position:absolute;top:330px;left:180px;cursor:pointer
}

  #pasapaginasP {display:block
}

   .suscribeteBtnF {width:107px;height:13px;background-image:url(../img/suscribeteBtnF.png);display:none;position:absolute;top:98px
}


   .logoPasa {margin-left:0px;font: 9px Verdana,sans-serif;
}
  .btnSuscribeteOferta {
        margin-bottom: 9%;
     
    }

    .suscribeteBtn2 {
        width: 80%;
        height: auto;
    }
}




