/*
EmpresasVALE - estilo.css
Folha de Estilo Principal
Por Ramon e Bruno
*/

/* -------- IDS -------- */

#topo {background-image:url(../img/topo-fundo.jpg); background-repeat:repeat-x; background-position:center top; background-color:#f1f1f1; height:138px; padding-top:24px; min-width:950px;}
#topo .logo {float:left;}
#topo .banner-topo {float:right;}

#busca {
	background-image:url(../img/busca-fundo.jpg); background-repeat:repeat-x; background-color:#c30d06;
	height:102px; padding-top:25px; color:#550505; font-style:italic; font-size:10px; min-width:950px;
}
#busca .int {width:875px;}
#busca input.destaque {border:1px solid #b1130d; font-size:16px; width:700px; color:#000; height:19px;}
#busca input.buscar {background-image:url(../img/busca-botao.gif); background-position:top left; width:122px; height:29px; border:1px solid #fff;}
#busca input.buscar:hover {background-image:url(../img/busca-botao.gif); background-position:bottom left; cursor:pointer;}
#busca input.buscar:focus {cursor:wait;}

#busca a {text-decoration:underline; color:#550505; font-style:normal;}
#busca a:hover {text-decoration:none;}
#busca .todascat a {color:#fff; font-style:italic;}
#busca td {white-space:nowrap;}

#menu {background-image:url(../img/menu-fundo.jpg); background-repeat:repeat-x; background-color:#ededed; height:51px; border-bottom:1px solid #d5d5d5;}
#menu ul {margin:0; padding:0; list-style:none; text-transform:uppercase; font-weight:bold; font-size:12px; letter-spacing:-1px;}
#menu ul li {float:left;}
#menu ul li a {display:block; width:auto; padding:18px 9px; color:#777777; text-decoration:none;}
#menu ul li a:hover {color:#c91009; background-color:#eaeaea;}

#miolo {padding:20px 0;}

#miolo #conteudo {width:685px; float:left; text-align:justify; line-height:18px;}

#miolo #conteudo .banner-avulso {float:right; padding-left:20px; padding-bottom:10px;}

#miolo #pub-lateral {width:235px; padding:5px; margin-left:18px; background-color:#eeeeee; border:1px solid #cbcbcb; float:left;}
#miolo #pub-lateral #hs-lateral {color:#6c6c6c; font-size:10px; padding:0 12px; height:100px;}
#miolo #pub-lateral #hs-lateral #hs1 {float:left;}
#miolo #pub-lateral #hs-lateral #hs2 {float:right; text-align:right;}
#miolo #pub-lateral #hs-lateral #hs1,
#miolo #pub-lateral #hs-lateral #hs2 {margin: 0; width: 105px; padding: 0; list-style:none;}
#miolo #pub-lateral #hs-lateral #hs1 li,
#miolo #pub-lateral #hs-lateral #hs2 li {display: block;}
#miolo #pub-lateral #hs-lateral #hs1 li a,
#miolo #pub-lateral #hs-lateral #hs2 li a {color:#6c6c6c; text-decoration:none; display:block}

#rodape {font-size:10px; color:#555555; text-align:center; padding-bottom:20px; clear:both;}
#rodape .banner-rodape {padding:20px 0; margin:0 auto; width:950px;}
#rodape #menu-rodape {background-color:#eaeaea; border:1px solid #c5c5c5; color:#8e8e8e; font-size:11px; height:140px; padding:30px 0; text-align:left;}
#rodape #menu-rodape a {color:#8e8e8e;}
#rodape #menu-rodape ul.rodape-bloco {margin:0 30px 0 0; padding:0; list-style:none; width:180px; float:left;}
#rodape #menu-rodape ul.rodape-bloco li {background-image:url(../img/rod-bullet.gif); background-repeat:no-repeat; background-position:left center;}
#rodape #menu-rodape ul.rodape-bloco li a {display:block; padding:3px 10px;}
#rodape #menu-rodape ul.rodape-bloco li a:hover {color:#e51d15; font-weight:bold;}
#rodape #menu-rodape ul.rodape-bloco li.first {font-weight:bold; background:none; padding-bottom:10px;}

#rodape #menu-rodape .redesocial {margin-left:800px;}

#rodape #logos {padding:25px 0; clear:both;}
#rodape a {text-decoration:none; color:#888888;}
#rodape a:hover {color:#454545}

/* ------- CLASSES ------- */

