*{
    border: 0;
    margin: 0;
    padding: 0;
}

html, body{
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    font-family: "Segoe UI";
}

ul{
    list-style: none;
    text-decoration: none;
}

ul li{
    box-sizing: border-box;
    padding: 7px;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

a:active{
    text-decoration: none;
}

/* Zona genéricos */
/*===========================*/
.btnEnlaces{
    text-align: center;
    box-sizing: border-box;
    min-width: 100px;
    padding: 10px 21px;
    background: rgb(95, 178, 158);
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    text-wrap: avoid;
}

.txtCenter{
    text-align: center;
}

.txtJustify{
    text-align: justify;
}

.enlacesInformación{
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    text-decoration: underline;
}

.espacioBtonTopXL{
    margin-top: 100px;
}

.espacioBtonTopM{
    margin-top: 20px;
}

.espacioSupBtn{
    margin-top: 30px;
}
/*===========================*/

/* Zona Contenidos */
/*===========================*/
/*===========================*/
.contendorContenidos{
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

/* Zona decoración del fondo */
/*===========================*/
.LogoSuperior{
    position: relative;
    float: left;
    width: 100%;
    z-index: 3;
}

.espacioLogo{
    position: relative;
    float: left;
    width: 30%;
    max-height: 10.37%;
    z-index: 3;
}

.logoResponsivo{
    height: auto;
    width:100%;
    max-width:350px;
    margin: 15px 25%;
}
/*===========================*/

/* Zona del menú pantallas pequeñas */
/*===========================*/
.fondoMenuPeques{
    position: relative;
    float: left;
    z-index: 3;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    background: #63b7a2; /* Old browsers */
    background: -moz-linear-gradient(45deg, #63b7a2 0%, #63b7a2 20%, #7dc3b2 21%, #7dc3b2 31%, #93cdbf 32%, #93cdbf 50%, #63b7a2 51%, #63b7a2 56%, #7dc3b2 57%, #7dc3b2 69%, #93cdbf 70%, #93cdbf 84%, #63b7a2 85%, #63b7a2 100%, #63b7a2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #63b7a2 0%,#63b7a2 20%,#7dc3b2 21%,#7dc3b2 31%,#93cdbf 32%,#93cdbf 50%,#63b7a2 51%,#63b7a2 56%,#7dc3b2 57%,#7dc3b2 69%,#93cdbf 70%,#93cdbf 84%,#63b7a2 85%,#63b7a2 100%,#63b7a2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #63b7a2 0%,#63b7a2 20%,#7dc3b2 21%,#7dc3b2 31%,#93cdbf 32%,#93cdbf 50%,#63b7a2 51%,#63b7a2 56%,#7dc3b2 57%,#7dc3b2 69%,#93cdbf 70%,#93cdbf 84%,#63b7a2 85%,#63b7a2 100%,#63b7a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.espacioBtnDesplegar{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 5px;
    text-align: right;
    z-index: 6;
}

.btnDesplegar{
    cursor: pointer;
}

.contenedorItemsMenuPeque{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 5px;
    z-index: 6;
}

.enlaceMenuPeques{
    color: #ffffff;
    text-shadow: 1px 1px 1px #777777;
    z-index: 6;
}

.corteCirculo{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 50px;
    border-radius: 50%;
    z-index: 4;
}

.imgMenuP{
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

#menuP li{
    border-bottom: 1px solid #ffffff;
}

#menuP li:last-child{
    border-bottom: 0px;
}

/*===========================*/
/* Zona del menú pantallas grandes */
/*===========================*/
.fondoMenu{
    position: relative;
    float: left;
    z-index: 3;
    width: 100%;
    max-width: 100%;
    height: auto;
    background: url("../images/fondoMenu.png");
    padding: 3px;
    box-sizing: border-box;
    display: none;
}

.itemMenu{
    position: relative;
    float: left;
    width: 12.4%;
    text-decoration: none;
    box-sizing: border-box;
    padding-left: 3px;
    vertical-align: middle;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
}

.imgItemMenu{
    position: relative;
    float: left;
    height: 25px;
    width: auto;
    vertical-align: middle;
}

.itemMenuTxt{
    top:7px
}

.separadorMenu{
    border-right: 2px solid #ffffff;
}
/*===========================*/

/*===========================*/

/* Zona fondo */
/*===========================*/
/*===========================*/
.contenedorFondo{
    width: 100%;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    position: fixed;
    z-index: -1;
}

.fondoBlanco{
    position: absolute;
    left: 0;
    top: 0;
    width: 36.5%;
    background-color: #ffffff;
    height: 100%;
    z-index: 1;
}

.fondoGris{
    position: absolute;
    left: 36.5%;
    top: 0;
    width: 63.5%;
    background-color: rgb(234,234,234);
    height: 100%;
    z-index: 1;
}

.barraGrises1{
    position: absolute;
    left: 24.96%;
    top: 0;
    width: 7.67%;
    background-color: rgb(244,244,244);
    height: 100%;
    z-index: 2;

    transform: skewX(-7deg) ;
    -webkit-transform: skewX(-7deg) ;
    -moz-transform: skewX(-7deg) ;
    -o-transform: skewX(-7deg) ;
    -ms-transform: skewX(-7deg) ;
}

.barraGrises2{
    position: absolute;
    left: 32.61%;
    top: 0;
    width: 7.67%;
    background-color: rgb(234,234,234);
    height: 100%;
    z-index: 2;

    transform: skewX(-7deg) ;
    -webkit-transform: skewX(-7deg) ;
    -moz-transform: skewX(-7deg) ;
    -o-transform: skewX(-7deg) ;
    -ms-transform: skewX(-7deg) ;
}

.barraGrises3{
    position: absolute;
    left: 40.26%;
    top: 0;
    width: 7.67%;
    background-color: rgb(224,224,224);
    height: 100%;
    z-index: 2;

    transform: skewX(-7deg) ;
    -webkit-transform: skewX(-7deg) ;
    -moz-transform: skewX(-7deg) ;
    -o-transform: skewX(-7deg) ;
    -ms-transform: skewX(-7deg) ;
}

.barraGrises4{
    position: absolute;
    left: 69.40%;
    top: 0;
    width: 7.67%;
    background-color: rgb(224,224,224);
    height: 100%;
    z-index: 2;

    transform: skewX(7deg) ;
    -webkit-transform: skewX(7deg) ;
    -moz-transform: skewX(7deg) ;
    -o-transform: skewX(7deg) ;
    -ms-transform: skewX(7deg) ;
}

.barraGrises5{
    position: absolute;
    left: 90.31%;
    top: 0;
    width: 7.67%;
    background-color: rgb(212,212,212);
    height: 100%;
    z-index: 2;

    transform: skewX(-7deg) ;
    -webkit-transform: skewX(-7deg) ;
    -moz-transform: skewX(-7deg) ;
    -o-transform: skewX(-7deg) ;
    -ms-transform: skewX(-7deg) ;
}

.barraGrises6{
    position: absolute;
    left: 97.96%;
    top: 0;
    width: 7.67%;
    background-color: rgb(206,206,206);
    height: 100%;
    z-index: 2;

    transform: skewX(-7deg) ;
    -webkit-transform: skewX(-7deg) ;
    -moz-transform: skewX(-7deg) ;
    -o-transform: skewX(-7deg) ;
    -ms-transform: skewX(-7deg) ;
}

.barraGrises7{
    position: absolute;
    left: 105.61%;
    top: 0;
    width: 7.67%;
    background-color: rgb(194,194,194);
    height: 100%;
    z-index: 2;

    transform: skewX(-7deg) ;
    -webkit-transform: skewX(-7deg) ;
    -moz-transform: skewX(-7deg) ;
    -o-transform: skewX(-7deg) ;
    -ms-transform: skewX(-7deg) ;
}

/*===========================*/

/* Zona inferior de la web */
/*===========================*/
.inferior{
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 4% 7%;
    text-align: center;
    margin-bottom: 20px;
}

.tituloInferior{
    text-align: center;
    font-weight: 400;
    color: #656565;
    margin-bottom: 12px;
}

.textoInferior{
    text-align: center;
    color: #656565;
    margin-bottom: 24px;
}
/*===========================*/
/*===========================*/

/* Botones APP */
/*===========================*/
.imgAPP{
    max-width: 28px;
    max-height: 28px;
    vertical-align: middle;
}
/*===========================*/

/* Zona mediaQuerys */
/*===========================*/

@media (max-width: 799px){

    .inferior{
        padding: 2px 12px;
    }

    .textoInferior{
        text-align: justify;
    }

    .fondoMenu{
        display: none;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #ffffff;
        height: 100%;
        z-index: 1;
    }

    .fondoGris{
        position: absolute;
        left: 100%;
        top: 0;
        width: 0%;
        background-color: rgb(234,234,234);
        height: 0%;
        z-index: 1;
    }

    .barraGrises1{
        position: absolute;
        left: 65%;
        top: 0;
        width: 20%;
        background-color: rgb(244,244,244);
        height: 100%;
        z-index: 2;

        transform: skewX(-10deg) ;
        -webkit-transform: skewX(-10deg) ;
        -moz-transform: skewX(-10deg) ;
        -o-transform: skewX(-10deg) ;
        -ms-transform: skewX(-10deg) ;


    }

    .barraGrises2{
        position: absolute;
        left: 80%;
        top: 0;
        width: 20%;
        background-color: rgb(234,234,234);
        height: 100%;
        z-index: 2;

        transform: skewX(-10deg) ;
        -webkit-transform: skewX(-10deg) ;
        -moz-transform: skewX(-10deg) ;
        -o-transform: skewX(-10deg) ;
        -ms-transform: skewX(-10deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 95%;
        top: 0;
        width: 20%;
        background-color: rgb(224,224,224);
        height: 100%;
        z-index: 2;

        transform: skewX(-10deg) ;
        -webkit-transform: skewX(-10deg) ;
        -moz-transform: skewX(-10deg) ;
        -o-transform: skewX(-10deg) ;
        -ms-transform: skewX(-10deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 100%;
        top: 0;
        width: 0%;
        background-color: rgb(224,224,224);
        height: 0%;
        z-index: 2;

        transform: skewX(7deg) ;
        -webkit-transform: skewX(7deg) ;
        -moz-transform: skewX(7deg) ;
        -o-transform: skewX(7deg) ;
        -ms-transform: skewX(7deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 100%;
        top: 0;
        width: 0%;
        background-color: rgb(212,212,212);
        height: 0%;
        z-index: 2;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 100%;
        top: 0;
        width: 0%;
        background-color: rgb(206,206,206);
        height: 0%;
        z-index: 2;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 100%;
        top: 0;
        width: 0%;
        background-color: rgb(194,194,194);
        height: 0%;
        z-index: 2;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }
}

@media (min-width:800px){
    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .imgItemMenu{
        height: 35px;
    }

    .textoInferior{
        text-align: center;
    }

}

@media (min-width:800px) and (max-height: 600px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 36.5%;
    }

    .fondoGris{
        position: absolute;
        left: 36.5%;
        top: 0;
        width: 63.5%;
    }

    .barraGrises1{
        position: absolute;
        left: 26.4%;
        top: 0;
        width: 7.67%;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;


    }

    .barraGrises2{
        position: absolute;
        left: 34.05%;
        top: 0;
        width: 7.67%;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 41.7%;
        top: 0;
        width: 7.67%;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 69.70%;
        top: 0;
        width: 7.67%;

        transform: skewX(15deg) ;
        -webkit-transform: skewX(15deg) ;
        -moz-transform: skewX(15deg) ;
        -o-transform: skewX(15deg) ;
        -ms-transform: skewX(15deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-15deg) ;
        -webkit-transform: skewX(-15deg) ;
        -moz-transform: skewX(-15deg) ;
        -o-transform: skewX(-15deg) ;
        -ms-transform: skewX(-15deg) ;
    }
}
@media (max-width: 900px){
    .imgItemMenu{
        height: 31px;
		
		
    }
}

@media (min-width: 950px){
    .imgItemMenu{
        height: 38px;
		
    }
}


@media (min-width:1024px) and (min-height: 768px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .imgItemMenu{
        height: 45px;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 34.3%;
    }

    .fondoGris{
        position: absolute;
        left: 34.3%;
        top: 0;
        width: 65.7%;
    }

    .barraGrises1{
        position: absolute;
        left: 23.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises2{
        position: absolute;
        left: 31.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 38.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 68.40%;
        top: 0;
        width: 7.67%;

        transform: skewX(16deg) ;
        -webkit-transform: skewX(16deg) ;
        -moz-transform: skewX(16deg) ;
        -o-transform: skewX(16deg) ;
        -ms-transform: skewX(16deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }
}

@media (min-width:1024px) and (min-height: 1280px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 40%;
    }

    .fondoGris{
        position: absolute;
        left: 40%;
        top: 0;
        width: 60%;
    }

    .barraGrises1{
        position: absolute;
        left: 30.80%;
        top: 0;
        width: 7.67%;

        transform: skewX(-8deg) ;
        -webkit-transform: skewX(-8deg) ;
        -moz-transform: skewX(-8deg) ;
        -o-transform: skewX(-8deg) ;
        -ms-transform: skewX(-8deg) ;
    }

    .barraGrises2{
        position: absolute;
        left: 38.4%;
        top: 0;
        width: 7.67%;

        transform: skewX(-8deg) ;
        -webkit-transform: skewX(-8deg) ;
        -moz-transform: skewX(-8deg) ;
        -o-transform: skewX(-8deg) ;
        -ms-transform: skewX(-8deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 46%;
        top: 0;
        width: 7.67%;

        transform: skewX(-8deg) ;
        -webkit-transform: skewX(-8deg) ;
        -moz-transform: skewX(-8deg) ;
        -o-transform: skewX(-8deg) ;
        -ms-transform: skewX(-8deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 72%;
        top: 0;
        width: 7.67%;

        transform: skewX(8deg) ;
        -webkit-transform: skewX(8deg) ;
        -moz-transform: skewX(8deg) ;
        -o-transform: skewX(8deg) ;
        -ms-transform: skewX(8deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-8deg) ;
        -webkit-transform: skewX(-8deg) ;
        -moz-transform: skewX(-8deg) ;
        -o-transform: skewX(-8deg) ;
        -ms-transform: skewX(-8deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-8deg) ;
        -webkit-transform: skewX(-8deg) ;
        -moz-transform: skewX(-8deg) ;
        -o-transform: skewX(-8deg) ;
        -ms-transform: skewX(-8deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-8deg) ;
        -webkit-transform: skewX(-8deg) ;
        -moz-transform: skewX(-8deg) ;
        -o-transform: skewX(-8deg) ;
        -ms-transform: skewX(-8deg) ;
    }
}

@media (min-width:1024px) and (min-height: 1366px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 36.3%;
    }

    .fondoGris{
        position: absolute;
        left: 36.3%;
        top: 0;
        width: 63.7%;
    }

    .barraGrises1{
        position: absolute;
        left: 25.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-9deg) ;
        -webkit-transform: skewX(-9deg) ;
        -moz-transform: skewX(-9deg) ;
        -o-transform: skewX(-9deg) ;
        -ms-transform: skewX(-9deg) ;
    }

    .barraGrises2{
        position: absolute;
        left: 33.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-9deg) ;
        -webkit-transform: skewX(-9deg) ;
        -moz-transform: skewX(-9deg) ;
        -o-transform: skewX(-9deg) ;
        -ms-transform: skewX(-9deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 40.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-9deg) ;
        -webkit-transform: skewX(-9deg) ;
        -moz-transform: skewX(-9deg) ;
        -o-transform: skewX(-9deg) ;
        -ms-transform: skewX(-9deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 69.40%;
        top: 0;
        width: 7.67%;

        transform: skewX(9deg) ;
        -webkit-transform: skewX(9deg) ;
        -moz-transform: skewX(9deg) ;
        -o-transform: skewX(9deg) ;
        -ms-transform: skewX(9deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-9deg) ;
        -webkit-transform: skewX(-9deg) ;
        -moz-transform: skewX(-9deg) ;
        -o-transform: skewX(-9deg) ;
        -ms-transform: skewX(-9deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-9deg) ;
        -webkit-transform: skewX(-9deg) ;
        -moz-transform: skewX(-9deg) ;
        -o-transform: skewX(-9deg) ;
        -ms-transform: skewX(-9deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-9deg) ;
        -webkit-transform: skewX(-9deg) ;
        -moz-transform: skewX(-9deg) ;
        -o-transform: skewX(-9deg) ;
        -ms-transform: skewX(-9deg) ;
    }
}

@media (min-width:1280px) and (min-height: 1024px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .imgItemMenu{
        height: 50px;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 33.2%;
    }

    .fondoGris{
        position: absolute;
        left: 33.2%;
        top: 0;
        width: 66.8%;
    }

    .barraGrises1{
        position: absolute;
        left: 21.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises2{
        position: absolute;
        left: 29.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 36.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 67.10%;
        top: 0;
        width: 7.67%;

        transform: skewX(16deg) ;
        -webkit-transform: skewX(16deg) ;
        -moz-transform: skewX(16deg) ;
        -o-transform: skewX(16deg) ;
        -ms-transform: skewX(16deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-16deg) ;
        -webkit-transform: skewX(-16deg) ;
        -moz-transform: skewX(-16deg) ;
        -o-transform: skewX(-16deg) ;
        -ms-transform: skewX(-16deg) ;
    }
}

@media (min-width:1336px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .imgItemMenu{
        height: 54px;
        width: 98%;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 33.2%;
    }

    .fondoGris{
        position: absolute;
        left: 33.2%;
        top: 0;
        width: 66.8%;
    }

    .barraGrises1{
        position: absolute;
        left: 21.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-21.7deg) ;
        -webkit-transform: skewX(-21.7deg) ;
        -moz-transform: skewX(-21.7deg) ;
        -o-transform: skewX(-21.7deg) ;
        -ms-transform: skewX(-21.7deg) ;
    }

    .barraGrises2{
        position: absolute;
        left: 29.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-21.7deg) ;
        -webkit-transform: skewX(-21.7deg) ;
        -moz-transform: skewX(-21.7deg) ;
        -o-transform: skewX(-21.7deg) ;
        -ms-transform: skewX(-21.7deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 36.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-21.7deg) ;
        -webkit-transform: skewX(-21.7deg) ;
        -moz-transform: skewX(-21.7deg) ;
        -o-transform: skewX(-21.7deg) ;
        -ms-transform: skewX(-21.7deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 67.10%;
        top: 0;
        width: 7.67%;

        transform: skewX(21.7deg) ;
        -webkit-transform: skewX(21.7deg) ;
        -moz-transform: skewX(21.7deg) ;
        -o-transform: skewX(21.7deg) ;
        -ms-transform: skewX(21.7deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-21.7deg) ;
        -webkit-transform: skewX(-21.7deg) ;
        -moz-transform: skewX(-21.7deg) ;
        -o-transform: skewX(-21.7deg) ;
        -ms-transform: skewX(-21.7deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-21.7deg) ;
        -webkit-transform: skewX(-21.7deg) ;
        -moz-transform: skewX(-21.7deg) ;
        -o-transform: skewX(-21.7deg) ;
        -ms-transform: skewX(-21.7deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-21.7deg) ;
        -webkit-transform: skewX(-21.7deg) ;
        -moz-transform: skewX(-21.7deg) ;
        -o-transform: skewX(-21.7deg) ;
        -ms-transform: skewX(-21.7deg) ;
    }
}

@media (min-width:1336px)and (min-height: 1024px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 33.2%;
    }

    .fondoGris{
        position: absolute;
        left: 33.2%;
        top: 0;
        width: 66.8%;
    }

    .barraGrises1{
        position: absolute;
        left: 21.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-17deg) ;
        -webkit-transform: skewX(-17deg) ;
        -moz-transform: skewX(-17deg) ;
        -o-transform: skewX(-17deg) ;
        -ms-transform: skewX(-17deg) ;
    }

    .barraGrises2{
        position: absolute;
        left: 29.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-17deg) ;
        -webkit-transform: skewX(-17deg) ;
        -moz-transform: skewX(-17deg) ;
        -o-transform: skewX(-17deg) ;
        -ms-transform: skewX(-17deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 36.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-17deg) ;
        -webkit-transform: skewX(-17deg) ;
        -moz-transform: skewX(-17deg) ;
        -o-transform: skewX(-17deg) ;
        -ms-transform: skewX(-17deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 67.10%;
        top: 0;
        width: 7.67%;

        transform: skewX(17deg) ;
        -webkit-transform: skewX(17deg) ;
        -moz-transform: skewX(17deg) ;
        -o-transform: skewX(17deg) ;
        -ms-transform: skewX(17deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.01%;
        top: 0;
        width: 7.67%;

        transform: skewX(-17deg) ;
        -webkit-transform: skewX(-17deg) ;
        -moz-transform: skewX(-17deg) ;
        -o-transform: skewX(-17deg) ;
        -ms-transform: skewX(-17deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.66%;
        top: 0;
        width: 7.67%;

        transform: skewX(-17deg) ;
        -webkit-transform: skewX(-17deg) ;
        -moz-transform: skewX(-17deg) ;
        -o-transform: skewX(-17deg) ;
        -ms-transform: skewX(-17deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-17deg) ;
        -webkit-transform: skewX(-17deg) ;
        -moz-transform: skewX(-17deg) ;
        -o-transform: skewX(-17deg) ;
        -ms-transform: skewX(-17deg) ;
    }
}

@media (min-width: 1390px) and (min-height: 800px){
    .imgItemMenu{
        position: relative;
        float: left;
        height: 58px;
        width: auto;
    }
}

@media (min-width:1920px){
    .textoInferior{
        text-align: center;
    }

    .fondoMenuPeques{
        display: none;
    }

    .fondoMenu{
        display: inline-block;
    }

    .imgItemMenu{
        height: 60px;
    }

    .fondoBlanco{
        position: absolute;
        left: 0;
        top: 0;
        width: 37.65%;
    }

    .fondoGris{
        position: absolute;
        left: 37.65%;
        top: 0;
        width: 62.35%;
    }

    .barraGrises1{
        position: absolute;
        left: 24.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-22deg) ;
        -webkit-transform: skewX(-22deg) ;
        -moz-transform: skewX(-22deg) ;
        -o-transform: skewX(-22deg) ;
        -ms-transform: skewX(-22deg) ;


    }

    .barraGrises2{
        position: absolute;
        left: 32.61%;
        top: 0;
        width: 7.67%;

        transform: skewX(-22deg) ;
        -webkit-transform: skewX(-22deg) ;
        -moz-transform: skewX(-22deg) ;
        -o-transform: skewX(-22deg) ;
        -ms-transform: skewX(-22deg) ;
    }

    .barraGrises3{
        position: absolute;
        left: 40.26%;
        top: 0;
        width: 7.67%;

        transform: skewX(-22deg) ;
        -webkit-transform: skewX(-22deg) ;
        -moz-transform: skewX(-22deg) ;
        -o-transform: skewX(-22deg) ;
        -ms-transform: skewX(-22deg) ;
    }

    .barraGrises4{
        position: absolute;
        left: 69.40%;
        top: 0;
        width: 7.67%;

        transform: skewX(22deg) ;
        -webkit-transform: skewX(22deg) ;
        -moz-transform: skewX(22deg) ;
        -o-transform: skewX(22deg) ;
        -ms-transform: skewX(22deg) ;
    }

    .barraGrises5{
        position: absolute;
        left: 90.31%;
        top: 0;
        width: 7.67%;

        transform: skewX(-22deg) ;
        -webkit-transform: skewX(-22deg) ;
        -moz-transform: skewX(-22deg) ;
        -o-transform: skewX(-22deg) ;
        -ms-transform: skewX(-22deg) ;
    }

    .barraGrises6{
        position: absolute;
        left: 97.96%;
        top: 0;
        width: 7.67%;

        transform: skewX(-22deg) ;
        -webkit-transform: skewX(-22deg) ;
        -moz-transform: skewX(-22deg) ;
        -o-transform: skewX(-22deg) ;
        -ms-transform: skewX(-22deg) ;
    }

    .barraGrises7{
        position: absolute;
        left: 105.61%;
        top: 0;
        width: 7.67%;

        transform: skewX(-22deg) ;
        -webkit-transform: skewX(-22deg) ;
        -moz-transform: skewX(-22deg) ;
        -o-transform: skewX(-22deg) ;
        -ms-transform: skewX(-22deg) ;
    }
}
/*===========================*/