/* HTML 5 FIX */
section,
article,
header,
footer,
nav,
aside,
hgroup { display: block; }

html, body{margin:0;padding:0;background-image: url("../imagens/fundo.png");background-attachment: fixed;}
.oculta{display: none;}
.erro{padding:10px;font: bold 14px arial;color:red;text-align: center;position:fixed;width:400px;left:50%;top:50%;margin: 0 0 0 -200px;border:1px solid red;background-color: white;}
.erro #fecha{position:absolute;top:0;right:0;cursor:pointer;}
.tamanhofixo{width:850px;margin:0 55px 0 55px;}
img{border:none;}
#tudo{width:960px;min-height:50px;margin: 0 auto;background-color: white;}
#topo{}
#topo #logo{float:left;width:227px;}
#topo #login{float:right;width:294px;height:130px;background-image: url("../imagens/login_totus.png");background-repeat: no-repeat;}
#topo #login #login_titulo{width:100%;text-align: center;padding: 4px 0 4px 0;font: bold 18px Arial;}
#topo #login .login_esp{padding: 4px 0 10px 0;margin:5px 0 0 0;}
#topo #login #login_campo{float:left;width:80px;margin: 0 0 0 25px;font: bold 16px Arial;}
#topo #login #login_input{float:left;width:150px;text-align: right;}
#topo #login #login_input .login{font: bold 12px arial;padding:2px;border:none;}
#topo #login #login_submit{float:right;margin: 0 33px 0 0;background: transparent;}
#topo #login #login_submit .login_submit{background: white;border:none;font: bold 14px arial;cursor: pointer;padding:2px 4px 2px 4px;margin: 0 2px 0 0;}
#topo #login #links_login2{float: left;padding:0 0 0 26px;}
#topo #login #links_login2 a{font: bold 12px arial;text-decoration: none;color:black;}
#topo #login #links_login2 a:hover{text-decoration: underline;}
#topo #login #links_login3{float: right;padding:0 34px 0 0;}
#topo #login #links_login3 a{font: bold 12px arial;text-decoration: none;color:black;}
#topo #login #links_login3 a:hover{text-decoration: underline;}


#menu {height:36px;clear: both;background-image: url("../imagens/fundo_menu_top.png");background-repeat: no-repeat;background-size: 100%;}
#menu ul{padding:0;margin:0;list-style: none;}
#menu ul li{display: inline;padding:8px 0 8px 0;margin:0;}
#menu ul li a{padding:80px 45px 8px 46px;display: inline-block;text-decoration: none;font: bold 16px arial;color:black;}
#menu ul li a:hover, #menu ul li a.ativo {background-color: black;color:white;}
#menu ul li a.baleft{
    -moz-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -khtml-border-radius: 20px;
}
#menu ul li a.baright{
    -moz-border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;    
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;    
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#slideshow{position:relative;margin: 10px 0 10px 0;height: 200px;border: 2px solid silver;}
#slideshow img {position:absolute;top:0;left:0;z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}

/*#slideshow {
    position:relative;
    height:376px;
    width:490px;
    margin:0 auto;
}*/



.box{float:left;width:269px;height:312px;background-image: url("../imagens/fundo_box.png");background-repeat: no-repeat;}
.box_titulo{font: bold 16px arial;height:40px;text-align: center;margin:0 auto;padding:5px 0 5px 0;}
.box_conteudo{width:227px;height:210px;background-color: white;font: 12px arial;padding:10px;margin: 0 10px 0 10px;line-height: 1.5em;text-align: justify;}
.box_rodape{text-align: right;width:255px;padding:5px 0 5px 0;font: bold 14px arial;color:white;}
.box_rodape img{float:right;margin: 0 0 0 5px}
a.box_link {text-decoration: none;color:white;}
a:hover.box_link{color:white;}

