/* CSS Document */

/* --------------- GLOBAL ---------------------- */
html, body {
    height: 100%;
    margin: 0px;
}
/*header*/
header{
}
/*footer*/
footer{
}
/*nav*/
nav{
}
nav ul li{
    list-style: none;        
    list-style-position: inside; 
}
nav a {
    text-decoration: none;
}
section{
}
/* --------------- FIN GLOBAL ---------------------- */

/*--------------- RESPONSIVO ---------------------- */
/*----------------------------desktop------------------------*/
@media only screen and (min-width:1201px)
{
.tcab{
    height: 200px;
}
.iframes
{
    position: absolute;
    margin-left: 3.5%;
    top: 6%;
    height: 84%;
    width: 92%;
}
    #Alta{display:inline;}
    #Media{display:none;}
    #Baja{display:none;}
}
/*-------------------tablet----------------------*/
@media only screen and (min-width:601px) and (max-width:1200px)
{
.tcab{
    height: 100px;
}        
.iframes
{
    position: absolute;
    margin-left: 7.5%;
    top: 9.5%;
    height: 75%;
    width: 83%;
}
    #Alta{display:none;}
    #Media{display:inline;}
    #Baja{display:none;}
}
/*-------------------------celu---------------------*/
@media only screen and (max-width:600px)
{
.iframes
{
    position: absolute;
    margin-left: 7%;
    top: 12.5%;
    height: 74%;
    width: 81%;
}
    
    #Alta{display:none;}
    #Media{display:none;}
    #Baja{display:inline;}
}
/*--------------- FIN RESPONSIVO ---------------------- */
