/* 
    Document   : estilos.css
    Created on : 23/09/2009, 11:48:23
    Author     : Vagner - Acao Direta Web Studio
    Description: CSS - Só Esteiras

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*                                   { padding:0; margin:0; }
img, fieldset                       { border:none; }
body                                { font-family:Arial, Verdana, Tahoma; font-size:12px; color:#333; background:url(../imagens/background-body.jpg) repeat-x; }
h1									{ font-size:20px; }
h2									{ font-size:18px; color:#FFF; }
h3									{ color:#18492C; font-size:16px; font-weight:bold;}
h4									{ font-size:12px; color:#18492C; }
h5									{ font-size:12px; color:#18492C; }
div.clear							{ clear:both; }
a									{ color:#060; }
a:hover								{ color:#95C05E; }

/* clearfix */
.clearfix:after 					{content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix 							{display: inline-block;}
html[xmlns] .clearfix 				{display: block;}
* html .clearfix 					{height: 1%;}


/* Container */

div#container                       { width:980px; margin:auto; }

/* Header */

div#header                          { position:relative; width:980px; height:290px; background:url(../imagens/background-header.png) no-repeat top center; }
div#header div#logo a				{ position:absolute; top:4px; left:30px; width:308px; height:168px; background:url(../imagens/logo-so-esteiras.png) no-repeat; display:block; text-indent:-9999px; }
div#header h2						{ position:absolute; top:70px; right:80px; width:300px; height:35px; background:url(../imagens/telefone-header.png) no-repeat; text-indent:-9999px; }
div#header p						{ font-size:14px; color:#70AF8A; letter-spacing:1px; font-weight:bold; }
div#header p.end					{ position:absolute; top:35px; right:80px;  }
div#header p.atn					{ position:absolute; top:120px; right:80px; }
div#header ul#bandeiras				{ position:absolute; top:30px; right:0; }
div#header ul#bandeiras li			{ list-style:none; margin-bottom:10px; }
div#header div#foto_destaque		{ position:absolute; top:180px; left:0; z-index:10; display:none; width:980px; height:450px; overflow:hidden; }
div#header div#menu					{ width:980px; height:100px; background: url(../imagens/background-menu.png) no-repeat; position:absolute; top:190px; left:0; z-index:11; }
div#header div#menu ul li			{ float:left; margin-top:38px; list-style:none; }
div#header div#menu ul li a			{ font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }
div#header div#menu ul li a:hover	{ color:#CCFF66; }
div#header div#menu ul li a.home	{ margin-left:20px; }
div#header div#menu ul li a.quem_somos{ margin-left:57px; }
div#header div#menu ul li a.produtos{ margin-left:65px; width:115px; height:29px; display:block; }
div#header div#menu ul li a.assistencia{ margin-left:10px; }
div#header div#menu ul li a.contato	{ margin-left:73px; }

div#header div#menu ul li ul.nivel_2    { position: absolute; top:-55px; left:247px; z-index:1000; width:115px; font-size:12px; display:block; }
div#header div#menu ul li ul.nivel_2 li {  margin:0px!important; padding:3px 3px 3px 5px; color:#FFF; display:block; height:25px; width:108px; display:block; background:#1B7240;  }
div#header div#menu ul li ul.nivel_2 li a { color:#fff; display:block; width:100%; text-align:center; }
div#header div#menu ul li ul.nivel_2 li a:hover { color:#CCFF66;  }

div#header div#menu ul li ul.nivel_2 li ul.nivel_3    { position: absolute; top:-90px; left:105px; z-index:1000; background:#060; font-size:12px; }

div#header div#menu #esteira_usada	{ position:absolute; bottom:30px; right:0; }

/* Wraper */

div#wraper							{ background:url(../imagens/background-wraper.jpg) no-repeat bottom left; padding-bottom:50px; }
div#wraper h2						{ width:980px; height:40px; background:url(../imagens/background-h2.png) no-repeat; line-height:40px; text-indent:10px; margin-bottom:10px; }

/* left e Right*/

div.cols							{ width:133px; float:left; }
div.cols h3							{ width:131px; height:30px; line-height:30px; background:url(../imagens/background-titulos-others.png) repeat-x; border:1px solid #333; text-align:center; font-size:12px; color:#FFF; letter-spacing:1px; margin-bottom:10px; }
div.cols h3 span					{ color:#CCFF66; }
div.cols ul							{ margin-left:5.5px; }
div.cols ul li						{ width:120px; height:60px; border:1px solid #999; list-style:none; _margin-top:-3px; margin-bottom:10px; }
div.cols ul li.none					{ margin-top:0; }

/* Content */

div.content							{ width:680px; float:left; margin:0 17px; }
div.content div.frase_home			{ border:1px solid #333; padding:5px; }
div.content div.frase_home p		{ text-align:justify; font-weight:bold; line-height:25px; }

ul.define_ul li						{ list-style:none; float:left; margin:15px 40px 15px 35px; display:inline; }

a#voltar								{ text-align:right; clear:left; display:block; padding:5px; color:#FFF;}
a#voltar:hover							{ color:#060!important; text-decoration:none;}

/* Lista Produtos */

div.lista_produtos					{ margin-top:20px; clear:both; }
div.lista_produtos ul li			{ width:140px; list-style:none; text-align:center; float:left; margin-left:40px; }
div.lista_produtos ul li.none		{ margin-left:0; }
div.lista_produtos ul li div.descricao		{ width:140px; height:45px; background:#668071; }
div.lista_produtos ul li div.descricao p		{ text-align:center; color:#FFF; padding-top:7px; }
div.lista_produtos ul li div.bg_link			{ position:relative; width:140px; height:34px; background:#CCC; }
div.lista_produtos ul li div.bg_link a		{ position:absolute; top:10px; left:10px; width:120px; height:17px; background:url(../imagens/background-a-mais-detalhes.png) no-repeat; color:#999999; text-decoration:none; line-height:17px; padding-left:5px;  }
div.lista_produtos ul li div.bg_link a:hover	{ color:#333; }

img#empresa_foto					{ margin:10px 10px 5px 0; float:left  }

ul#profissional						{ width:479px; float: left; font-size:10px;  border-right:10px solid #999; }
ul#profissional	li					{ list-style:none; border-bottom:1px solid #999; padding:5px;  }
ul#profissional	li h3				{ margin:0 0 15px 0;  }
ul#profissional	li h4				{ margin:10px 0 10px 0;  }
ul#profissional	li img				{ margin:5px; float:left }

ul#residencial						{ width:480px; float: left; font-size:10px;}
ul#residencial	li					{ list-style:none; border-bottom:1px solid #999; padding:5px;   }
ul#residencial	li h3				{ margin:0 0 15px 0;  }
ul#residencial	li h4				{ margin:10px 0 10px 0;  }
ul#residencial	li img				{ margin:5px; float:left }

ul#semi_novos 						{ margin-left:10px; }
ul#semi_novos li					{ list-style:none; float: left; width:180px; height:260px; margin:5px; display:inline; text-align:center; border:1px solid #CCC; }
ul#semi_novos li img				{ text-align:center; padding:5px; }

/* ------->>>> Formulario <<<<<--------- */
div#formulario						{ margin-left:10px; display:inline;}
div#resposta_contato				{ margin-top:10px; color:#FFF; font-size:18px; font-weight:bold; }

form#contato						{ margin:10px 10px 0 0; float:left; width:500px; height:200px; display:inline; }
form#contato label					{ margin-left:10px; width:100px; height:15px; padding-top:3px; float:left; }
form#contato input					{ width:355px; margin-top:5px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#contato textarea				{ width:357px; margin-top:5px; border: solid 1px #CCC; background:#E6E6E6; }
form#contato #enviar				{ width:137px; margin-top:-15px; _margin-top:-11px; margin-left:110px; background:#E6E6E6; border: solid 1px #CCC; color:#000; font-weight:bold; }
div#dados_contato					{ width:450px; height:200px; float:right; margin:10px 20px 0 0; display:inline; }


p.ok								{ width:980px; height:35px; background:#94AD7A; color:#fff; text-align:center; }
p.unok								{ width:980px; height:35px; background: #990000; color:#fff; text-align:center; }
form#contato input.campo_requer		{ border:1px solid #900; }

/* Footer */

div#footer							{ width:980px; height:40px; border-top:5px solid #003300; }
div#footer p						{ line-height:40px; float:left; }
div#footer a						{ float:right; padding-top:5px; }

/* Clearfixord */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}