@charset "utf-8";
/* CSS Document */

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1279px) {
    .dispositivostodo {
        -webkit-transform: scale(.65);
        -moz-transform: scale(.65);
        -o-transform: scale(.65);
        -ms-transform: scale(.65);
        left: -126px;
    }
    #dispositivos {
        max-width:700px;
    }
    .textspan1 {
        font-weight: bold;
        font-size: 2.8em;
        line-height: .8em;
        margin-bottom: .4em;
        letter-spacing:-1px;
    }
    .textspan2 {
        font-size: 1.5em;
        letter-spacing: -1px;
        line-height: 1.2em;
    }
    #textovideo {
        left:32%;
        font-size:1.1em;
    }
    #textovideo2 {
        left:28%;
        font-size:1.1em;
    }
    #videostextocentro {
        margin: 1em 0;
    }
    .videostextocentro1 {
        max-width: 180px;
    }
    .secciones {
        width:90%;
        max-width:1280px;
    }
    .seccolumnas {
        width:90%;
    }
    .todascolumnas {
        width:90%;
        top:55%;
    }
    .sec2a {
        width:150px;
    }
    .sec2b {
        width:33%
    }
    .sec2bico1texto {
        width:70%;
    }
    .menuproducto, .menuproductohome {
        width: 18%;
    }

}

/* Large Screens */
@media only screen and (min-width : 1280px) {
    .dispositivostodo {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
    }
    #dispositivos {
        max-width:700px;
    }
    #textocentro {
        left:55%;
    }
    .textspan1 {
        font-weight: bold;
        font-size: 4em;
        line-height: .8em;
        margin-bottom: .4em;
    }
    .textspan2 {
        font-size: 2em;
        letter-spacing: -1px;
        line-height: 1.2em;
    }
    #videostextocentro {
        margin: 1.1em 0;
    }
    .videostextocentro1 {
        max-width: 220px;
    }
    #textovideo {
        font-size: 1.3em;
        left: 28%;
    }
    /*Seccion 2*/

    .secciones {
        width:90%;
        max-width:1280px;
    }
    .seccolumnas {
        width:90%;
    }
    .sec2b {
        width:33%
    }
    .sec2bico1texto {
        width:70%;
    }
    .todascolumnas {
        top:55%;
        width:90%;
    }

}

/* Neetbook ----------- */
@media only screen and (min-width : 1350px) {
    .todascolumnas {
        top:60%;
    }
    .sec2a {
        width:180px;
    }
    .sec2b {
        width:33%;
    }
    .sec2bico1texto {
        width:75%;
    }

}

/* Super Large Screens (Mas de 1680) */
@media only screen and (min-width : 1600px) {
    .dispositivostodo {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    #textocentro {
        left: 58%;
    }
    .todascolumnas {
        top:55%;
    }
    .sec2b {
        width:33%;
    }
    .sec2bico1texto {
        width:75%;
    }

}


#todasseccionesMovil, .cambioDispositivosmovil{
	display:none;
	}
	
.cambioDispositivos{
	display:inline-block;
}

#logo
{
	width:140px;
	height:40px;
    display: block;
}

#logo img {
    width:130px;
    height:28px;
}

#nav-icon{
	display:block;
	top:38px;
	right:30px;
}

#menuarriba{
	height:200px;
    display: block;
}

#menucabecera {
    display: inline-block;
}

#polyglotLanguageSwitcher {
    display: inline-block;
}

#botlogin .login{
    display: block;
}

#boton-azul {
    width: 30%;
    padding: 1em .5em;
    font-size: 1em;
    max-width: 180px;
}

.menuproducto{
    width:12%;
}

.redessociales, .menuproducto{
    width:12%;
    height:120px;
    top:34px;
    text-align:left;
}

.textspan2 {
    padding:0;
}

#textocentro {
    top:53%;
    left: 57%;
}

