/* CSS Document */
body
{
	margin:0 0 0 0;
	font-family:'Arial Narrow', Arial;
	font-stretch: condensed;
	color:#000000;
	background-color:#EEEEEE;
}
h1{ color:#0080FF; font-family:'Arial Narrow', Arial; }
h2{ color:#004080; font-family:'Arial Narrow', Arial; }
h3{ color:#00172F; font-family:'Arial Narrow', Arial; }
input
{
	border-radius:4px;
	font-family:'Arial Narrow', Arial;
	font-stretch:condensed;
	font-weight:bold;
	font-size:1em;
	color:#0000FF;
}
select
{ font-family:'Arial Narrow', Arial; font-weight:bold; color:#0000FF; font-stretch: condensed; }
option
{ font-family:'Arial Narrow', Arial; font-weight:bold; color:#000000; font-stretch: condensed; }
table
{
	border:solid;
	border-width:thin;
	border-color:#000000;
	border-collapse: collapse;
}
td
{
	border:solid;
	border-width:thin;
	border-color:#000000;
	border-collapse: collapse;
}
tr:nth-child(odd) {
    background-color:#FFFFFF;
}
tr:nth-child(even) {
    background-color:#DDDDDD;
}
b { font-family:"Arial Narrow", Arial; }
.tabla-reporte td
{
	border:none;
}
.cuadrado { border:solid; border-width:1px; border-color:#004080; padding:5px; }
.boton { background-color:#004080; color:#FFFFFF; }
.mensaje-regular { color:#666666; font-family:"Arial Narrow", Arial; }
.mensaje-critico { color:#CC0000; font-family:"Arial Narrow", Arial; }
.cabecera-tabla
{
	font-weight:bold; color:#FFFFFF; text-align:center;
}
.enlace-resaltado { color:#FF0000; }
.enlace-resaltado:hover { color:#660000; }
.enlace-fondo-obscuro { color:#FFFFFF; }
.enlace-fondo-obscuro:hover { color:#FFFFFF; font-weight:bold; }

.enlace-pie
{ color:#FFB0B0; font-weight:bold; font-size:10px; text-decoration:none; }
.enlace-pie:hover
{ color:#FFB0B0; font-weight:bold; font-size:10px; text-decoration:underline; }

a
{
	color:#0080C0;
	font-weight:bold;
}
a:hover
{
	color:#000000;
	text-decoration:underline;
}
.enlace-contacto { background-color:#003366; color:#FFFFFF; padding:8px; font-weight:bold; }
.enlace-contacto:hover { background-color:#FF6600; text-decoration:none; }

    
	
	.mobile-menu{display:none;
    width:90%;
    padding:11px;
    background:#660000;
    color:#ffffff;
    text-transform:uppercase;
    }
    .mobile-menu:hover{background:#990000;
    color:#ffffff;
    text-decoration:none;
    }

.menu{display:block;}
     
    .menu li{display: inline-block;
    position: relative;
    z-index:100;}
     
    .menu li a {font-weight:600;
    text-decoration:none;
    padding:11px;
    display:block;
    color:#000000;
     
    -webkit-transition: all 0.2s ease-in-out 0s;
       -moz-transition: all 0.2s ease-in-out 0s;
       -o-transition: all 0.2s ease-in-out 0s;
       -ms-transition: all 0.2s ease-in-out 0s;
       transition: all 0.2s ease-in-out 0s;
    }
     
    .menu li a:hover, .menu li:hover > a{color:#ffffff;
    background-color:#990000;}
	    /* hide the second level menu */
    .menu ul {display: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: absolute;
    top: 36px;
    left: 0px;
    background: #ffffff;
    }
     
    /* display second level menu on hover */
    .menu li:hover > ul{ display: block;}
     
    .menu ul li {display:block;
    float: none;
    background:none;
    margin:0;
    padding:0;
    }
     
    .menu ul li a {display:block;
    color:#797979;
    border:1px solid #CCCCCC;
    background:#ffffff;}
     
    .menu ul li a:hover, .menu ul li:hover > a{
    background:#f0f0f0;
    border-left:1px solid #CCCCCC;
    color:#000000;
    }
	
	    /* change level 3 menu positions */
    .menu ul ul {left: 149px;
    	top: 0px;
    }