html{min-width:960px;overflow-y:scroll}
body{background:#f0f5f8;color:#2c414e;font-family:Tahoma,Geneva,sans-serif;font-size:12px;line-height:20px}
#top{background:none repeat scroll 0 0 #fff}
#header{margin:0 auto;width:960px;position:relative}
#header .logoTokio{float:left}
#header .logoSistema{padding:0px 0px 5px 3px;width:500px}
.infos{float:right;text-align:left}
.userName{float:right;padding:0 10px 3px;color:#FFF;line-height:35px;background:#0c7e88;cursor:pointer}
.userName:hover{background:#2c424f}
.userName label{font-weight:700;background:url(../images/bullets/bltMenuSup.gif) no-repeat right 50%;padding-right:15px;cursor:pointer;text-shadow:0 1px 1px #426179}
.userName .actionUsers{float:right;position:absolute;right:0;top:37px;background:#2c424f;z-index:1000;display:none;padding:0 7px 7px 7px}
.userName .actionUsers a{color:#2c414e;background:#fff;display:block;line-height:20px;padding:3px 10px;text-decoration:none}
.userName .actionUsers a:hover{background:#658594;color:#fff;text-decoration:underline;text-shadow:0 1px 1px #426179}
.userName i{display:none}
.userName{border-radius:0 0 5px 5px}
.userName:hover{border-radius:0 0 0 5px}
.userName .actionUsers{border-radius:0 0 5px 5px}
.content{margin:0 auto;width:960px;padding:10px 10px 20px;z-index:1!important}
.textContent{background:#fff;box-shadow:0 1px 5px #dadada;padding:10px;width:auto;z-index:2}
.bread{color:#658593;font:11px tahoma;padding:110px 0px 0px 3px}
.bread a{color:#658593;font-weight:400;line-height:20px;padding:0 3px}
.bread a:hover{text-decoration:underline}
.bread span{color:#2c414e}
.bread a:active{color:#25282b;text-decoration:none}
#footer{background:none repeat scroll 0 0 #0c7e88;bottom:0;float:left;font-size:10px;overflow:hidden;position:fixed;width:100%;z-index:2;height:35px}
#footer .content{height:35px;margin:0 auto;padding-top:0;position:relative;width:960px;color:#FFF;font-size:12px;line-height:35px;text-align:center}
#footer a{color:#FFF}
.footerArrow{bottom:25px;float:left;left:50%;position:fixed}
.photo{border:1px solid #ccc}
#scroll-top{bottom:2px;display:inline-block;right:2px;position:fixed;z-index:9999;float:right;padding:3px 7px!important}
#scroll-top:after{border-bottom:.3em solid #fefefe;border-left:.3em solid transparent;border-right:.3em solid transparent;display:inline-block;height:0;margin-left:.35em;vertical-align:middle;width:0}
.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.clearfix{display:inline-block}
.clear{clear:both;display:block;height:30px;width:100%}
.clearBody{clear:both;display:block;margin-bottom:35px}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
@media(max-width:960px){html{min-width:480px}
#header{width:100%}
#header .logoSistema{margin-left:0;left:0}
.content{width:auto}
#menu{padding-bottom:5px}
#navigation{width:100%!important}
.menu-bar .banner .nav{margin:0 auto;width:auto}
.userName label{display:none}
.userName{height:38px}
.userName i{display:block;margin:13px 5px}
.userName .actionUsers{padding:7px}
#footer,.footerArrow{display:none}
.col2 span{float:left;width:49.2%;padding-right:3px}
.col3 span{float:left;width:32.1%;padding-right:5px}
h1{font-size:20px;color:#2c414e}
h2{font-size:18px}
h3{font-size:13px}
h4{font-weight:700}
}
@media(max-width:480px){html{min-width:320px}
#header{width:100%}
#header .logoSistema{margin-left:0;left:0;width:150px}
#header .logoSistema img{width:120px}
#header .logoTokio img{width:120px;margin-top:5px}
div.banner{top:60px}
.menu-bar{height:90px}
#navigation{width:100%!important}
.textContent .img100img{width:100%}
#footer,.footerArrow{display:none}
h1{font-size:20px;color:#2c414e}
h2{font-size:18px}
h3{font-size:13px}
h4{font-weight:700}
.img100img,.resize-right{width:100%!important}
}
}