/*  
Theme Name: NJacomel
Theme URI: http://njacomel.com.br
Description: Criado por m4web
Version: 1.0
Author: Diego Antunes e Rafael Slonik
Author URI: http://m4web.com.br
*/

* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	border:none;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

html {
	background: url('images/bg.gif') repeat-x  #f4f4f4;
}

#page {
	width: 765px;
	margin: 0px auto;
}
.logo {
	background: url('images/njacomel.jpg') no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	margin: 40px 0 0 0;
	width: 230px; height: 37px;
	float: left;
}

.descricao {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #E9E9E9;
	font-weight: lighter;
	float: left;
	margin: 40px 20px 6px 20px;
	text-align: center;
}

#searchbox {
	margin: 35px 0 0 0;
	float: left;
}
#searchform input {
	border: 1px solid #CCC;
	font-size: 0.8em;
	font-weight: bold;
	background: #FFF;
	height: 20px;
	padding: 5px 0 0 1px;
	margin: 0 0 0 5px;
	width: 150px;
}
#searchform  #searchsubmit  {
	width: 50px;
	height: 25px;
	padding: 0;
}


/*         /Menu        */


#sidebar {
	margin: 33px 0 0 0;
	font-size: 0.9em;
	clear: both;
}

html>body #sidebar {padding: 33px 0 0 0;}

#sidebar a { 
	float: left;
	width: 100px;
	height: 22px;
	background: #455251;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 10px 0 10px;
	color: #B2B2B2;
	text-decoration: none;
}
#sidebar a:hover {background: #52615F;color: #FFF;}

/*CSSsig*/
#Produtos #sidebar .produtos {background: #52615F; color: white;}
#Representadas #sidebar .representadas {background: #52615F; color: white;}
#Vendas #sidebar .vendas {background: #52615F; color: white;}
#Fale Conosco #sidebar .fale-conosco {background: #52615F; color: white;}
#Bem Vindo a N. Jacomel Representações #sidebar .principal {background: #52615F; color: white;}

/*CSSsig*/

/*         /Menu        */


#content {
	background: url('images/bg-content.jpg') repeat-x;
	padding: 6px;
	width: 765px;
	clear: both;
	margin-top: 60px;
	_margin-top:0;
	
}

