/*
Nome Empresa: Prática Design
URL Empresa: http://www.pratica.eti.br
Autor: Eduardo Santos
Email: dudu.wd@hotmail.com
*/

* {text-decoration: none;}
h2 { font-family: "Trebuchet MS";}

/*body { background: #d8d4c6 url(../img/bg.jpg) repeat-x;}*/
body { background: #d8d4c6 url(../img/bg2.jpg) repeat-x;}
div#geral {margin: 0 auto; width: 760px; position: relative;}

div#topo {position:relative; width:760px; height: 125px;}
	div#topo img {position: absolute; top: 32px; left: 0;}
	div#topo #address {position:absolute; top:34px; top:5px; left:500px; background:pink;}
	div#topo form {position: absolute; top: 34px; left: 338px;}
	   	div#topo form h2 {color: #282420; font-size: 16px; margin-bottom: 10px;}
		
	div#topo #nav {position: absolute; top: 115px; left: 7px; width: 760px;}
		div#topo #nav li {float: left; height: 26px; background: url(../img/borda-nav.jpg) no-repeat right 60%; _background: url(../img/borda-nav.jpg) no-repeat right 55%; padding:0 2px 0 1px;}
			div#topo #nav li a {font-size: 14px; color: #fff; padding: 7px 13px; display: block;} 	
			div#topo #nav li a:hover { background: #e44e00;}
			
div#cont {width:740px; background:#fff; padding:10px;float: left;}
div#cont-horizontal {width:760px; height:900px; background:#fff; padding:6px;float: left;}
div#contencomende {width:740px; height:930px; background:#fff; padding:10px;float: left;}
div#encomende { width:480px; height:920px; background:#fff; padding:10px;float: left; margin-left:5px; }

div#col-lat {width: 231px; float: left;}
/*Topo da pagina BuscaDetalhes*/
div#col-topo { width:740px; float:left; margin-left:5px;}

	div.div-chamada { width: 225px; no-repeat 50% top; padding: 0 3px; float: left;}
		div.div-chamada h3 {font-size: 16px; font-weight: bold; color: #da3d00; margin: 25px 0 10px 0;}
		div.div-chamada a{ color:#000000; text-decoration:underline;}
		div.div-chamada p.bg-a {width: 231px; height: 16px; background:url(../img/bg-a.jpg) no-repeat; margin-top: 10px; float: left; }
			div.div-chamada p.bg-a a {color: #000; font-weight: bold; float: right; margin: 1px 4px 0 0;}
			/* CSS DA PAGINA BUSCA DETALHES*/
			div.div-chamada-horizontal { width: 16px; height:233px;padding: 0 3px; float: left; }
			div.div-chamada-horizontal { width: 225px; no-repeat 50% top; padding: 0 3px; float: left;}
		div.div-chamada-horizontal h3 {font-size: 16px; font-weight: bold; color: #da3d00;}
		div.div-chamada-horizontal a{ color:#000000; text-decoration:underline;}
		div.div-chamada-horizontal p.bg-a {width: 231px; height: 16px; background:url(../img/bg-a.jpg) no-repeat; margin-top: 10px; float: left; }
			div.div-chamada-horizontal p.bg-a a {color: #000; font-weight: bold; float: right; margin: 1px 4px 0 0;}
			
#form-area {margin: 20px 0 0 18px;}			
#form-area input {border: 1px solid #9d987b; font-family:"Trebuchet MS"; font-size: 11px; padding: 4px 0 1px 6px; }
#area-login { background:url(../img/bg-input-login.jpg) no-repeat; width: 182px; margin-bottom: 5px;}
#area-senha { background:url(../img/bg-input-login.jpg) no-repeat; width: 152px;}
#area-ok {background: url(../img/bg-area-ok.jpg) no-repeat; border: none!important; width: 25px; height: 21px; margin-left: 1px;}
			
div#banner {float: right;height: 369px; margin-left:7px; margin-top: 5px;}
div#banner-horizontal {float: left;height: 600px; margin:0 auto; width:750px;}
div#rodape {border-top: 1px solid #c8c2b0; margin-top: 3px; width: 100%; float: left; text-align: center;}
div#rodape p {margin-top: 25px;}
		
		
select { width: 190px; border: 1px solid #9d987b;}
#bt-ok { background: url(../img/bt-ok.jpg) no-repeat left top; width: 26px; height: 25px; border: none; margin-left: 10px;}
.no-bg { background: none!important;}

.margin-dif {margin: 10px 0!important;}
.float-right { float:right; margin-top: 18px;}
.float-left { float: left; }

/* CSS DO MENU */
#menu { width:225px; height:200px; background-color:#FFFF00; float:left; background-color:#ebebeb;  }

#menu ul { list-style-image: url(../img/botao_li.jpg);
margin: 10px 0 0 0; /* retira o recuo para alguns browsers */
padding:0; /* retira o recuo para outros browsers */ 

}
#menu li { margin-left:25px;*margin-left:23px;/*estilo para o IE*/ margin-top:3px; padding:0;}
#menu a:link { text-decoration:none; color:#000000;
}
#menu a:visited {color:#000000;
}
#menu a:hover { color:#db3d00;
}


/*--------------*/
#busca-avancada-horizontal{ width:16px; height:233px; background: url(../img/bg-div-chamada-horizontal.jpg) no-repeat 50% top; padding: 20px 3px 0 3px; float: left;}

#busca-avancada{ width:225px; background: url(../img/bg-div-chamada.jpg) no-repeat 50% top; padding: 20px 3px 0 3px; float: left; margin-bottom: 10px; margin-top:10px;}

h3.tit-pesq {font-size: 16px!important; font-weight: bold; color: #da3d00; margin: 5px 0 10px 0;}
.content-iframe{ width:200px; height:180px; background:#ebebeb; float:left; clear:both; padding:9px 14px;}

#fale-conosco{ width:495px; margin:0 0 0 10px; padding-top:17px; background:url(../img/bg-top-contato.jpg) no-repeat; float:left}
#fale-conosco h3{ margin-left:20px;}
#fale-conosco form{ margin-top:20px; margin-left:45px;}
input.input-text{ width:400px; height:27px; margin:5px 0 10px 0; border:1px solid #dbd9cf; background:url(../img/bg-input.jpg) repeat-x;}
div#fale-conosco textarea{ width:400px; height:180px; margin:5px 0 10px 0; border:1px solid #dbd9cf; background:#efede6;}

.img-contato{ margin-left:45px; margin-top:5px;}

.rs{float:right; margin-top:-35px; margin-bottom:10px}
.rs li{float:left; margin:0 5px}
.rs a#twitter{background:url(../img/rs.png) no-repeat top right; height:38px; width:38px; display:block; text-indent:-99999px}
.rs a#fb{background:url(../img/rs.png) no-repeat top left; height:38px; width:38px; display:block; text-indent:-99999px}