/* Nome: copyright-somopar.css
 * Desenvolvido por: Webee E-marketing
 * Data da Criação: 07-05-2010
 * Última modificação: 07-05-2010/ Rafael Damasio
 * Copyright (c) 2010 Webee E-marketing (http://www.webee.com.br)
 * Versão: 3.0.0 */

/********************** Tipografia, cores e fundos / Reset */
/*html { overflow: -moz-scrollbars-vertical; } rolagem firefox */

* { margin: 0; padding: 0; list-style-type:none; font-family: "Trebuchet MS"; font-size: 12px; text-decoration: none; border: none; outline: none;}
body { background: url(../img/fundo.png) repeat-x left top; text-align: center;}
h1 {}
h2 { margin: 0; padding: 0;}
h3 {}
h4 {}
h5 {}
h6 {}
ul {}
p {}
em {}
button { background: none;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}
img { border: none;}
a img { border: none; }
object { outline: none; border: none;}
input { border: none;}
select { border: none;}

/* LAYOUT */

/* TUDO */
#tudo { width: 998px; margin: auto; background: #FFF; text-align: left;}

#topo-index { width: 998px; position: relative;}
#topo-internas { width: 998px; position: relative;}
#topo-index .menuTopoFlash { position: absolute; top: 130px; left: 0; z-index:3000;}

