/* 
	@Project: Termomecanica
	@Description: Structure for Termomecanica classic site
	@Version: 1.0
	@Author: Rafael Matias
	@Author URL: http://www.rafaelmatias.com.br
*/


.title1{ border-bottom:1px dotted #bbbaba; margin-bottom:10px; }
.title2{ font-weight:normal; margin-bottom:10px;}

.bauhaus-white, .bauhaus{ line-height:16px; }
.blue{ color:#6cb5c2;}

.list1{ list-style:none; padding:0; margin:0; list-style-position:outside; margin:10px 0; }
.list1 li{ background:url(images/pages/list1-bullet.gif) no-repeat center left; margin:6px 0 6px 10px; padding:0 0 0 10px; }

.listabc{ list-style:lower-latin; list-style-position:inside; margin-left:15px; }

.list2{ margin-right:0; margin-left:0;}
.list2 li{ margin-bottom:15px;}

.table-ind{ width:100%; color:#707070;}
.table-ind th{background:#d0d0d0; padding:3px 5px; text-align:center; text-transform:uppercase; color:#fff;}
.table-ind td{ padding:3px 5px; border-bottom:1px dotted #bababa; text-align:center;}
.table-ind tr.last td{ border:none; margin:0;}

.button-download{ display:block; text-indent:-2000px; overflow:hidden; width:62px; height:17px; background:url(images/buttons/download.gif);}
.button-download:hover, .button-procurement:hover, .button-send:hover, .button-send:hover, .button-ok:hover{ background-position:bottom;}
.button-procurement{ display:block; text-indent:-2000px; overflow:hidden; width:118px; height:21px; background:url(images/buttons/e-procurement.gif); float:left; margin:0 20px 0 0;}
.button-send{ width:44px; height:17px; border:none; display:inline-block; overflow:hidden; background:url(images/buttons/send.gif); cursor:pointer;}

.button-send-en{ width:44px; height:17px; border:none; display:inline-block; overflow:hidden; background:url(images/buttons/send-en.gif); cursor:pointer;}

.button-ok{ width:18px; height:17px; display:inline-block; background:url(images/buttons/ok.gif) no-repeat; cursor:pointer;}


.button1{ font-weight:bold; text-decoration:none; color:#ffb81e;}
.button1:hover{color:#3e6e76}

fieldset{ position:relative; margin:0 0 10px 0; outline:none; border:none; border-top:1px solid #ffac06; padding-left:0; clip:rect('0', '0', '100', '100') }
fieldset legend{ font-weight:bold!important; font-size:1.1em; text-transform:uppercase; color:#ffac06;  height:13px;position:relative; left:-5px; top:-11px; display:block; overflow:hidden;}
.w395{ width:395px; height:78px;}
.w135{ width:135px;}
.w105{ width:105px;}
.w67{ width:67px;}
.w155{ width:155px;}
.input-text{ background:#f2f2f2; padding:3px 0 0 0; height:15px;}
textarea{ background:#f2f2f2; }

/*Home*/
.home .box{ width:314px; float:left;}
.home .box .content{ overflow:hidden; margin:0 10px; padding:10px 0; }
.home .box  .co-table .bauhaus-white{ overflow:hidden; overflow:hidden; width:100%; background:#f2ae1b  }
.home .box  .co-table{ padding:10px;border:1px solid #ccc; margin:0; margin-left:10px; background:#fff; }
.home .box  .co-table .co-title{ background:url(images/pages/background-bauhaus-white.jpg) no-repeat bottom left;padding-bottom:12px;padding-left:10px; margin-bottom:5px;}
.home .box  .co-table table{ margin-bottom:10px; margin-top:10px;}
.home .box  .co-table .button{ font-weight:bold; color:#3e6e76; font-size:0.9em; float:right;}
.home .box  .co-table .button:hover{ text-decoration:none;}
.home .box  .co-table .update{ font-size:0.9em;  float:left;}


/*inner*/
.nav-inner{ list-style:none; list-style-position:outside; margin:0; padding:0;}
.nav-inner li{ margin-bottom:1px;}
.nav-inner li a{ display:block; padding:4px 0 4px 19px; text-decoration:none; color:#777777; background:url(images/pages/nav-inner-bullet-normal.gif) no-repeat 8px 7px;}
.nav-inner li a:hover, .nav-inner li.active a{background:url(images/pages/nav-inner-bullet-hover.gif) no-repeat 8px 7px; color:#fff;}
.nav-inner li{background:#eef2f4; }
.nav-inner li:hover, .nav-inner li.active{background:url(images/pages/nav-inner-background.gif) repeat-x center left; }

#mid.inner .content-left{ width:150px; float:left; background:#dfe2e4; padding:5px 5px 4px 5px; margin:10px 0 0 0;}
#mid.inner .content-right{ width:750px; float:right;}

/*estrutura e tecnologia*/
.container-video{ margin:0 0 0 15px; }
.container-video .title{ background:url(images/pages/estrutura-e-tecnologia/title-bullet.gif) no-repeat center left; padding:0 0 0 13px; height:24px; overflow:hidden; margin:0 0 5px 0;}
.container-video .title span{ display:block;}

/*iso 9001:2008*/
#mid.inner.iso{}
#mid.inner.iso .item{background:#f4f2ee; width:356px; float:left; overflow:hidden; padding:6px; margin:3px; position:relative; }
#mid.inner.iso .item .button-download{ position:absolute; right:12px; bottom:6px;}
#mid.inner.iso .item img{ float:left; margin:0 13px 0 0;}


/*solicite um orçamento*/
#mid.inner.orcamento{}
#mid.inner.orcamento .container-form{ width:560px; margin:30px auto; display:block;}
#mid.inner.orcamento .container-form fieldset.f1 label{ width:95px; float:left; margin-left:20px; margin-right:5px; text-align:right;}
#mid.inner.orcamento .container-form fieldset.f2 span{ margin-left:60px; }
#mid.inner.orcamento .container-form fieldset.f2 textarea{ width:395px; height:78px; margin-left:120px; margin-top:10px;}
#mid.inner.orcamento .container-form fieldset.f3 div{ padding-left:90px;}
#mid.inner.orcamento .container-form fieldset.f3 div input{ vertical-align:middle; margin-right:10px; margin-left:3px;}
#mid.inner.orcamento .container-form fieldset div{ overflow:hidden; margin:0 0 6px 0; }

/*Fale conosco*/
#mid.inner.fale .container-form{ width:750px;}
#mid.inner.fale .container-form div.f1{ width:495px; margin:30px auto;}
#mid.inner.fale .container-form div.f1 .co-input div{ margin-bottom:7px;}

#mid.inner.fale .container-form div.f1 .co-input div label{ width:92px; margin:0 5px 0 0; text-align:right; height:18px; line-height:18px; display:inline-block; vertical-align:top;}
#mid.inner.fale .container-form div.f1 .co-input div textarea{ width:392px; height:78px;}
#mid.inner.fale .container-form select{ height:20px;}
#mid.inner.fale .container-form div.f1 .co-button{ text-align:right;}
#mid.inner.fale .container-form fieldset.f2 table{ width:550px; margin:35px auto; background:#f4f2ee;}
#mid.inner.fale .container-form fieldset.f2 table td{ border-bottom:1px solid #d3cec4; border-top:3px solid #f4f8f9; padding:10px 30px;}
#mid.inner.fale .container-form fieldset.f2 table td h2{color:#3e6e76; font-weight:bold; font-size:1em; margin:0 0 10px 0;}
#mid.inner.fale .container-form fieldset.f2 table td p{ margin:0;}
#mid.inner.fale .container-form fieldset.f2 table td a{color:#a4a0a0; text-decoration:none;}
#mid.inner.fale .container-form fieldset.f2 table td a:hover{ text-decoration:underline;}
#mid.inner.fale .container-form fieldset.f3{ padding:20px 0 0 0;}
#mid.inner.fale .container-form fieldset.f3 .co-map{ margin:20px auto; width:550px; border:1px solid #a4a0a0;}

/*SAC*/
#mid.inner.sac .container-form div.f1{ width:460px; margin:30px auto;}
#mid.inner.sac .container-form div.f1 div{ margin-bottom:7px;}
#mid.inner.sac .container-form div.f1 label{ width:57px; margin:0 5px 0 0; display:inline-block; height:18px; line-height:18px; text-align:right;  }
#mid.inner.sac .container-form div.f1 textarea{ height:78px;}
#mid.inner.sac .container-form div.f1 .co-button{ text-align:right; margin:30px 0 0 0;}

/*pesquisa de satisfação*/
#mid.inner.pesquisa .container-form div.f1{ width:502px; margin:30px auto;}
#mid.inner.pesquisa .container-form div.f1 div{ margin-bottom:7px;}
#mid.inner.pesquisa .container-form div.f1 label{ width:94px; margin:0 5px 0 0; display:inline-block; height:18px; line-height:18px; text-align:right;  }
#mid.inner.pesquisa .container-form div.f2{}
#mid.inner.pesquisa .container-form div.f2{ width:540px; margin:0 auto;}
#mid.inner.pesquisa .container-form div.f2 .co{ width:40%; float:left;  margin:0 5%;}
#mid.inner.pesquisa .container-form div.f2 h2{color:#3e6e76; font-size:1.2em; margin:30px 0 10px 0; display:inline-block; width:100%;}
#mid.inner.pesquisa .container-form div.f2 h3{ margin-bottom:5px;}
#mid.inner.pesquisa .container-form div.f2 textarea{ width:495px; height:98px;}
#mid.inner.pesquisa .container-form div.f2 .co-button{ text-align:right; margin:20px 45px 0 0}

/*Produtos*/
#mid.inner.produtos .container-itens{}
#mid.inner.produtos .container-itens a{ background:#759bac;	 width:238px; height:200px; float:left; position:relative; text-decoration:none; overflow:hidden; margin:6px;}
#mid.inner.produtos .container-itens a span.co-text{ font-weight:bold; font-size:1.3em;color:#63696a; padding:5%; width:90%; position:absolute; bottom:0; left:0; z-index:2 } 
#mid.inner.produtos .container-itens a span span.text{ position:relative; z-index:2; color:#363c3d;}
#mid.inner.produtos .container-itens a span span.bg{ opacity:0.8; z-index:1;  background:#759bac; position:absolute; width:100%; height:100%; left:0; bottom:0; }
#mid.inner.produtos .container-itens a:hover span.text{color:#fff}
#mid.inner.produtos .container-itens a:hover img{ opacity:0.9}

#mid.inner.produtos-inner .container-itens{ overflow:hidden;}
#mid.inner.produtos-inner .co-left{ width:260px; float:left;}
#mid.inner.produtos-inner .co-right{ width:470px; float:right;}

.gallery{ overflow:hidden;}
.gallery a{ float:left; margin:0 4px 10px 5px; border:1px solid #f7f8fa; height:100px; overflow:hidden;}
.gallery a:hover{ border:1px solid #759bac;}

#mid.inner.produtos-materiais .container-itens{}
#mid.inner.produtos-materiais .container-itens table{ background:#f4f2ee; width:370px; height:85px; float:left; margin:2px 3px 3px 2px;}
#mid.inner.produtos-materiais .container-itens table td{ padding:4px 10px;}
#mid.inner.produtos-materiais .container-itens table td h2{ font-size:1.3em; margin-bottom:5px;}

/*Responsabilidade Social*/
#mid.inner.responsabilidade .content-right{ width:660px; float:right;}

/*Cotações oficiais*/
#mid.inner.cotacoes-oficiais .content{ margin:50px 0 }
#mid.inner.cotacoes-oficiais .co-type{ width:420px; margin:10px auto; }
#mid.inner.cotacoes-oficiais .co-type .input-text{ width:70px; padding-left:5px;}
#mid.inner.cotacoes-oficiais .co-table{ border:1px solid #ccc; padding:10px 10px 2px 10px; width:400px; margin:0 auto;}
#mid.inner.cotacoes-oficiais .co-table table{ width:400px;}
#mid.inner.cotacoes-oficiais .co-table th{ text-transform:uppercase; text-align:center; background:#d0d0d0; font-weight:normal; color:#fff; font-size:0.9em; padding:3px;}
#mid.inner.cotacoes-oficiais .co-table td{ text-align:center; border-bottom:1px dotted #ccc; padding:2px 0; color:#707070; font-size:0.9em;}
#mid.inner.cotacoes-oficiais .co-table td a:hover img{ opacity:0.7; filter:alpha(opacity=70)}
#mid.inner.cotacoes-oficiais .co-table tr.last td{ border:none;}

#mid.inner.cotacoes-oficiais-grafico .content{ margin:50px 0 }
#mid.inner.cotacoes-oficiais-grafico .co-type, #mid.inner.cotacoes-oficiais-grafico #co-graphic2{ width:427px; margin:10px auto; padding:20px; }
#mid.inner.cotacoes-oficiais-grafico .co-type a,  #mid.inner.cotacoes-oficiais .co-type .btnConsultar{background:#d0d0d0; font-size:0.9em; color:#fff; padding:3px 5px; text-decoration:none; -moz-border-radius:2px;}
#mid.inner.cotacoes-oficiais-grafico .co-type a:hover,  #mid.inner.cotacoes-oficiais-grafico .co-type a.active, #mid.inner.cotacoes-oficiais .co-type .btnConsultar:hover, #mid.inner.cotacoes-oficiais .co-type .btnConsultar.active{ background:#ffae00; cursor:pointer;}
#mid.inner.cotacoes-oficiais-grafico .co-type strong{color:#3e6e76; display:block; text-align:right;}
#mid.inner.cotacoes-oficiais-grafico #co-graphic2{ border:1px solid #ccc; }