@media screen and (max-width: 1152px ) {
    .sec2bico1texto h2{
        font-size: 1.1em;
        line-height: 1.15em;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1023px) {
    .dispositivostodo {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        -ms-transform: scale(.5);
        left: -126px;
    }
    #textocentro {
        left: 53%;
        top:52%;
    }
    .textspan1 {
        font-weight: bold;
        font-size: 2.3em;
        line-height: .8em;
        margin-bottom: .4em;
        letter-spacing:-1px;
    }
    .textspan2 {
        font-size: 1.2em;
        letter-spacing: -1px;
        line-height: 1.2em;
    }
    #textovideo {
        left:32%;
        font-size:1em;
    }
    #textovideo2 {
        left:26%;
        font-size:1em;
    }
    #videostextocentro {
        margin: .5em 0;
    }
    .videostextocentro1 {
        max-width: 170px;
    }
    #seccion2{
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        left:-7%;
    }
    .secciones {
        width:130%;
        max-width:1280px;
        left:-8%;
    }
    .seccolumnas {
        width:100%;
    }
    .todascolumnas {
        width:90%;
        top:62%;
    }
    .sec2a {
        width:150px;
    }
    .sec2b {
        width:33%
    }
    .sec2bico1texto {
        width:70%;
    }
    .redessociales, .menuproducto, .menuproductohome {
        width: 15%;
    }
    #boton-azul {
        width: 30%;
        padding: 1em .5em;
        font-size: .75em;
        max-width:130px;
    }
}

/* Movil con PC View ----------- */
/* portrait ----------- */
@media only screen and (max-width : 360px) {

    .redessociales {
        text-align: center;
    }
    .menuproducto {
        width: 38%;
        height: 120px;
        padding-bottom: 20px;
        max-width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        border-left:none;
    }
    #producto {
        width: 100%;
    }
    #producto ul {
        border-left:none !important;
        width:100%;
        padding-left: 0;
        padding-top: 10px;
    }
    #producto ul li a {
        font-size: 1em;
    }
    .redessociales {
        position: relative;
        width: 100%;
        height: 30px;
        top: 50px;
        max-width:100%;
    }
    .dispositivostodo {
        top: 28%;
        -webkit-transform: scale(.33);
        -moz-transform: scale(.33);
        -o-transform: scale(.33);
        -ms-transform: scale(.33);
        left: 4%;
    }

    #textocentro {
        position: absolute;
        top: 36%;
        transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        width: 100%;
        left: 0;
        right: 0;
        text-align:center;
    }
    .textspan1 {
        font-weight: bold;
        font-size: 2.6em;
        letter-spacing: -1px;
        line-height: 1em;
        margin:0;
        padding:0;
    }
    .textspan2 {
        font-weight: normal;
        font-size: 1.1em;
        margin:0;
        padding:10px 0;
        line-height: 1.4em;
    }
    #boton-azul {
        width: 55%;
        font-size: 1em;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        margin: 0 auto;
        top:-20px;
        max-width: none;
    }

    #menucabecera, #botlogin{
        display:none;
        visibility: hidden;}

    #polyglotLanguageSwitcher {
        left: 10px;
        top: 10px;
    }

    #logo{
        top: 20px;
    }

    #logo, #logo img {
        width: 80px;
        height: 17px;
    }

    #nav-icon{
        top: 20px;
        right:20px;}

    #videostextocentromovil {
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        top: 79%;
    }

    #videostextocentro {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        margin:0;
        top:-15px;
    }

    .videostextocentro1, .videostextocentro2 {
        width: 45%;
    }
    #textovideo, #textovideo2 {
        line-height: 2em;
        left: 60px;
        text-align: left;
    }

    #todasbolitas {
        width: 75%;}

    #pantallavideo {
        min-width: 215px;
    }

    #seccion2 {
        -webkit-transform: scale(.55);
        -moz-transform: scale(.55);
        -o-transform: scale(.55);
        -ms-transform: scale(.55);
        position: absolute;
        z-index: 901;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: -100%;
    }

    .secciones {
        width:100%;
        left:-10%;}

    .todascolumnas {
        top: 47%;
        width: 210%;
        height: 80%;
    }

    .seccolumnas {
        width: 100%;
        height: 155px;
        padding:0;
        left:-22%;
        height:100px;
    }

    .sec2a {
        width: 150px;
        top: 0;
    }

    #tododossec {
        height: 440px;
    }

    .sec2b {
        width: 33%;
    }

    .sec2bico1 {
        position: absolute;
        height: 55px;
        width: 55px;
        top: 0;
        left: 0;
    }

    .sec2bico1texto {
        width: 70%;
    }

    .sec2bico1texto h2 {
        font-size: 1em;
    }
    .sec2bico1texto p {
        font-size: .85em;
        line-height: 1.3em;
    }

    #aviso{
        display:none;
        visibility:hidden;
    }

    .redessociales, .menuproducto {
        transform: scale(0.8);
        position: relative;
        top: 20px;
    }

}

