@charset "utf-8";
/* Sistema financiero
   header.css */

Body
{ margin:0px; padding:0px; }

.titulo
{ font-family: 'Belgrano', serif; font-size:18px; 
color:#fff; text-shadow: 1px 1px 1px #333; }

.subtitulo
{ font-family:Calibri; font-size:13px; color:#FFFFFF; }

.title_name
{ font-family:Calibri; font-size:13px; font-weight:none; color:#3b3b3a; }

#notificaciones
{ float:left; width:auto; height:auto; margin-left:15px; margin-top:5px;  }

#notificaciones a
{ color:#006699; text-decoration:none; }

#notificaciones a:hover
{ color:#006699; text-decoration:none; }

#notificaciones a:active
{ color:#006699; text-decoration:none; }

#notificaciones a:visited
{ color:#006699; text-decoration:none; }



#email
{ width:32px; height:32px; float:left; }

.title_email
{ font-family:Calibri; font-size:14px; font-weight:none; color:#3b3b3a; }

#header
{ margin:auto; min-width:1360px; background:#6686a3;/*url(../images/header_bg.jpg);*/ height:89px; } /* min-width:1260px; */

#sub_header
{ margin:auto; min-width:1360px; background:#eee; height:100px; border-bottom:1px solid #B6BEC9;}/* min-width:1260px; */

#logo
{ float:left; margin-left:40px; width:350px; height:80px; margin-top:3px; background:url(../images/logo.png); }

#login
{ float:right; width:400px; height:auto; margin-top:3px; font-family:Calibri; font-size:13px; font-weight:bold; color:#FFFFFF; }

#login a
{ text-decoration:none; color:#b5b5b5; }

#login a:hover
{ text-decoration:none; color:#CCCCCC; }

#login a:visited
{ text-decoration:none; color:#b5b5b5; }

#login a:active
{ text-decoration:none; color:#b5b5b5;}


#login_active
{ float:left; width:300px; height:auto; margin-top:3px; font-family:Calibri; font-size:13px; font-weight:bold; color:#FFFFFF; }

#login_active a
{ text-decoration:none; color:#84d0f0; }

#login_active a:hover
{ text-decoration:none; color:#84d0f0; }

#login_active a:visited
{ text-decoration:none; color:#84d0f0; }

#login_active a:active
{ text-decoration:none; color:#84d0f0;}

#menu
{ margin:auto; background:#EAEAEA; min-width:1024px; height:50px; border-bottom:1px solid #999999; }

#menu_element
{ float:left; margin-left:50px; width:1024px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; margin-top:6px; }

#menu_element a
{ text-decoration:none; color:#333333; }

#menu_element a:hover
{ text-decoration:none; color:#0066CC; }

#menu_element a:visted
{ text-decoration:none; color:#333333; }

#menu_element a:active
{ text-decoration:none; color:#333333; }


.top-nav {
    float: right;
    height: 90px;
    margin: 0 20px 0 0;
}
.top-nav li {
    display: inline;
    float: left;
}
.top-nav li a img {
    display: block;
    margin: 0 auto 3px;
}
.top-nav ul:hover li a {
    background: none repeat scroll 0 0 transparent !important;
    box-shadow: 0 0 0 #33485A inset !important;
}
.top-nav li a {
    color: #FFFFFF;
    float: left;
    font: 16px Calibri;
    height: 38px;
    padding: 31px 0 22px;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 1px #4A687D;
    width: 112px;
	margin-top:-19px;
}
.top-nav li:last-child a {
    margin-right: 0;
}
.top-nav ul li a:hover, .top-nav ul li a:active, .activo {
    background-color: #415B71 !important;
    box-shadow: 0 0 10px #33485A inset !important;
}
.top-nav ul li a:active, .activo {
    cursor: default;
}

#info_user
{ float:left; width:400px; height:90px; margin-top:5px; margin-left:20px; }

#mail_user
{ float:right; width:350px; height:90px; margin-top:5px; margin-right:20px; }


#picture
{ float:left; width:95px; height:80px; }

#user
{ float:left; width:280px; height:auto; margin-left:5px; }

#user_mail
{ float:right; width:250px; height:auto; margin-left:5px; }

#user_actor
{ margin:auto; width:190px; height:auto; margin-left:0px; }

#actor_flag
{ margin:auto; width:40px; height:auto; margin-left:0px; }

#user a
{ text-decoration:none; color:#0099CC; }

#user a:hover
{ text-decoration:none; color:#0099CC; }

#user a:visited
{ text-decoration:none; color:#0099CC; }

#user a:active
{ text-decoration:none; color:#0099CC; }


#reputacion_user
{ float:right; width:100px; height:90px; margin-top:5px; margin-left:20px; }

#header_reputacion
{ width:300px; height:20px; }

#title_reputacion
{ width:300px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; margin-left:10px; margin-top:4px; }

#info_notificacion
{ float:right; width:350px; height:90px; margin-top:5px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px; }