.box_dois{margin: 0 0 15px 0;float:left;width:400px;padding:15px 0 15px 15px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color:#F1F1F2;font: bold 14px arial;}
.box_tres{margin: 0 0 15px 0;float:right;width:400px;padding:15px 0 15px 15px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color:#F1F1F2;font: bold 14px arial;}
.box_quatro{margin: 0 0 15px 0;float:left;width:380px;}
.box_cinco{margin: 0 0 15px 0;float:right;width:380px;}
.box_numero_titulo{font: bold 16px arial;}
.box_numero_conteudo{padding:15px 15px 15px 15px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color:#F1F1F2;font: bold 12px arial;}
.box_numero_conteudo ul{margin: 0 0 0 -15px;}

#rodape{min-height:40px;clear: both;}
#rodape hr{border-top:2px solid black;}
#rodape #menu_dois{float:right;}
#rodape #menu_dois ul{list-style: none;display: block;margin:0;padding:0;}
#rodape #menu_dois ul li{float:left;display: block;padding:10px 0 10px 0;margin:0;}
#rodape #menu_dois ul li a{padding:5px 10px 5px 10px;display: inline-block;text-decoration: none;font: bold 12px arial;color:black;}
#rodape #menu_dois ul li a:hover, #rodape #menu_dois ul li a.ativo {text-decoration: underline;}
#rodape #menu_dois ul li ul {display: none;}
#rodape #credito{text-align: center;padding:4px 0 4px 0;clear: both;font: 12px arial;}

#conteudo_titulo{margin: 20px 0 20px 0;padding: 10px 0 10px 0;font: bold 20px arial;}
#conteudo_texto{font: 13px arial;text-align: justify;}

#login_dois{float:left;width:408px;height:190px;background-image: url("../imagens/fundo_login_dois.png");background-repeat: no-repeat;}
#login_dois #login_titulo{width:100%;text-align: center;padding: 10px 0 10px 0;font: bold 18px Arial;}
#login_dois .login_esp{padding: 4px 0 10px 0;margin:10px 0 0 0;}
#login_dois #login_campo{float:left;width:100px;margin: 10px 0 0 25px;font: bold 16px Arial;}
#login_dois #login_input{float:left;width:250px;text-align: right;margin: 10px 0 0 0;}
#login_dois #login_input .login{font: bold 12px arial;padding:5px;border:none;}
#login_dois #login_submit{float:right;margin: 10px 30px 0 0;background: transparent;}
#login_dois #login_submit .login_submit{background: white;border:none;font: bold 14px arial;cursor: pointer;margin:0 4px 0 0;padding:4px;}
#login_dois #links_login{float:left;margin: 10px 0 0 30px;}
#login_dois #links_login a{text-decoration: none;font: bold 12px arial;color:black;}
#login_dois #links_login a:hover{text-decoration: underline;}

#atendimento_expresso{float:right;width:366px;}
#atendimento_expresso_titulo{padding: 0 0 10px 0;font: bold 18px Arial;}
#atendimento_expresso_conteudo{width:367px;height:35px;padding:15px 0 0 0;text-align: center;background-image: url("../imagens/atendimento_expresso.png");background-repeat: no-repeat;}
#atendimento_expresso_conteudo a{font: bold 12px arial;text-decoration: none;color:black;}
#atendimento_expresso_conteudo a:hover{text-decoration:underline;}

#contato{float:left;width:400px;}
#contato #contato_titulo{font: bold 18px arial;padding: 0 0 10px 0;}
#contato #contato_conteudo{padding:20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color:#F1F1F2;}
#contato #contato_conteudo #campo{float:left;width:80px;font: bold 14px arial;margin: 10px 0 0 0;}
#contato #contato_conteudo #input{float:right;margin: 10px 0 0 0;}
#contato #contato_conteudo #input .contato{border: 1px solid silver;padding:2px;font: bold 12px arial;}
#contato #contato_conteudo #submit{float:right;clear: both;}
#contato #contato_conteudo #submit .contato_submit{background: transparent;font: bold 14px arial;padding:5px;border:none;cursor: pointer;}

#contatos{float:right;width:400px;}
#contatos #contatos_titulo{font: bold 18px arial;padding: 0 0 10px 0;}
#contatos #contatos_conteudo{padding:20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color:#F1F1F2;font: bold 17px arial;line-height: 1.5em;}


#menu_dropdown{z-index:99;height:36px;clear: both;background-image: url("../imagens/fundo_menu_top.png");background-repeat: no-repeat;background-size: 100%;}
#menu_dropdown ul{z-index:99;display: block;margin:0;padding:0;}
#menu_dropdown ul li{float:left;display: block;position:relative;border-left:2px solid black;}
#menu_dropdown ul li:first-child{border-left:none;}
#menu_dropdown ul li a{padding:8px 46px 8px 46px;display: block;text-decoration: none;color:#fff;font: bold 16px arial;color:black;}
#menu_dropdown ul li a:hover, #menu_dropdown ul li a.ativo{background: black;color: white;}
#menu_dropdown ul li ul{display: none;position: absolute;width: 250px;}
#menu_dropdown ul li ul li{float:none;}
#menu_dropdown ul li:hover ul{display: block;}
#menu_dropdown a.submenu{font: bold 14px arial;padding:8px 8px 8px 8px;background-color: #ccc;}
#menu_dropdown ul li a.baleft{
    -moz-border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -khtml-border-radius: 20px;
}
#menu_dropdown ul li a.baright{
    padding:8px 53px 8px 46px;
    -moz-border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;    
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;    
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}