#banner-prod {float: left; border-top: 1px solid #58AD03; padding-top: 2px;}
#dados-prod {font-size: 0.82em; height: 230px; text-align: justify; width: 255px; float: left; border-top: 1px solid #58AD03; padding-top: 3px;} html>body #dados-prod {padding-top: 2px;}
.prod-titulo {color: white; background: black; padding: 10px 0 0 20px; display: block;}
.prod-subtitulo {color: #999; background: black; padding: 10px 0 10px 20px;}
.prod-descricao {color: #666; padding: 10px;}
.prod-link a {color: #58AB06; text-decoration: none; padding: 30px 10px 20px 10px; display: block;}


.gambiarra {margin: 4px 0 0 0}


#content #index {clear: both; font-size: 0.9em; text-align: justify; padding: 10px; width: 490px; float: left; margin-top: -10px;}
h2 {font-weight: lighter; color: #58AB06; font-family: serif; font-size: 1.8em; border-bottom: 1px dotted #CCC; margin: 20px 0 10px 0;}
.link-prod {margin: 10px 10px 20px 10px; float: right;}
.link-prod a {color:#4E9902; text-decoration: underline;}
.link-prod a:hover {color:#003399; text-decoration: none;}


.mapa {width: 174px; float: left;}
address {text-align: justify; float: left; width: 260px; margin:20px 0 0 20px; text-decoration: normal;}

.gambiatwo {clear: both; color: #f4f4f4;}

#content-side {float: left; padding: 0px 10px 10px 10px; border: 1px solid #CCC; background: #FFF; width: 233px; margin-top: 5px; text-transform:lowercase;}
#content-side h2 { margin-top: 3px; text-transform: none;}
#content-side form input, #content-side form textarea {color: #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;border: 1px solid #999; padding: 2px; margin-top: 4px; background: white; width: 225px;}
#content-side #contactsubmit {background: url('images/bg-button.gif') repeat-x; width: 80px; height: 28px; border: 0px; color: white; font-weight: bold; float: right; margin-right: 2px;}
#contactsubmit {background: url('images/bg-button.gif') repeat-x; width: 80px; height: 28px; border: 0px; color: white; font-weight: bold; margin: 10px 0px 0px 105px;}

#footer {width: 770px; height: 45px; margin: 20px 0 20px 0; background: url('images/bg-footer.gif') no-repeat white;}
#footer .navigation {width: 550px; float: left; padding: 15px 0 0 0;}
#footer .navigation li {
	display: inline;
	padding: 0 5px;
	margin: 0 5px;
	list-style-image: url('images/bullet.gif');
	clear: both;
}
#footer a {font-size: 0.9em; color: #999; }
#footer a:hover {text-decoration: underline; color: #999; }

#footer .cred {width: 160px; height:40px; float: right; 
background: #F4F4F4; font-size: 0.8em; padding: 0px 0 0 0; color: #666; margin: 3px;}

#footer .cred .m4web {margin: 15px 0 0 20px;}
#footer .cred .m4web img {margin: -5px 0 0 0px;}


.contactform {float: left;}
.contactform input, .contactform textarea {border: 1px solid #cccccc; padding: 2px; height: 22px}
.contactform input {height: 22px}
.contactform textarea {height: 200px}


.representadas li { top: 2px;float: left; width: 200px; margin: 15px; font-size: 12px; border: 1px solid #ccc; padding: 6px 3px 3px 3px; text-align: center;}
.representadas p {margin: 3px 0px;}

.entry {font-size: 0.85em;}


.empresa-prods {width: 200px; float: left}
.empresa-logo {border: 1px solid #ccc; padding: 3px; margin: 5px; width: 190px; text-align: center;}
.empresa-images {border-top: 1px dotted #ccc; padding: 15px 0px 10px 0px; clear: both; margin: 20px 0px 10px 0px;}
.side-logo {width: 230px; float: left; margin: 10px 0px 10px 20px; font-size: 0.85em;}
.side-logo li {margin: 10px 0px;}
.link-produtos {color: #58AD03; text-decoration: underline;}
.link-site {color: #000066; text-decoration: none;}

.empresas {width: 470px; float: left;}
.menu-empresas {height: 400px; float: left; width: 244px; margin: 5px; background: url(images/bg-meni-representadas.jpg); padding: 0px 10px 10px 10px;}
.menu-empresas li {margin: 15px 0px; font-size: 0.8em;}
.menu-empresas a {color: black; text-decoration: none;}
.menu-empresas a:hover {color: black; text-decoration: underline;}

.prod-emp h3 {font-size: 1.2em;;border-bottom: 1px dotted #666; padding-bottom: 5px; font-weight: bold; color: #000066; margin: 35px 10px 10px 10px; width: 400px;}
.prod-emp .link-produtos {margin: 0 0 20px 20px; display: block;}
.prod-emp li {margin: 5px 0 5px 40px;}

address{
font-style:normal;

}

#formvendas input { border: 1px solid #999; padding: 2px; margin: 2px; background: white;}

#formvendas textarea { border: 1px solid #999; padding: 2px; margin: 2px; background: white;}

#formvendas #contactsubmit { background: url('images/bg-button.gif') repeat-x; width: 80px; height: 28px; border: 0px; color: white; font-weight: bold; float: left; margin-right: 40px;}


#post-10 input { border: 1px solid #999;  background: white; height: 21px; }
.empresas label {margin-top: 10px;}


#content .empresas label input {
	border: 1px solid #CCC;
	font-size: 0.8em;
	background: #FFF;
	height: 20px;
	padding: 5px 0 0 1px;
	margin: 0 0 0 5px;
	width: 150px;
}
#content .empresas input {
	border: 1px solid #CCC;
	font-size: 13px;
	background: #f6f6f6;
	background: #FFF;
	height: 26px;
	padding: 4px 5px 4px 5px;
	margin: 3px 0 0 5px;	
	_margin: 1px 0 0 5px;	
}