* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body{
    position: absolute;
    width:100%;
    height:100%;
    font-family:Arial;
    background-color:gray ;
}


.csMainContent{
    position: absolute;
    width: 100%;
    height: 100%;
    float:left; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-color: black;
}

#divTopHeader{
    position: relative;
    width: 100%;
    float:left;  
    height:40px;
    background:rgb(100, 130, 128);
}



#divTopHeader h1{
	color: #fff;
	padding:5px 0;
	text-align:center;
}


#divTopMenu{
    position:relative;
    width:100%;
    float:left;
    margin-top:1px;
    font-family:Arial;
}

.hide{
    display:none;
}

ul, ol{
    list-style:none;
}


.nav{
    width:220px;
    margin-left:2px;
}
.nav a{
    text-decoration:none;
    color:black;
    height:28px;
    display:block;
    
    background-color: rgb(162, 184, 182);
    border:1px solid #1ABC9C;
    font-size:13pt;
}



.icoMenu{
    text-align:right;
}



.nav a > span{
    margin-left:2px; 
    margin-right:6px;
}


/*Sub opcion*/
.nav2 a{
    width:210px;
    margin-left:2px;
    padding-left:4px;
    
    background-color: rgb(215, 225, 224);
    margin-left:11px;
    font-size:13pt;
}


/*Sub-sub-Opcion */
.nav3 a{
     background-color: rgb(250, 252, 252);
    padding-left:16px;
}

    

/*Opcion*/
.nav > li > a:hover{
        background: rgb(182, 204, 202);
    }


/*Sub Opcion*/
.nav2 a:hover{
        background: rgb(235, 245, 244);
    }
    

    
/*Sub-Sub Opcion */    
.nav3 a:hover{
        background: rgb(230, 230, 230);
    }
    
    


.fltL{
    float:left;
}


.fltR{
    float:right;
}


footer{
    background-color: black;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    color: white;
}


@media screen and (max-width:500px){
	#divTopHeader{
		height:60px;
	}
	
	#divTopHeader h1{
	color: #fff;
	padding:10px 0;
	text-align:center;
}

}