#corpo-index { width: 998px; min-height: 285px; height: auto!important; height: 285px; padding-bottom: 30px;}
.bloco { width: 260px; padding: 16px 35px 0; background: url(../img/bloco-titulo.png) right top no-repeat; float: left;}
* html .bloco { width: 250px; padding: 16px 35px 0 10px;}
.bloco .bloco-titulo { padding: 10px 0 0 45px; color: #FF0000; font-size: 12px;}
.bloco .bloco-conteudo { min-height: 190px; height: auto!important; height: 190px; padding: 10px 35px 34px 80px; margin: 0 -35px; background: url(../img/bloco-rodape.png) right bottom no-repeat;}
.bloco .bloco-conteudo div { width: 220px; float: left;}
.bloco .bloco-conteudo div a.linkIndex { width: 210px; padding: 0; margin: 50px 0 0 10px; float: left;}
.bloco .bloco-conteudo p { width: 228px; font-size: 12px; color: #000000; line-height: 15px;}
.bloco .bloco-conteudo strong { color: #000000; font-weight: normal; text-decoration: underline;}
.bloco .bloco-conteudo a { width: 280px; float: left; display: block; margin-left: 30px;}
* html .bloco .bloco-conteudo a { width: auto;}
.bloco .bloco-conteudo a img { margin: auto;}
.bloco .bloco-conteudo .bloco-conteudo-produtos { width: 209px; height: 38px; border-bottom: 1px solid #D2D2D2; margin-bottom: 8px;}
.bloco .bloco-conteudo .bloco-conteudo-produtos img { float: left; padding-left: 5px;}
.bloco .bloco-conteudo .bloco-conteudo-produtos span { width: 95px; float: left; padding-top: 6px; text-align: right;}
.bloco .bloco-conteudo .bloco-conteudo-produtos span a { width: 90px; padding: 0; margin: 0; color: #666666;}
.bloco .bloco-conteudo .bloco-conteudo-produtos span a:hover { text-decoration: underline;}

.bloco .bloco-conteudo-contato { min-height: 95px; height: auto!important; height: 95px!important; padding: 10px 35px 34px 70px; margin: 0 -35px; background: url(../img/bloco-rodape.png) right bottom no-repeat;}
.bloco .bloco-conteudo-contato div { padding-left: 0;}
.bloco .bloco-conteudo-contato div img { float: left; padding-right: 16px;}
* html .bloco .bloco-conteudo-contato div img { padding-right: 10px;}
.bloco .bloco-conteudo-contato p { padding-top: 20px; font-size: 12px; color: #000000;}
* html .bloco .bloco-conteudo-contato p { width: 225px; float: left;}
.bloco .bloco-conteudo-contato p strong { font-weight: normal; font-size: 12px; color: #000000; text-decoration: underline;}

/* INTERNAS */

#corpo-internas { width: 998px; min-height: 562px; height: auto!important; height: 562px; position: relative; margin-top: 130px; padding-bottom: 30px;}

/* QUEM SOMOS */

.box-vazio { width: 233px; min-height: 562px; height: auto!important; height: 562px; float: left;}
.box-central { width: 452px; min-height: 562px; height: auto!important; height: 562px; float: left; padding-bottom: 58px;}
.box-central h1 { width: 376px; height: 35px; background:url(../img/bgTitles.png) no-repeat left top; padding: 4px 0 0 46px; color: #FF0000; font-weight: bold;}
.box-central h2 { width: 349px; height: 20px; background: url(../img/bgTitlesInternas.jpg) no-repeat left 2px; margin: 29px 0 0 10px; padding: 0 0 0 24px; color: #FF0000; font-weight: normal;}
.box-central h3 { width: 349px; height: 20px; margin: 13px 0 0 10px; padding: 0; color: #F60; font-weight: normal;}
.box-central p { width: 600px; padding: 10px 0 0 10px;}
.box-central p a { display: block; padding-top: 25px;}
.box-central p a:hover { text-decoration: underline;}

.box-central ul.pacSomopar { padding: 0 0 0 10px; margin: 0;}
.box-central ul.pacSomopar li { height: 26px; padding: 0 0 0 16px; background:url(../img/imgListaQuemSomos.jpg) no-repeat left 2px;}


.box-direita { width: 313px; min-height: 562px; height: auto!important; height: 562px; float: left;}
.bloco-quem-somos { width: 260px; padding: 16px 35px 0 0; background: url(../img/bloco-titulo.png) left top no-repeat; float: left; margin: 23px 0 0 0;}
* html .bloco-quem-somos { width: 255px;}
.bloco-quem-somos .bloco-titulo { padding: 0 0 0 45px; color: #FF0000; font-size: 12px;}
.bloco-quem-somos .bloco-conteudo { min-height: 190px; height: auto!important; height: 190px; padding: 10px 35px 34px 40px; margin: 0 -35px 0 0; background: url(../img/bloco-rodape.png) left bottom no-repeat;}
.bloco-quem-somos .bloco-conteudo .link-amplia { margin: 0; padding: 0; position: relative;}
.bloco-quem-somos .bloco-conteudo .link-amplia .img-amplia { position: absolute; top: 100px; left: 0;}
.bloco-quem-somos .bloco-conteudo .vcard { width: 220px; padding-top: 150px; *padding-top: 10px;}
.bloco-quem-somos .bloco-conteudo a { width: 280px; float: left; display: block; margin-left: 30px;}
* html .bloco-quem-somos .bloco-conteudo a { width: auto;}
.bloco-quem-somos .bloco-conteudo a img { margin: auto;}


/* TRABALHE CONOSCO */

.box-central form { padding-left: 10px;}
.box-central form ul {}
.box-central form ul li { width: 350px; float: left; padding-top: 10px;}
.box-central form ul li.msg-curriculo { padding-top: 15px;}


.box-central form ul li.button_por { height: 39px;}
.box-central form ul li.button_por div { float: right;}
.box-central form ul li.button_por div button { width: 67px; height: 39px; cursor: pointer;}
.box-central form ul li.button_por div button.btEnviar { background: url(../img/por/btEnviar.jpg) no-repeat left top;}
.box-central form ul li.button_por div button.btLimpar { background: url(../img/por/btLimpar.jpg) no-repeat left top;}
.box-central form ul li.button_por div button span { display: none;}


.box-central form ul li.button_ing { height: 39px;}
.box-central form ul li.button_ing div { float: right;}
.box-central form ul li.button_ing div button { width: 67px; height: 39px; cursor: pointer;}
.box-central form ul li.button_ing div button.btEnviar { background: url(../img/ing/btEnviar.jpg) no-repeat left top;}
.box-central form ul li.button_ing div button.btLimpar { background: url(../img/ing/btLimpar.jpg) no-repeat left top;}
.box-central form ul li.button_ing div button span { display: none;}


.box-central form ul li.button_esp { height: 39px;}
.box-central form ul li.button_esp div { float: right;}
.box-central form ul li.button_esp div button { width: 67px; height: 39px; cursor: pointer;}
.box-central form ul li.button_esp div button.btEnviar { background: url(../img/esp/btEnviar.jpg) no-repeat left top;}
.box-central form ul li.button_esp div button.btLimpar { background: url(../img/esp/btLimpar.jpg) no-repeat left top;}
.box-central form ul li.button_esp div button span { display: none;}


.box-central form ul li label { width: 87px; height: 21px; float: left;}
.box-central form ul li div { float: left;}
.box-central form ul li div input { width: 258px; height: 20px; background: #E2E2E2; border-top: 1px solid #999999; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #999999;}
.box-central form ul li div select { width: 260px; height: 22px; background: #E2E2E2; border-top: 1px solid #999999; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #999999;}
.box-central form ul li div textarea { width: 258px; height: 168px; background: #E2E2E2; border-top: 1px solid #999999; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #999999; overflow: auto;}

.bloco-quem-somos { width: 260px; padding: 16px 35px 0 0; background: url(../img/bloco-titulo.png) left top no-repeat; float: left; margin: 23px 0 0 0;}
* html .bloco-quem-somos { width: 255px;}
.bloco-quem-somos .bloco-titulo { padding: 0 0 0 45px; color: #FF0000; font-size: 12px;}
.bloco-quem-somos .bloco-conteudo { min-height: 190px; height: auto!important; height: 190px; padding: 10px 35px 34px 40px; margin: 0 -35px 0 0; background: url(../img/bloco-rodape.png) left bottom no-repeat;}
.bloco-quem-somos .bloco-conteudo .link-amplia { margin: 0; padding: 0; position: relative;}
.bloco-quem-somos .bloco-conteudo .link-amplia .img-amplia { position: absolute; top: 100px; left: 1px;}
.bloco-quem-somos .bloco-conteudo .vcard { width: 220px; padding-top: 150px; *padding-top: 10px;}
.bloco-quem-somos .bloco-conteudo a { width: 280px; float: left; display: block; margin-left: 30px;}
* html .bloco-quem-somos .bloco-conteudo a { width: auto;}
.bloco-quem-somos .bloco-conteudo a img { margin: auto;}

/* REPRESENTANTANTES */

#corpo-internas-representantes { width: 998px; min-height: 562px; height: auto!important; height: 562px; position: relative; margin-top: 50px; padding-bottom: 30px; background: url(../img/bgRepresentantes.jpg) no-repeat 230px 55px;}

.box-central-representantes { width: 390px; min-height: 562px; height: auto!important; height: 562px; float: left; padding-bottom: 58px;}
* html .box-central-representantes { width: 370px;}
.box-central-representantes h1 { width: 376px; height: 35px; background:url(../img/bgTitles.png) no-repeat left top; padding: 4px 0 0 46px; color: #FF0000; font-weight: bold;}
* html .box-central-representantes h1 { width: 330px;}
.box-central-representantes h2 { padding: 14px 0 0 43px; color: #28166C; font-weight: bolder;}
.box-central-representantes h3 { padding: 50px 0 0 17px; color: #000; font-size: 12px; font-weight: normal;}
.bloco-representante { width: 260px; padding: 16px 35px 0; background: url(../img/bloco-titulo-maior.png) left top no-repeat; float: left;}
* html .bloco-representante {}
.bloco-representante .bloco-titulo { padding: 0 0 0 45px; color: #FF0000; font-size: 12px;}
.bloco-representante .bloco-conteudo { min-height: 190px; height: auto!important; height: 190px; padding: 0 35px 40px 35px; margin: 0 -5px 0 -35px; background: url(../img/bloco-rodape-maior.png) left bottom no-repeat;}
* html .bloco-representante .bloco-conteudo { padding: -40px 35px 40px 35px; margin: 0 -9px 0 -35px;}
.bloco-representante .bloco-conteudo .vcard { width: 220px; padding: 0; margin: 0 0 0 0;}
.bloco-representante .bloco-conteudo .vcard hr { width: 215px; margin: auto; border: 1px solid #CCCCCC;}
.bloco-representante .bloco-conteudo .vcard .fn { font-size: 12px; color: #FF0000; font-weight: bolder;}
.bloco-representante .bloco-conteudo .vcard span { color: #000;}
.bloco-representante .bloco-conteudo .vcard .contato {}
.bloco-representante .bloco-conteudo .vcard .atuacao {}
.bloco-representante .bloco-conteudo .vcard .mail {}
.bloco-representante .bloco-conteudo .vcard .tel {}
.bloco-representante .bloco-conteudo .vcard .tel-celular {}
.bloco-representante .bloco-conteudo a { width: 280px; float: left; display: block; margin-left: 30px;}
* html .bloco-representante .bloco-conteudo a { width: auto;}
.bloco-representante .bloco-conteudo a img { margin: auto;}

.box-direita-representante { width: 341px; min-height: 562px; height: auto!important; height: 562px; float: left; padding: 34px 0 0 0;}
.bloco-representantes-contato { width: 260px; padding: 16px 35px 0; background: url(../img/bloco-titulo.png) right top no-repeat; float: left;}
.bloco-representantes-contato .bloco-titulo { padding: 0 0 0 45px; color: #FF0000; font-size: 12px;}
.bloco-representantes-contato .bloco-conteudo-contato { min-height: 100px; height: auto!important; height: 100px; padding: 10px 35px 34px 70px; margin: 0 -35px; background: url(../img/bloco-rodape.png) right bottom no-repeat;}
.bloco-representantes-contato .bloco-conteudo-contato div { padding-left: 0;}
.bloco-representantes-contato .bloco-conteudo-contato div img { float: left; padding-right: 16px;}
* html .bloco-representantes-contato .bloco-conteudo-contato div img { padding-right: 10px;}
.bloco-representantes-contato .bloco-conteudo-contato p { padding-top: 20px; font-size: 12px; color: #000000;}
* html .bloco .bloco-conteudo-contato p { width: 225px; float: left;}
.bloco-representantes-contato .bloco-conteudo-contato p strong { font-weight: normal; font-size: 12px; color: #000000; text-decoration: underline;}

/*### NOTICIAS ###*/
.bloco-noticias-contato { width: 260px; padding: 16px 35px 0 0; background: url(../img/bloco-titulo.png) right top no-repeat; float: left;}
.bloco-noticias-contato .bloco-titulo { padding: 0 0 0 45px; color: #FF0000; font-size: 12px;}
.bloco-noticias-contato .bloco-conteudo-contato { min-height: 100px; height: auto!important; height: 100px; padding: 10px 35px 34px 70px; margin: 0 -35px; background: url(../img/bloco-rodape.png) right bottom no-repeat;}
.bloco-noticias-contato .bloco-conteudo-contato div { padding-left: 0;}
.bloco-noticias-contato .bloco-conteudo-contato div img { float: left; padding-right: 16px;}
* html .bloco-noticias-contato .bloco-conteudo-contato div img { padding-right: 10px;}
.bloco-noticias-contato .bloco-conteudo-contato p { padding-top: 20px; font-size: 12px; color: #000000;}
* html .bloco .bloco-conteudo-contato p { width: 225px; float: left;}
.bloco-representantes-contato .bloco-conteudo-contato p strong { font-weight: normal; font-size: 12px; color: #000000; text-decoration: underline;}


/*### PRODUTOS ###*/

.selecioneProdutos { float: left; padding: 165px 0 0 28px;}
.selecioneProdutos form { width: 175px;}
.selecioneProdutos form ul {}
.selecioneProdutos form ul li { padding-bottom: 20px;}
.selecioneProdutos form ul li label { color: #666666; font-size: 11px;}
.selecioneProdutos form ul li div {}
.selecioneProdutos form ul li div select { width: 175px; background: #E2E2E2; border: 1px solid #999999; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}

.box-central h1 span { text-decoration: underline;}
.box-central img { padding: 10px 0 0 10px;}
.lista-produtos { padding: 10px 0 0 20px; position: relative; z-index:1000;}
.lista-produtos li { width: 211px; height: 180px; text-align: center; padding: 0 14px 20px 0; float: left;}
.lista-produtos li a { width: 209px; color: #000;}
.lista-produtos li a:hover { text-decoration: underline;}
.lista-produtos li span { display: block; font-weight: bolder;}
.lista-produtos li a img { width: 209px; height: 139px; padding: 0; margin: 0; border: 1px solid #CCCCCC;}

.cores { width: 640px; float: left;}
.cores li { float: left;}


/*### ÁREA RESTRITA ###*/

.linksDireitaRestrita { width: 215px; height: 455px; margin: 160px 0 0 7px; background: url(../img/bgLinkEsquerda.jpg) no-repeat left top;}
.linksDireitaRestrita {}
.linksDireitaRestrita ul { width: 151px; padding: 10px 0 0 30px; text-align: center;}
.linksDireitaRestrita ul li { padding: 10px 0; border-bottom: 1px solid #D2D2D2;}
.linksDireitaRestrita ul li a { color: #666666; font-family: "Verdana"; font-size: 11px;}
.linksDireitaRestrita ul li a:hover { text-decoration: underline;}


.tabelaRestrita { width: 420px; padding: 0; margin: 10px 0 0 10px;}
.tabelaRestrita tr {}
.tabelaRestrita tr.cabecalhoTabela {}
.tabelaRestrita tr th { background: #E0E0E0; height: 26px; color: #666666; font-size: 11px; text-align: left; padding-left: 10px; border: 1px solid #CCCCCC; border-right: none; border-left: none;}
.tabelaRestrita tr th.arquivo { width: 239px; border-left: 1px solid #CCCCCC;}
.tabelaRestrita tr th.extensao { width: 59px;}
.tabelaRestrita tr th.link { width: 91px; padding: 0; text-align: center; border-right: 1px solid #CCCCCC;}

.tabelaRestrita tr td { padding-left: 10px; border: 1px solid #CCCCCC; border-top: none;}
.tabelaRestrita tr td.arquivo { width: 239px; border-right: none; padding: 5px; font-size: 11px; color: #666666; padding-left: 10px;}
.tabelaRestrita tr td.extensao { width: 59px; border-right: none; border-left: none; color: #666666; padding: 5px 0 0 10px; font-weight: bolder;}
.tabelaRestrita tr td.link { width: 91px; padding: 0; text-align: center; border-left: none;}
.tabelaRestrita tr td strong { font-weight: bold; color: #666666; font-size: 11px;}


#rodape { width: 998px; height: 28px; background: url(../img/bgRodape.jpg) repeat-x left top; margin: auto; clear: both; position: relative;}
#rodape address { width: 267px; margin: auto; padding-top: 5px; font-size: 12px; color: #666666; font-style: normal;}
#rodape a { position: absolute; right: 57px; top: 6px;}

.listaCatalogos { width: 700px; float: left; padding-top: 30px;}
.listaCatalogos li { float: left; padding: 0 30px 60px 0;}
.listaCatalogos li h3 { display: block; width: 250px; margin: auto; text-align: center; font-size: 16px; color: #F00; font-weight: bold;}
.listaCatalogos li a {}
.listaCatalogos li a img{}