/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Luiz Tiago						*/
/*   Empresa   : Prática Design					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

body {
background: #BFCD30 url(../img/bg.gif) repeat-x;
margin: 10px;
}

hr { display: none; }

/* ID's */

#container {
width: 762px;
margin-left: -381px;
left: 50%;
position: relative;
background: url(../img/bg_ft.gif) no-repeat left bottom;
padding-bottom: 52px;
}

#header {
background: url(../img/bg_hd.jpg) no-repeat;
width: 762px;
height: 232px;
}

#foto_header {
position: absolute;
top: 0;
margin-left: 234px;
margin-top: 10px;
}

#logo{
	width: 200px;
	height: 100px;
	padding-top: 60px;
	padding-left: 17px;
}

/*h1#marca a {

background: url(../img/logomack.gif) no-repeat right bottom;
overflow: hidden;
text-indent: -4000px;
padding-top: 90px;
padding-left: 20px;
display: block;
}*/

#middle {
width: 760px;
border-left: 1px solid #B0BC40;
border-right: 1px solid #B0BC40;
background: #fff url(../img/bg_md.gif);
}

#content {
width: 490px;
min-height: 354px;
_height: 354px;
float: left;
background: url(../img/bg_content.jpg) no-repeat 2px 0;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}

#footer {
clear:both;
/*width: 762px;
height: 52px;*/
width: 762px;
margin-left: -381px;
left: 50%;
position: relative;
padding-top: 10px;
}

#footer p {
text-align: center;
color: #737A1D;
}

#footer address {
margin-left: 230px;
text-align: center;
color: #737A1D;
font-size: 11px;
font-family: "Trebuchet MS";
font-style: normal;
}

#colLat {
padding-left: 22px;
width: 200px;
float: left;
}

ul#nav {
margin-bottom: 20px;
}

ul#nav li a {
width: 161px;
height: 21px;
background-repeat: no-repeat;
background-image: url(../img/bg_navli.gif);
display: block;
overflow: hidden;
padding-left: 20px;
padding-top: 4px;
text-decoration: none;
color: #2B603B;
_height: 20px;
background-position: 0 -1px;
}

ul#nav li a:hover {
background-image: url(../img/bg_navlihover.gif);
}

#box_acesso {
width: 171px;
height: 144px;
background: url(../img/box_acesso.gif) no-repeat;
padding: 10px;
}

#box_acesso .campo {
margin-top: 2px;
margin-bottom: 2px;
_margin-top: 1px;
}

#sobre {
border-bottom: 1px solid #EBEDD7;
display: block;
height: 115px;
margin-bottom: 15px;
}

#servicos, #trajetos {
width: 225px;
padding: 0 12px;
float:left;
}

#servicos {
clear: both;
border-right: 1px solid #EBEDD7;
padding-left: 0;
}

#sobre img {
float: left;
margin-right: 10px;
}

#rota {
position: absolute;
clear: both;
margin-left: -10px;
margin-top: 10px;
border-top: 1px solid #EBEDD7;
padding-top: 10px;
}

form#faleconosco {
display: block;
width: 250px;
}

form#faleconosco label {
color: #2B603B;
}

form#faleconosco .campo {
margin-bottom: 10px;
width: 250px;
background: #F6F7E1;
}

.botao {
background: #2B603B;
padding: 4px 12px;
border: none;
color: white;
font-size: 11px;
height: 25px;
width: 60px;
}

/* CLASS's */

label { display: block; }

.campo { border: 1px solid #BFCD2F; width:150px; height: 15px; padding: 3px; font-size: 11px; clear: both; }
#faleconosco .campo { width: 220px; }

.ft {
width: 140px;
height: 90px;
padding: 6px;
background: url(../img/bg_foto.gif);
}

.fleft { float: left; }
img.fleft { margin-right: 10px; }
.fright { float: right; }
img.fright { margin-left: 10px; }

.mais {
padding-left: 15px;
background: url(../img/ico_mais.gif) no-repeat 0 3px;
margin-top: 10px;
}

.box .tit {
margin-bottom: 10px;
}

.tit {
text-indent: -4000px;
overflow: hidden;
height: 17px;
background-position: left center;
background-repeat: no-repeat;
}

.interna { padding-bottom: 0; }
.interna li {
padding-left: 16px;
margin: 3px 0;
background: url(../img/ico_mais.gif) no-repeat 0 3px;
list-style: none;
}
.home { padding-bottom: 30px; }

.interna p { padding: 7px 0 7px 0; }

.destaque, a { color: #2B603B; font-weight: bold; }

.tit_acesso { background-image: url(../img/tit_acesso.gif); margin-bottom: 7px; }

.tit_sobremack { background-image: url(../img/tit_sobremack.gif); }
.tit_nossosservicos { background-image: url(../img/tit_nossosservicos.gif); }
.tit_trajetos { background-image: url(../img/tit_trajetos.gif); }
.tit_interna { background-image: url(../img/tit_interna.gif); background-repeat: no-repeat; height: 37px; width: 490px; text-indent: -5000px; padding-bottom: 10px; }
.tit_interna span { background-repeat: no-repeat; width: 255px; height: 18px; display: block; padding: 10px 0 0 35px; background-position: 35px 10px; }
.tit_quemsomos span { background-image: url(../img/tit_quemsomos.gif); }
.tit_servicos span { background-image: url(../img/tit_servicos.gif); }
.tit_trechos span { background-image: url(../img/tit_trechos.gif); }
.tit_noticias span { background-image: url(../img/tit_noticias.gif); }
.tit_sistema span { background-image: url(../img/tit_sistema.gif); }
.tit_faleconosco span { background-image: url(../img/tit_faleconosco.gif); }
.tit_estrutura span { background-image: url(../img/tit_estrutura.gif); }

.textarea { 
height: 80px;
}


.linha {
height: 1px;
overflow: hidden;
border-bottom: 1px solid #EBEDD7;
margin: 10px 0;
}