.voltar {text-align:right; font-size:14px;}
.voltar a {color:#9c9c9c; text-decoration:none; background-image:url(../img/voltar-seta.gif); background-repeat:no-repeat; background-position:left center; padding-left:30px;}
.voltar a:hover {color:#c70f08}

.curriculos, .curriculos a {color:#124190;}
.vagas, .vagas a {color:#673179;}
.classificados, .classificados a {color:#f94000;}

.lista-hotsite {margin: 0; padding: 0; list-style: none}
.lista-hotsite li {float: left; width: 160px;  height: 47px; background-image: url(../img/b_hotsite.gif); margin: 0 10px 14px 0}
.lista-hotsite li a {display: block; padding: 13px 0; text-align: center; text-decoration: none}
.lista-hotsite li a:hover {color:#fff;}
.lista-hotsite li:hover {background-position: left bottom}

.fonte {text-align:right; font-style:italic;}

.hshover {
    background-color: #fff;
    margin-left: 5px;
    padding:2px 4px;
}

.hsdefault {
    color: #6c6c6c;
    margin-left: 0;
    background-color:#eeeeee;
    padding:0;
}

.pag {font-size:18px;}
.pag td {width:50%;}
.pag a {color:#9c9c9c; text-decoration:none;}
.pag a:hover {color:#c70f08}

.pag-proxima {text-align:right; background-image:url(../img/pag-proxima.gif); background-repeat:no-repeat; background-position:right center; padding-right:40px;}
.pag-centro {text-align:center;}
.pag-anterior {text-align:left; background-image:url(../img/pag-anterior.gif); background-repeat:no-repeat; background-position:left center; padding-left:40px;}

.colunistas {margin:0; padding:0; list-style:none; line-height:normal;}
.colunistas li {float:left; width:120px; height:190px; margin:0 17px 8px 0; text-align:center;}
.colunistas a {text-decoration:none;}
.colunistas a:hover {font-weight:bold;}

.colunistas_foto {float:right; text-align:center; margin:0 0 15px 15px}

.erro {background-color:#ad0000; color:#fff; padding:10px;}
.atencao {background-color:#fff046; color:#333; padding:10px; border:1px solid #f1df1c}

.addthis_toolbox {padding-left:80px; margin-bottom:15px; background-image:url(../img/compartilhe.gif); background-position:left center; background-repeat:no-repeat;}

.fl-anuncie {position:fixed; right:0; top:170px; width:23px;}


/* ------- TAGS ------- */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	color:#6c6c6c;
	margin:0;
}

h1 {font-size:18px; color:#c70f08; font-weight:normal; border-bottom:1px dotted #a7a7a7; padding-bottom:0.3em; margin-top:0; text-decoration:none; text-align:left;}
h1 a {color:#c70f08; text-decoration:none;}

h1.tit-netnews {font-size:30px;}

h2, h2 a {font-family:Tahoma, Geneva, sans-serif; color:#016619; text-decoration:none; font-size:14px; font-weight:bold; margin-bottom:0.5em; margin-top:1em;}
h2 a:hover {color:#000; text-decoration:underline;}

h3 {color:#751c1c; margin:0; font-size:12px;}

h4 {color:#545454; margin:0; font-size:12px; font-weight:normal;}

h5, h5 a {color:#016619; text-decoration:none; font-size:13px; font-weight:normal; margin-bottom:0.5em; margin-top:1em;}
h5 a:hover {font-style:italic; text-decoration:underline;}

h6, h6a {font-size:11px; text-decoration:underline; text-transform:uppercase; margin-bottom:0.5em; margin-top:1em; font-weight:normal;}

h1, h2, h3, h4, h5, h6 {line-height:normal;}

a {color:#444; text-decoration:underline}
a:hover {text-decoration:none}

a img {border:none}

a.help:hover {background-color:#ffffff; text-decoration:none; cursor:help} /* background-color e necessario para o IE6 */
a.help span {display:none; padding:2px 3px; margin-left:2px; width:100px;}
a.help:hover span{display:inline; position:absolute; background:#000; border:1px solid #000; color:#fff; text-align:left; opacity:0.8; filter:alpha(opacity=80); font-size:10px; line-height:1.5em; z-index:100}

a.link-botao.help:hover span {display:block;}

form {margin:0;}
input, textarea, select {
	border:1px solid #b7b7b7; padding:5px 10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#333;
	background-image:url(../img/input-fundo.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#fff;
}
input.noborder {padding:0; border:none; background:none;}
input.botao {background-image:url(../img/botao-fundo.jpg); background-position:top; color:#fff; cursor:pointer; border:none;}
input.botao:hover {background-position:bottom;}

hr {margin-top:15px; border:0; background-color:#b7b7b7; height:1px;}

div.int {width:950px; margin:0 auto;}
div.clear {clear:both;}