﻿/* RESPONSIVE */




/********  XL  *******/
@media screen and (min-width:1600px) {

    #paginaSubcabecera {
        width: 1600px;
    }

    #openML{

        display:none;
    }

    #ulMenu {
        margin: 0 auto;
    }

    #ulMenu li:hover {

        font-size: 111%;

    }


    #ulMenu li {
        font-size: 110%;      
        width:120px;
        height: 26px;
       
        /*border:1px solid blue;*/
    }

    
}



/********  L  *******/
@media screen and (min-width:950px)and (max-width:1600px) {

    #paginaSubcabecera {
        width: 950px;
    }

    #ulMenu {
        width: 700px;
        margin: 0 auto;
    }

    #openML {
        display: none;
    }

        #ulMenu li:hover {
            font-size: 111%;
        }


        #ulMenu li {
            font-size: 110%;
            width: 120px;
            height: 26px;
            /*border:1px solid blue;*/
        }

}


/********  M  *******/
@media screen and (min-width:650px)and (max-width:950px) {


    #paginaSubcabecera {
        width: 100%;
    }

    #ulMenu {
        margin: 0 auto;
        /*margin-top:5px;*/
        /*width: 600px;*/
        /*border:1px solid red;*/
    }


        #ulMenu li:hover {
            font-size: 111%;
        }


        #ulMenu li {
            font-size: 110%;
            width: 120px;
            height: 36px;
            padding-top:5px;
            /*border:1px solid blue;*/
        }


    #openML {
        display: block;
        float: left;
        color: white;
        margin-left: 20px;
        cursor: pointer;
        padding-top:4px;
    }

}



/********  S  *******/
@media screen and (min-width:500px)and (max-width:650px) {

    #openML {
        display: block;
        float: left;
        color: white;
        margin-left: 10px;
        cursor: pointer;
    }

    #ulMenu {
        margin: 0 auto;
    }

        #ulMenu li:hover {
            font-size: 111%;
        }


        #ulMenu li {
            font-size: 110%;
            width: 120px;
            height: 35px;
            padding-top:5px;
            /*border:1px solid blue;*/
        }

}



/********  XS  *******/
@media screen and (max-width:500px) {

    #openML {
        display: block;
        float: left;
        color: white;
        margin-left: 20px;
        margin-top:7px;
        cursor: pointer;
    }

    #ulMenu {
        margin: 0 auto;
        /* height:50px;*/
    }

        #ulMenu li:hover {
            font-size: 111%;
        }


        #ulMenu li {
            font-size: 130%;
            width: 100px;
            
           /* border:1px solid blue;*/
            height:40px;
            padding-top:10px;
        }
}

/* FIN MEDIA QUERIES*/
/*******************************************************************/


#paginaSubcabecera {

  /*  border: 1px solid blue;*/
    position: relative;
    margin: 0 auto;

}



#ulMenu {

    list-style-type: none;
    position: relative;
   /* margin: 0 auto;*/
    padding: 0;
    color: white;
    font-weight: bold;
   /* border: 1px solid red;*/
    float: right;

}

    #ulMenu li:hover {

        font-size: 111%;
    }


    #ulMenu li {
        
        float: left;
        margin-left: 0px;
        cursor: pointer;
        text-align:center;
        /*border:1px solid blue;*/
    }




