/*** ENTORNO **************************************************************/
html {
    width: 100%;
    height: 100%;
    background-color: white;
}

body {
    width: 99%;
    height: 100%;
}

#header {
    min-width: 960px;
    width: 100%;
    height: 130px;
}

#barrasuperior {
    left: 0px;
    height: 70px;
    width: 100%;
    min-width: 960px;
}

#izquierda {
    float: left;
    height: 70px;
    width: 350px;
    background-color: #E6EDCE;
    background-image: url(../../Recursos/Imagenes/puntaizquierda.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 5;
}

#centro {
    font-family: 'latolight';
    overflow: hidden;
}

#derecha {
    float: right;
    height: 70px;
    width: 356px;
    /*background-color: #E6EDCE;*/
    background-image: url(../../Recursos/Imagenes/puntaderecha.png);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 5;
}


#barrainferior {
    height: 42px;
    width: 100%;
    min-width: 960px;
    background-color: #425320;
}

#logo1 {
    left: 0px;
    top: 0px;
    height: 100%;
    width: 330px;
    background-image: url(https://srvsicoq.policia.gov.co/FactorySuite/App_Themes/Recursos/Imagenes/logoHeader1.png);
    background-position-y: center;
    background-repeat: no-repeat;
    z-index: 10;
}


#logo2 {
    float: right;
    margin-right: 4px;
    height:100%;
    width: 350px;
    background-image: url(https://srvsicoq.policia.gov.co/FactorySuite/App_Themes/Recursos/Imagenes/logoHeader2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
    z-index: 10;
}


#usuario {
    float: right;
    width: 389px;
    max-width: 389px;
    height: 42px;

    background-color: #9FB36C;
    z-index: 3;
    background-image: url(puntabarrainferior.png);
    background-repeat: no-repeat;
    background-position: -3px;
}

#bienvenido {
    float: left;
    width: 240px;
    color: #FFF;
    z-index: 10;
    font-size: 14px;
    padding-top: 13px;
    padding-left: 35px;
    font-family: 'latolight';
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

#bienvenido span {
	font-family: 'latolight';
	font-weight: bold;
	font-size: 14px;
	color: #FFF !Important;
}

#contenido {
    width: 100%;
    height: 90%;
    float: left;
}

#logo3 {
    height:90px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
    z-index: 10;
}

ul
{
	text-decoration:none;
	list-style:none;
	margin:4px; 
	padding:0;
}

li
{
	text-decoration:none;
	list-style:none;
	margin:3px;
	text-align: left;
}

#Menu1{
color: white;
padding: 3.5px 11px;
background-color: #8904B1;
display:block;
}

#Menu2{
color: white;
padding: 3.5px 11px;
background-color: #FAAC58;
display:block;
}

#Menu3{
color: white;
padding: 3.5px 11px;
background-color: #01A9DB;
display:block;
}

#Menu4{
color: white;
padding: 3.5px 11px;
background-color:#04B404;
display:block;
}

.Submenu1:hover{
color: white;
background-color: #DA81F5;
}

.Submenu2:hover{
color: white;
background-color: #F7D358;
}

#Submenu2{
color: white;
background-color: #F5ECCE;
}

#Submenu1{
color: white;
background-color: #ECCEF5;
}

#Submenu3{
color: white;
background-color: #E0F2F7;
}

.Submenu3:hover{
color: white;
background-color: #58D3F7;
}

.Submenu4:hover{
color: white;
background-color: #9FF781;
}

#Submenu4{
color: white;
background-color: #D8F6CE;
}


}