/****** GRUPO DIVAL EPP ******/
/*
Folha CSS - W3C - by Squad81
Validade - W3C: 2.1
Esquema Geral Area [style.css]
Versão 1.00; Atualizada em 02/07/2009.
*/

/****** APLICAÇÃO GERAL CSS AREA GERAL PARA CONTEUDO ******/

/****** APLICANDO CSS CORPO GERAL ******/
* {
	margin:0; padding:0;
}

body{
	background:#FFF; margin:0 auto;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		color:#868686;		
	}

.hr { height:0.8em; color:#3d6f92;}


input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px; color:#444444;}

a {color:#3d6f92; font-size:12px;}
/****** FIM CSS CORPO GERAL ******/


/****** APLICANDO CSS AREA LAYOUT ******/
#geral {width:770px; margin:0 auto;}
.h_logo{ height:92px; width:100%;}
#bgk {background:#98DAF2 url(images/bgkGeral.jpg) top center repeat-x;}

/****** APLICANDO CSS POSICÃO FIXA ******/
#voltar {width: 51px; float: right; height: 100%; color: #6C6C6C; margin-right:6px;	padding-top:5px;}

/***** BOX ***/
.box1 { float:left; width:170px; margin-left:15px;}
.box2 { margin-left:220px; width:510px; }
.box3 {float:left; width:170px; margin-left:40px; }
.blocked { color:#666;}
.bread { font-size:11px;}
/****** APLICANDO CSS AREA MENU ******/
#header .left { width:220px; height:80px; padding:28px 0 0 25px; position:absolute; }
#header .right { padding: 37px 15px 0 34px; position:relative;  }
#header .rightTxt a {width:52px; height:14px; color:#fff; font-family:"Tahoma"; font-size:11px; padding-left:2px;}
#header .content {background:url(images/header_bg.jpg) top left no-repeat; padding:45px 60px 28px 414px; color:#fff;}
#header .content .text {padding:2px 0 33px 2px;}
#header .content a img {float:right;}

.mnBgk { height:40px; padding-top:130px; padding-bottom:-65px; position:absolute; width:730px;}
.cross {color: #FFFFFF;font-weight: bold;}
.cross1 { color:#006; font-weight:bold;}

#menu { height:30px; }
#menu .box {padding:9px 0;}
#menu li {float:left; width:96px; font-size:12px; text-align:center; display:block;}
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#000000; text-decoration:underline;}
#menu li span {color:#000000; text-decoration:underline;}
#menu .last {background:none;}

/****** APLICANDO CSS AREA BOXES CENTRAL ******/
.middle { width:100%; background:#FFF; margin: 0; padding:0; padding-right:10px; padding-left:10px;}
#middle2 { width:100%;}

/****** APLICANDO CSS AREA FOOTER ******/
#footer .indent {height:30px;padding:0px 12px 12px 12px; color:#868686; font-size:12px; vertical-align:middle; background:url(images/bgk.png) top repeat-x;}
#footer a {color:#006699; font-size:11px;}
#footer-x {height:30px; padding:12px 12px 12px 12px; background:url(images/bgkfooter.gif) center center repeat; border-bottom: 2px solid #38A0BB; }


/****** FIM CSS AREA FOOTER ******/

.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}

.h_titulo {margin-top: 6px; margin-bottom: 6px; padding-bottom:5px; margin-left: 5px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.mais {text-align:right;}
.mais a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.externo {width:190px; text-align:left; padding-top:-18px;}
.externo a{background:url(images/bulletdw.png) center left no-repeat; margin-left:-4px; padding-left:13px; color:#3d6f92; font-weight:bold;}

#obras {font-family: "Tahoma", sans-serif; font-size: 10px; font-weight:normal;}
.obrasBox { border: 3px solid #83B1D6;  }
.aviso {color: #990000;}
.evitar {color:#FFCC33;}

.data {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}

.boxform { margin:0 auto; padding:0 0 0; position:relative; vertical-align:middle; /*width:710px;*/ }
.id1 { padding-left:50px; }

/****** APLICANDO CSS AREA LAYOUT INDEX ******/
.padding { margin-top:10px; }
#index .middle .indent {padding:17px 0 19px 0;}
#index .middle .colunaBox .coluna .padding{padding:9px 13px 3px 15px;}
#index .middle .colunaBox .coluna2 .padding{padding:9px 13px 3px 15px;}
#index .middle .colunaBox .coluna3 .padding{padding:9px 13px 3px 15px;}
#index .middle .colunaBox .p1 {padding:1px 0 7px 0;}
#index .middle .colunaBox2 {padding:5px 0 0 0;}
#index .middle .colunaBox2 .coluna .padding {padding:14px 21px 0 17px;}
#index .middle .colunaBox2 .coluna2 .padding {padding:14px 18px 0 21px;}
#index .middle .colunaBox2 .coluna .p1 {padding:7px 0 15px 0;}
#index .middle .colunaBox2 .coluna2 .content {padding:10px 0 15px 0;}
#index .middle .colunaBox2 .coluna2 .p1 {padding:2px 0 1px 0;}



/****** APLICANDO CSS AREA LAYOUT INDEX-1 ******/ 

#index_1 .middle .indent {padding:17px 0 20px 0;}
#index_1 .middle .coluna .padding1 {padding:16px 20px 0 16px; border: RED 1PX SOLID;}
#index_1 .middle .coluna .padding1 .content{padding:14px 0 27px 1px;}
#index_1 .middle .coluna .padding1 .p1 {padding:1px 0 0 0;}
#index_1 .middle .coluna .padding1 .mais {padding:0 6px 0 0;}

#index_1 .middle .coluna .padding2 {padding:36px 20px 0 16px;}
#index_1 .middle .coluna .padding2 .content{padding:16px 0 0 1px;}
#index_1 .middle .cols .mais {margin-top:-19px;}
#index_1 .middle .cols .p1 {padding:21px 0 1px 0;}

#index_1 .middle .cols {padding:14px 0 0 0;}

#index_1 .middle .coluna2 .padding{padding:9px 13px 3px 15px;}
#index_1 .middle .coluna2 ul li {font-weight:bold;}
#index_1 .middle .coluna2 .p1 {padding:1px 0 8px 0;}
#index_1 .middle .coluna2 .p2 {padding:12px 0 17px 0;}
#index_1 .middle .coluna2 .p3 {padding:17px 0 17px 0;}
 

/****** APLICANDO CSS AREA LAYOUT INDEX-2 ******/  

#index_2 .middle .indent {padding:17px 0 20px 0;}
#index_2 .middle .colunaBox .coluna .padding{padding:9px 13px 3px 15px;}
#index_2 .middle .colunaBox .coluna2 .padding{padding:9px 13px 3px 15px;}
#index_2 .middle .colunaBox .coluna ul {margin-bottom:7px;}
#index_2 .middle .colunaBox .coluna .p1 {padding:1px 0 0 0;}
#index_2 .middle .colunaBox .coluna2 .p1 {padding:1px 0 7px 0;}
#index_2 .middle .colunaBox .coluna3 .p1 {padding:1px 0 5px 0;}
#index_2 .middle .colunaBox2 {padding:21px 0 0 0;}
#index_2 .middle .colunaBox2 .coluna .padding {padding:14px 21px 0 17px;}
#index_2 .middle .colunaBox2 .coluna2 .padding {padding:14px 18px 0 21px;}
#index_2 .middle .colunaBox2 .coluna .p1 {padding:8px 0 10px 0;}
#index_2 .middle .colunaBox2 .coluna .p2 {padding:0 0 4px 0;}
#index_2 .middle .colunaBox2 .coluna2 .content {padding:7px 0 15px 0;}
#index_2 .middle .colunaBox2 .coluna2 ul {margin-bottom:1px;}

/****** APLICANDO CSS AREA LAYOUT INDEX-3 ******/ 

#index_3 .middle .indent {padding:17px 0 20px 0;}
#index_3 .middle .coluna .padding1 {padding:16px 15px 0 23px;}
#index_3 .middle .coluna .padding1 .content{padding:5px 0 5px 1px;}
#index_3 .middle .coluna .padding1 .p1 {padding:1px 0 0 0;}
#index_3 .middle .coluna .padding1 .pd {padding:14px 0 0 0;}
#index_3 .middle .coluna .padding1 .pd2 {padding:10px 0 0 0;}
#index_3 .middle .coluna .padding1 .pd3 {padding:13px 0 0 0;}
#index_3 .middle .coluna .padding1 .mais {padding:0 6px 0 0;}

#index_3 .middle .coluna .padding2 {padding:36px 20px 0 16px;}
#index_3 .middle .coluna .padding2 .content{padding:16px 0 0 1px;}
#index_3 .middle .cols .mais {margin-top:-19px;}
#index_3 .middle .cols .p1 {padding:21px 0 1px 0;}

#index_3 .middle .cols {padding:14px 0 0 0;}

#index_3 .middle .coluna2 .padding{padding:9px 13px 8px 15px;}
#index_3 .middle .coluna2 .p1 {padding:1px 0 11px 0;}
#index_3 .middle .coluna2 .p2 {padding:12px 0 11px 0;}
#index_3 .middle .coluna2 .p3 {padding:13px 0 6px 0;}


/****** APLICANDO CSS AREA LAYOUT INDEX-4 ******/ 

#index_4 .middle .indent {padding:17px 0 20px 0;}
#index_4 .middle .coluna .padding1 {padding:16px 22px 0 16px;}
#index_4 .middle .coluna .padding1 .content{padding:14px 0 34px 1px;}
#index_4 .middle .coluna .padding1 .mais {padding:0 2px 0 0; line-height:12px;}

#index_4 .middle .coluna .padding2 {padding:34px 23px 0 16px;}
#index_4 .middle .coluna .padding2 .content{padding:6px 0 0 1px;}
#index_4 .middle .coluna .padding2 .mais {margin-top:9px;}

#index_4 .middle .coluna2 .padding{padding:9px 13px 3px 15px;}
#index_4 .middle .coluna2 .margin .padding{padding:9px 12px 2px 15px;}
#index_4 .middle .coluna2 ul {margin:0 0 2px 1px;}
#index_4 .middle .coluna2 .margin {padding-top:6px;}
#index_4 .middle .coluna2 .p1 {padding:0 0 8px 0;}


/****** APLICANDO CSS AREA LAYOUT INDEX-5 ******/ 

#index_5 .middle .indent {padding:17px 0 20px 0;}
#index_5 .middle .colunaBox .coluna .padding{padding:9px 13px 16px 15px;}
#index_5 .middle .colunaBox .coluna2 .padding{padding:9px 13px 0 15px;}
#index_5 .middle .colunaBox .coluna ul {margin-bottom:7px;}
#index_5 .middle .colunaBox .coluna .p1 {padding:1px 0 0 0;}
#index_5 .middle .colunaBox a{color:#868686; font-size:11px; text-decoration:none;}
#index_5 .middle .colunaBox a:hover {text-decoration:underline;}
#index_5 .middle .colunaBox .coluna2 strong{font-size:11px;}

#index_5 .middle .colunaBox2 {padding:22px 0 0 0;}
#index_5 .middle .colunaBox2 .padding {padding:14px 15px 0 17px;}
#index_5 .middle .colunaBox2 .p1 {padding:14px 0 10px 0;}
#index_5 .middle .colunaBox2 .p2 {padding:0 0 4px 0;}

/****** APLICANDO CSS AREA FORMULÁRIO ******/ 
#form .coluna {width:183px;}
#form .coluna2 {width:521px;}
form .row {height:25px;}
form .row1 {height:34px;}
form .div {text-align:right; padding:6px 0 0 0;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:Arial, Helvetica, sans-serif; line-height:13px; color:#a4a4a4;}

.contactform {width:560px; margin:0 auto; vertical-align:middle; position: relative; padding: 20px 20px 0 20px; }
.contactform form {padding: 0; margin: 0;}
.contactform form fieldset {border: none; padding: 0px; margin: 0px;}
.contactform form p {padding: 3px 0px 0px 0px; margin: 0px; color: #000; line-height: 1.2em;}
.contactform form label {display: block; padding: 0 0 4px 0; color: #4f7288;}
.contactform form label em, .contactform form p em {font-weight: bold; color: #c95202; font-style: normal;}
.contactform form input { background-color: #EAF1F5 ;border:1px #E5E4E9 solid; padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 300px; text-align: left; vertical-align: top;}
.contactform form input:hover, .contactform form textarea:hover {background-color: #fff;}
.contactform form input:focus, .contactform form textarea:focus {background-color: #fff;}
.contactform form textarea {background-color: #EAF1F5 ;border:1px #E5E4E9 solid;padding:4px 2px; margin:0 0 8px 0; color: #6a757d; font-size: 11px; width: 300px; text-align: left; vertical-align: top;}
.contactform p.button input {background: url("none"); border:none; padding:0; margin:0; width: 125px;}


/****** APLICANDO CSS AREA FORMULÁRIO 2******/ 
form {margin: 0; padding: 0;}
form label {cursor: pointer;}
input, select, textarea, .inputbox {font-family: Tahoma, Arial, sans-serif;font-size: 100%;}
.inputbox { border: 1px solid #CCCCCC;  padding: 3px; color: #515756; background: #FFFFFF; }
.button { padding: 2px 8px; border: 1px outset #A8A8A8; background: url(../images/grad4.gif) repeat-x; font-size: 92%; color: #515756; font-weight: bold; }
.copia {font-family: "Tahoma", sans-serif; font-size: 10px; padding: 0  0 0 210px}

/****** APLICANDO CSS AREA LAYOUT INDEX-6 ******/ 

#index_6 .middle .indent {padding:33px 15px 17px 17px;}
#index_6 .middle .p1 {padding:6px 0 0 0;}