/*Theme Name: Terwal
Theme URI: http://www.terwal.com.br/
Description: Site da empresa Terwal
Author: design: Fernando Damasceno / implementação: Tiago Celestino
Author URI: */
html, body {height: 100%;}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form, fieldset, legend, dl, dt, dd, ul, li {margin: 0;	padding: 0;}
body {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
ol, ul {list-style: none;}
blockquote, q {quotes: none}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
img {border:0;}
address {font-style: normal}
form {margin:0;	padding:0;}
fieldset {border:0;}
legend {display:none;}
p {color:#010101;}
a {text-decoration:none; outline: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

.clear {clear:both}
.alignleft {float: left; margin-right: 20px;}
.alignright {float:right; margin-left: 20px;}
.afasta {margin-bottom: 20px;}
.afasta-dois {margin-bottom: 70px;}
.afasta-tres {margin-top:30px}
.btn-ampliar, .btn-orcamento {padding:8px; text-transform:uppercase; text-align:center;}
.btn-ampliar {background:#ccc; text-align:center}
.btn-voltar {float:right; margin-right:25px; padding:0 0 0 10px; background:url(images/icon_volta.gif) no-repeat 0 50%; color:#0039ac; letter-spacing:3px;}
a:hover.btn-voltar {text-decoration:none; color:#a3c8e5;}

a.btn-orcamento {display:block; width:264px; margin:10px 0 5px 0; background:#E5E5E5; color:#666; text-align:center}
a:hover.btn-orcamento {background:#DCDCDC}

.lupa-ampliar {display:block; position:absolute; z-index:10; width:23px; height:20px; margin:189px 0 0 257px; background:url(images/icon_lupa.gif) no-repeat; cursor:pointer;}
.lupa-ampliar a {text-indent:-50000px; display:block; width:23px; height:20px;}

.titulos-meio {width: 513px; height: 29px; padding: 8px 10px 0 10px; margin-bottom: 20px; font-weight: normal; font-size: 20px; text-transform: uppercase; color: #024da1;background:url(images/bg_titulo_meio.gif) no-repeat;}

/*navegacao funcional*/
.breadcrumb {float:left; width:100%; margin:0 0 20px 0; padding:0; border-bottom:1px solid #ccc}
.breadcrumb li {float:left; margin:0 5px 13px 0; color:#333}
.breadcrumb li a {color:#333}
.breadcrumb li a:hover {color:#034ea2}

/*páginacao*/
.box-paginacao {clear:both; float:left; width:100%; margin:10px 0 30px 0;}
.paginas a, .paginas strong, .paginas span {margin-right:5px; padding:3px; color:#6394d0;}
.box-paginacao .link-proximo, .link-proximo-single a {float:right; padding:12px; background-color:#fff; font-size:18px; color:#ccc; width:92px; text-align:center;}
.link-proximo-single a { width:auto; }
.box-paginacao .link-proximo:hover, .link-proximo-single a:hover {text-decoration:none;	background-color:#fff; color:#fff;}
.box-paginacao .link-anterior, .link-anterior-single a {float:left;	padding:12px;	background-color:#fff;	font-size:18px;	color:#ccc;	width:92px;	text-align:center;}
.link-anterior-single a { width:auto; }
.box-paginacao .link-anterior:hover, .link-anterior-single a:hover {text-decoration:none; background-color:#fff;	color:#333;}
.paginas {float:left; text-align:center; width:300px; margin:0 auto; padding-top:13px; height:32px;}
.box-paginacao .link-anterior-sem {float:left;padding:12px; font-size:18px;	color:#fff;	width:92px;	}
.box-paginacao .link-proximo-sem {float:right;	padding:12px; font-size:18px;	color:#fff;	width:92px; text-align:right}
.link-proximo-single a {float:right;}

.box-paginacao a.link-proximo, .link-proximo-single a {background-color:#fff; color:#fff;}
.box-paginacao a.link-proximo:hover, .link-proximo-single a:hover {background-color:#fff; color:#fff;}
.box-paginacao a.link-anterior, .link-anterior-single a {background-color:#fff; color:#fff;}
.box-paginacao a.link-anterior:hover, .link-anterior-single a:hover {background-color:#fff; color:#fff;}

/*validação*/
.formError {position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000;}
.formError .formErrorContent {width:100%; background: #ee0101; color:#FFF; width: 150px; font: 11px Arial; border: 2px solid #DDD; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.greenPopup .formErrorContent {background: #33be40;}
.yellowPopup .formErrorContent {background: #393939; color: #FFF;}
.formError .formErrorArrow{position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001;}
.formError .formErrorArrow div{border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin:0 auto; line-height: 0px; font-size: 0px; display: block;}
.greenPopup .formErrorArrow div{background: #33be40;}
.yellowPopup .formErrorArrow div{background: #393939; color: #FFF;}
.formError .formErrorArrow .line10{width: 15px;border: none;} 
.formError .formErrorArrow .line9{width: 13px; border: none;} 
.formError .formErrorArrow .line8{width: 11px;} 
.formError .formErrorArrow .line7{width: 9px;} 
.formError .formErrorArrow .line6{width: 7px;} 
.formError .formErrorArrow .line5{width: 5px;} 
.formError .formErrorArrow .line4{width: 3px;} 
.formError .formErrorArrow .line3{width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0px solid #ddd;} 
.formError .formErrorArrow .line2{width: 3px;border: none; background: #ddd;}
.formError .formErrorArrow .line1{width: 1px; border: none; background: #ddd;}

#ctn_topo, #conteudo, #ctn_rodape {width:953px; margin:0 auto}

/*topo*/
#topo {width:100%; height:460px; background:url(images/bg_topo.jpg) no-repeat top}
#ctn_topo {padding-top:10px;}
#ctn_topo .col-um, #ctn_topo .col-dois {float:left;}
#ctn_topo .col-um {width:275px}
#ctn_topo .col-dois {width:678px;}

/*---logo---*/
#logo {margin:0; padding:0;}
#logo a {text-indent:-50000%; display:block; width:221px; height:60px; margin:0; padding:0;  background:url(images/logo.png) no-repeat;}

/*---busca---*/
#busca {float:left; width:495px; margin-top:10px}
#busca input, #busca button {font:12px Arial, Helvetica, sans-serif; border:0;}
#busca input {float:left;  width:355px; padding:0 5px 0 5px; background:#83B5DF; color:#fff; }
#busca button {text-indent:-50000%;  display:block; width:31px; height:27px; margin-top:2px; background:url(images/btn_ok.gif) no-repeat; cursor:pointer}
#busca .bordas {float:left;  background: url(images/bg_busca.gif) no-repeat left top; padding:8px;}

/*---telefone---*/
.tele {float:left; height:27px; margin-top:10px; padding-left:40px; background:url(images/tel_ico.png) no-repeat;}
.tele p {margin-top:2px; color:#034ea2}
.tele p .menor {font-size:14px;}
.tele p .maior {font-size:25px; font-weight:normal}

/*---menu topo---*/
#topo #menu_topo, #topo #menu_topo li {float:left;}
#topo #menu_topo {margin:22px 0 5px 0}
#topo #menu_topo li {margin:0 15px 0 0; font-size:11px; text-transform:uppercase;}
#topo #menu_topo li a {color:#178ec8}
#topo #menu_topo li a:hover {text-decoration:none; border-bottom:2px solid #034ea2}

/*---banners---*/
#banners_destaques {width:100%; height:335px; margin-top:40px; background:url(images/bg_banner.png) top no-repeat;}

/*---conteudo---*/
#conteudo {padding-top:40px;}
#coluna_um, #coluna_dois, #coluna_tres {float:left;}
#coluna_um, #coluna_tres {width:180px;}

#coluna_um h2, #coluna_tres h2 {margin:0 0 5px 0; padding:0 0 5px 15px; background:url(images/seta_ico.gif) no-repeat; font-weight:normal; font-size:18px; text-transform:uppercase; color:#024da1; border-bottom:1px solid #ccc}

/*sidebar esquerda*/
#coluna_um h2 {background-position: 0 20%;}

#lista-prodt, .lista-tel {margin:0 0 30px 0; padding:0;}

/*---lista produtos---*/
#lista-prodt li {width:158px; padding:7px 0 5px 22px; background:url(images/seta2_ico.gif) no-repeat 5% 50%; text-transform:uppercase; border-bottom:1px solid #e2e2e2; cursor:pointer;}
#lista-prodt li a {color:#010101}
#lista-prodt li a:hover {color:#034ea2; text-decoration:none}

/*---lista televendas---*/
.lista-tel li {padding:7px 0 5px 0; border-bottom:1px solid #ccc}
.lista-tel li.ico-um, .lista-tel li.ico-dois, .lista-tel li.ico-tres {padding-left:45px;}
.lista-tel li.ico-um {background:url(images/tel_ico.png) no-repeat 0 60%;}
.lista-tel li.ico-dois {background:url(images/tel_ico2.png) no-repeat 0 60%;;}
.lista-tel li.ico-tres {background:url(images/tel_ico3.png) no-repeat 0 60%;}
.lista-tel li h3 {font-size:12px; text-transform:uppercase; color:#010101}

/*---newsletter---*/
#newsletter p {margin:0 0 10px 0; line-height:17px; color:#666;}
#newsletter input, #newsletter button {border:0;}
#newsletter input {width:158px; padding:3px; margin-bottom:5px; background:#E4ECF6; font:11px Arial, Helvetica, sans-serif; color:#666}
#newsletter button {display:block; width:71px; height:27px; padding:3px; margin-left:110px; background:url(images/bg_button.gif) no-repeat; font-size:12px; text-align:center; color:#fff;  cursor:pointer}
#newsletter .bordas {background:url(images/bg_iptnews.gif) no-repeat left bottom; padding:8px;}

/*coluna meio*/
#coluna_dois {width:533px; margin:0 25px 0 25px}

/*---produtos---*/
#coluna_dois .caixa-produtos {float:left; width:175px; height:180px; margin:0 0 20px 0; padding:0; text-align:center; background: url(images/bg_baixo_cx.gif) no-repeat center bottom; }
#coluna_dois .divisao {height:161px; padding: 0 10px 0 10px; background:url(images/bg_cx_prodt.gif) no-repeat right top}
/*#coluna_dois .divisao {display: block; width: 100%; height:10px; background: url(images/bg_baixo_cx.gif) no-repeat center bottom; }*/
#coluna_dois .caixa-produtos h1 {font-size:12px; margin-top: 10px}
#coluna_dois .caixa-produtos h1 a {color:#333}
#coluna_dois .caixa-produtos h1 a:hover {color:#034ea2}
#coluna_dois .caixa-produtos h4 {color:#ff6600}
#coluna_dois .caixa-produtos img {width:; height:103px}

/*sidebar direita*/
#coluna_tres h2 {background-position:0 10%}

/*---campanhas---*/
#coluna_tres .banners-campanhas {margin:0 0 30px 0;}

/*---dicas e infos---*/
#coluna_tres .dicas-infos {margin:-4px 0 20px 0; background:#e5edf6;}
#coluna_tres .dicas-infos li {padding:8px; color:#666; border-bottom:1px solid #fff}
#coluna_tres .dicas-infos li a {color:#666}
#coluna_tres .dicas-infos li a:hover {color:#034ea2; text-decoration:none;}

/*---parceiros--*/
#coluna_tres .parceiros {margin:0;}
#coluna_tres .parceiros li {margin:0 0 10px 0;}
#coluna_tres .parceiros li img {border:1px solid #ccc}

/*---rodapé---*/
#rodape {width:100%; margin:20px 0 0 0; padding:15px 0 0 0; border-top:1px solid #e2e2e2;}

/*---menu rodapé---*/
#menu_rodape {width:850px; margin:0 auto;}
#menu_rodape li {float:left; margin:0 10px 0 0; font-size:12px; text-transform:uppercase;}
#menu_rodape li a {padding-right:10px; color:#4a4a4a}
#menu_rodape li a:hover {color:#034ea2; text-decoration:none}

/*---informações rodape---*/
#info_rodape {width:100%; height:208px; margin-top:10px; padding-top:25px; background:#024CA1 url(images/bg_ctnrdp.jpg) no-repeat top;}
#ctn_rodape .col-um, #ctn_rodape .col-dois {float:left;}
#ctn_rodape .col-um h3, #ctn_rodape .col-dois h3 {margin-bottom:15px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff;}

/*---info coluna um---*/
#ctn_rodape .col-um {width:510px}
#ctn_rodape .col-um ul {margin:30px 0 70px 0}
#ctn_rodape .col-um ul li {float:left; margin:0 10px 0 0; color:#fff; text-transform:uppercase;}
#ctn_rodape .col-um ul li a {padding-right:10px; color:#fff;}
#ctn_rodape .col-um ul li a:hover {text-decoration:none;}
#ctn_rodape .col-um p {color:#fff;}

/*---info coluna dois---*/
#ctn_rodape .col-dois {width:440px;}
#ctn_rodape .col-dois h3 {text-align:right}

/*---rede sociais---*/
#ctn_rodape .col-dois ul {margin-left:366px}
#ctn_rodape .col-dois ul li {float:left; position: relative; z-index: 100; }
#ctn_rodape .col-dois ul li a {outline:0; display:block; text-indent:-50000px; text-decoration: none; height: 33px; cursor:pointer}
#ctn_rodape .col-dois ul li.socialmedia {background:url(images/social.png) no-repeat;}
#ctn_rodape .col-dois ul li.youtube,#ctn_rodape .col-dois ul li.twitter, #ctn_rodape .col-dois ul li.flickr, #ctn_rodape .col-dois ul li.orkut {margin-right:5px}
#ctn_rodape .col-dois ul li.youtube {width:33px; background-position: left 0;}
#ctn_rodape .col-dois ul li.twitter {width:34px; background-position: left 25%;}
#ctn_rodape .col-dois ul li.flickr {width:34px; background-position: left 50%;}
#ctn_rodape .col-dois ul li.orkut {width:33px; background-position: left 75%;}
#ctn_rodape .col-dois ul li.rss {width:35px; background-position: left 100%;}

/*---autor---*/
#ctn_rodape .col-dois .autor {margin:30px 0 0 0}
#ctn_rodape .col-dois .autor p {float:left; margin:10px 0 0 320px; font-size:10px; color:#fff}
#ctn_rodape .col-dois .autor h1 a {text-indent: -900%; display:block; float:right; width:32px; height:27px; margin:0; background:url(images/fd.gif) no-repeat ; padding:0;}
#ctn_rodape .col-dois .autor h1 a span {display:none;}