/* landscape ----------- */
@media only screen and (min-width :361px) and (max-width : 640px) {

    #todasseccionesMovil {
        display:none;
        visibility:hidden;
    }

    .menuproducto {
        width: 22%;
        height: 120px;
        max-width: 100%;
        border-left: 1px solid rgba(255, 255, 255, .2);
        border-bottom:none;
        top:20px;
    }
    #producto {
        width: 100%;
    }
    #producto ul {
        border-left:none !important;
        width:100%;
        padding-left: 10px;
    }
    #producto ul li a {
        font-size: .9em;
    }
    .redessociales {
        width: 100%;
        height: 30px;
        top: 40px;
        max-width: 100%;
        text-align: center;
    }
    .dispositivostodo {
        top: 0;
        -webkit-transform: scale(.38);
        -moz-transform: scale(.38);
        -o-transform: scale(.38);
        -ms-transform: scale(.38);
        left: -15%;
    }

    #textocentro {
        position: absolute;
        top: 10%;
        width: 60%;
        left: 48%;
        text-align: left;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
    }

    .textspan1 {
        font-weight: bold;
        font-size: 1.8em;
        letter-spacing: -1px;
        line-height: 1em;
        margin:0;
        padding:5px 0;
    }
    .textspan2 {
        font-weight: normal;
        font-size: 1em;
        margin:0;
        padding:5px 0;
        line-height: 1.4em;
    }
    #boton-azul {
        width: 34%;
        font-size: .7em;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        margin:0;
        top:-24px;
        max-width: none;
    }

    #pantallavideo{
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);}

    #menucabecera{
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -o-transform: scale(.8);
        -ms-transform: scale(.8);
        left:0;}

    #videostextocentro{
        margin:0;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        -ms-transform: scale(.7);
        left:-62px;
        margin:0;
        padding:0;
        top:-16px;}

    #menucabecera, #botlogin{
        display:none;
        visibility: hidden;}

    #polyglotLanguageSwitcher {
        left: 10px;
        top: 10px;
    }

    #logo{
        top: 20px;
    }

    #logo, #logo img {
        width: 80px;
        height: 17px;
    }

    #nav-icon{
        top: 20px;
        right:20px;}


    #seccion2 {
        -webkit-transform: scale(.4);
        -moz-transform: scale(.4);
        -o-transform: scale(.4);
        -ms-transform: scale(.4);
        position: absolute;
        z-index: 901;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: -100%;
    }

    .todascolumnas {
        top: 47%;
        width: 95%;
        height: 80%;
    }

    .seccolumnas {
        width: 121%;
        height: 155px;
        padding:0;
    }

    .sec2a {
        width: 150px;
        top: 0;
    }

    #tododossec {
        height: 440px;
    }

    .sec2b {
        width: 33%;
    }

    .sec2bico1 {
        position: absolute;
        height: 55px;
        width: 55px;
        top: 0;
        left: 0;
    }

    .sec2bico1texto {
        width: 70%;
    }


    .secciones {
        width: 150%;
        left: -130px;
        margin-top: -107px;
    }

    #todasbolitas {
        padding:0;}

    #centrosec3 {
        height: 220px;
    }

}