/* CSS Document */

/* VIRAL DE NATAL EBS */


/*RESET*/
/*----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*----------------------------------------------------------------------------------*/


body{
	background-color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}

#logo{
	position:relative;
	padding-top:30px;
	text-align:center;}

#conteudo{
	position:relative;
	min-height:461px;
	background:url(../img/fundo.png) repeat-x #97b44e;
	padding-bottom:10px;
}
	
#mad_top, #info{
	position:relative;
	min-height:174px;
	background:url(../img/madeiras1.png) repeat-x center}	
	
#info{
	background:none;	
	width:800px; 
	margin: 0 auto 0 auto;
	}

.update{
	position:absolute;
	left: 194px;
	top: 64px;
}	

.contct{
	position:absolute;
	color:#4f780d;
	font-weight:bold;
	font-size:22px;
	left: 1px;
	top: 129px;
	
	}
	

#rodape{
	position:relative;
	min-height:59px;
	background:url(../img/madeira2.png) repeat-x center}
	
#form{
	position:relative;
	height:100%;
	margin: 0 auto 0 auto;
	width:800px;}	
	
.tabs{}

.clean{
	position:relative;
	clear:both;
	width:100%;
	height:0px;}
	
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #999;	
	height:30px;
}

ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}


ul.tabs a { 
	background: url(../img/blue.png) no-repeat -420px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#666;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#4e780d;	
}

ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;
	font-weight:bold;	
	cursor:default !important; 
	color:#000 !important;
}	


.panes {
	background:#FFF;
	border-bottom:#999 solid 1px;
	border-left:#999 solid 1px;
	border-right:#999 solid 1px;
	min-height:300px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	font-family: inherit;
		
		}
		
#texto_final{	
	position:relative;
	min-height:30px;
	font-size:11px;
	color: #698621;
	text-align:center;
	padding-top:5px
	}


.panes div h1{
	font-size:30px;
	color:#283624;
	padding: 20px 5px 20px 70px;
	text-align:left; 
	
		}
		
.panes div p{
		margin-left:26px;
		line-height:1.3em;
		font-size:16px;
	
		}	
		
.panes div form{
	line-height:12px;
	background-color: #E1EFDA;
	width:680px;
	min-height:270px;
	padding:10px;
	margin: 0 auto 15px auto;
	border:#999 solid 1px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;}
	
.panes div form label{
	font-size:14px;
	margin-bottom:5px;}
		
.panes div form div{
	background:none;
	width:320px;
	float:left;
	border:none;
	min-height:0px;
	padding:0px}
	
.panes div form textarea{
	width:300px;
	margin-top:5px;
	border:#999 solid 1px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	}	
	
.panes div form input{
	width:300px;
	height:14px;
	padding:3px;
	margin-top:5px;
	border:#999 solid 1px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	}
	
.panes div form input[name="button"]{
	width:100px;
	height:24px;
	float:right;}
	
.panes div form input[name="fone"]{
	width:180px;}
	
.panes div form input[name="cidade"]{
	width:200px;}		
	
.panes div form select{
	width:200px;
	padding:3px;
	margin-top:5px;
	border:#999 solid 1px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	}			
				
.gmap{ margin: 0 auto 0 auto; text-align:center}
		
.email{	background:url(../img/email.png) no-repeat 18px 18px }
.phone{	background:url(../img/telefone.png) no-repeat 18px 18px }	
.revendas{ background: url(../img/repres.png) no-repeat 18px 18px}	
.endereco{ background: url(../img/endereco.png) no-repeat 18px 18px}		
.mapa{ background: url(../img/mapa.png) no-repeat 18px 18px}	


	#overlay {
		background-image:url(../img/transparent.png);
		color:#efefef;
		height:450px;
	}

	div.contentWrap {
		height:441px;
		overflow-y:auto;
	}
	
	.apple_overlay {

	display:none;

	background-image:url(../img/white.png);
	width:640px;		
	

	padding:35px;


	font-size:11px;
}

.apple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.agrupa_enderecos{float:left;width:200px; min-height:190px;padding:0 0 0 3px; margin-top:15px;}
.loja_onde{font-size:12px!important; font-weight:bold; color:#6C3}
.endereco_onde{ font-size:10px!important; }
.endereco_onde a{ color:#CFC}

.respresentant a{ position:relative; width:200px; display:inline-block; float:left; padding:10px; margin-left:15px; text-decoration:none; color:#283624}
.respresentant a:hover{color: #690}

.google a{padding:10px; margin-left:15px; text-decoration:none; color:#283624}
.google a:hover{color: #690}