/* CSS para el menu de SIGEHOS 3.0 */

body {
    list-style:none;
}

#destacados {
    font-weight:bold;}
    
#menu_desplegable{
float: left;
margin-top:-14px;
margin-left:-47px;
padding:0px;
width:100%;

}

#menu_desplegable_admin{
float: left;
margin-top:-44px;
margin-left:-260px;
padding:0px;
}

#innertube_menu{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: -40px;
}
select.select_nivel_1, #app-chooser{
background-color:#E6E7E8 !important; }

select.icon-menu {
    background-color: #E6E7E8 !important;
    border: 0 solid #CCCCCC;
    color: #333333;
    float: left;
    height: 20px;
    margin-left: 50px;
    margin-top: 5px;
    padding: 2px 4px;
    text-transform: uppercase;
    width: 200px;
	border-radius:4px;
	font-family: "Gotham";
}



select.icon-menu option {
  background-repeat:no-repeat;
  background-position: 2 3;
  padding-left:20px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 3px;
}

select.icon-menu option:active {
    background-color: #FFCE00 !important;
    color: #333333;
}

div.figure {
    color: #3b3b3b;
    cursor: pointer;
    display: inline-block;
    height: 130px;
    margin: 1.2em;
    padding: 0.5em;
    width: 120px !important; /* este es el ancho de la caja de los iconos en la globa de incio */
    vertical-align: top;
}



div.config-apps .figure {
    color: #5c6670;
}

div.figure:hover {
  color: #3b3b3b;
}

div.figure img{
 width:100px; /* tama�o de los iconos en la globa de incio */
 border-radius: 50%;
/* filter: hue-rotate(-222deg) saturate(2) brightness(1.4);*/
 background-color: #69A4AE;
}

div.figure img:hover{
 filter:  brightness(0.8);
}


div.figure p {
  text-align: center;
  text-indent: 0;
  font-size: 18px;
}

div.dark {
  color: #3b3b3b;
}
div.dark:hover {
    color: #3b3b3b !important;
}


p.light {
  color: #3b3b3b;
}

.select_nivel_0{
 padding-left: 2em !important;
}

.select_nivel_1{
 padding-left: 4em !important;
 background-position: 2em 0px !important;
}


.innertube{
margin-left: 0px;
margin-right: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}

#topsection{
    height: 50px; /*Height of top section*/
	position: fixed;
    width: 100%;
    z-index: 10;
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#usermenu {
    position: fixed;
    width: 100%;
    z-index: 12;
    top: 50px;
    left: 0;
    height: 4px !important;
	background: none repeat scroll 0 0 #3b3b3b;
    padding: 1.2em 10px;
    font-size: 11px;
    text-align: right;
    color: #f2f2f2;
	font-weight:200;
	opacity:0.96;

}
/*
#usermenu
background: #eee;
height: 30px;
}

#usermenu a{
color:#aaa;
text-decoration:none;
}

#usermenu a:hover{
color:#fff;
text-decoration:none;
}
*/

#header_left{
/*background-image: url('/static/img/baner_logo.png') no-repeat scroll 20px 7px;*/
/*background: linear-gradient(to bottom, #ffd300 0px, #ffbc00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
/*background: linear-gradient(to bottom, #ffd300 0px, #ffbc00 100%),  url("/static/img/baner_logo.png") no-repeat 50% 300px;*/
background: url("/static/img/baner_logo.png") no-repeat scroll 20px 7px, linear-gradient(to bottom, #ffd300 0px, #ffbc00 100%);
height: 55px;
opacity:0.96;
}

#slidemenu-izq ul.dropdown{
top: 1px;
}

#slidemenu-der ul.dropdown{
top: 1px;
}