/* SLIMBOX.CSS ****************************************************************************************************************************************************************
*********************************************************************************************************************************************************************************** */

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* DEFAULT.CSS ****************************************************************************************************************************************************************
*********************************************************************************************************************************************************************************** */


/*	configurações gerais 
****************************** */

body {
	background: #f0eee2 ;
	font: 11px/150% "Lucida Grande", arial, sans-serif; 
	color: #333333;
}

.container { 
	width: 750px;
}

h1 { font: 18px/150% Georgia, "Times New Roman", Times, serif; color: #444334; }
h1.com-subtitulo { margin-bottom: 0;}
h1#h1-faq { margin-bottom: 30px;}
h2 { font: 10px/150% "Lucida Grande", Tahoma, arial, sans-serif; 
	font-weight: lighter;
	font-variant: normal;
	color: #8ea415; 
	text-transform: uppercase; 
	margin-bottom: 0.7em;
	padding-left: 15px;
	padding-top: 3px;
	letter-spacing: 0.1em;
	background: url(http://clubedocarroeletrico.com.br/images/interface/ornamento-h3.gif) no-repeat left center;
	margin-bottom: 20px;
	}
h3 { font: 12px/150% Georgia, "Times New Roman", Times, serif; color: #8ea415; font-weight: normal; }
h4 { font: 11px/150% "Lucida Grande", arial, sans-serif; color: #444334; margin: 0 12px; font-weight: bold; }
p  { font: 12px/150% "Lucida Grande", arial, sans-serif; color: #111; }
a { color: #8ea415; outline: 0;}
th { background: #EBE9DC; }
table { margin: 15px auto; }


/*	topo 
****************************** */

#topo {
	height: 103px;
	background: url(http://clubedocarroeletrico.com.br/images/interface/bkg-header.jpg) no-repeat;
}

#topo img {
	margin-top: 22px;
	margin-left: 22px;
}

/*	menu 
****************************** */

#menu {
	list-style: none;
	background: #8ea415 url('http://clubedocarroeletrico.com.br/images/interface/bkg-menu.jpg') repeat-x;
	margin: 0 1px 0 1px;
}

#menu li a {
	display: block;
	float: left;
	color: #111;
	text-align: center;
	padding: 40px 0 0 0; /* padding-top=altura imagem */
	overflow: hidden;
	height: 0 !important;
	height /**/:40px; /* height=altura imagem - hack IE5's */
	padding-left: 16px;
}
#menu li a#porque { background: url( http://clubedocarroeletrico.com.br/images/interface/porque.jpg ) no-repeat center top; width: 136px; }
#menu li a#porque:hover { background-position: 8px -40px; }
#menu li a#o-carro { background: url( http://clubedocarroeletrico.com.br/images/interface/carro.jpg ) no-repeat center top; width: 40px; }
#menu li a#o-carro:hover { background-position: 8px -40px; }
#menu li a#passo { background: url( http://clubedocarroeletrico.com.br/images/interface/passo.jpg ) no-repeat center top; width: 81px; }
#menu li a#passo:hover { background-position: 8px -40px; }
#menu li a#equipe { background: url( http://clubedocarroeletrico.com.br/images/interface/equipe.jpg ) no-repeat center top; width: 37px; }
#menu li a#equipe:hover { background-position: 8px -40px; }
#menu li a#faca { background: url( http://clubedocarroeletrico.com.br/images/interface/faca-parte.jpg ) no-repeat center top; width: 59px; }
#menu li a#faca:hover { background-position: 8px -40px; }
#menu li a#contatos { background: url( http://clubedocarroeletrico.com.br/images/interface/contatos.jpg ) no-repeat center top; width: 49px; }
#menu li a#contatos:hover { background-position: 8px -40px; }
#menu li a#perguntas { background: url( http://clubedocarroeletrico.com.br/images/interface/perg-resp.jpg ) no-repeat center top; width: 124px; }
#menu li a#perguntas:hover { background-position: 8px -40px; }

#menu li.active a#porque { background-position: 8px -40px; }
#menu li.active a#o-carro{ background-position: 8px -40px; }
#menu li.active a#passo{ background-position: 8px -40px; }
#menu li.active a#equipe{ background-position: 8px -40px; }
#menu li.active a#faca{ background-position: 8px -40px; }
#menu li.active a#contatos { background-position: 8px -40px; }
#menu li.active a#perguntas { background-position: 8px -40px; }

#menu li a:hover {
	background-position: center bottom;
	line-height: 36px;
}
#menu  li {
	display: inline;
}

#menu li #home {

	text-indent: -1999px;
	background: url('http://clubedocarroeletrico.com.br/images/interface/carro-eletrico-lines.jpg') no-repeat center top;
	width: 75px;
}

#menu li #home:hover { background-position: 6px -40px; }

/*	search 
****************************** */

#search div { background: url( http://clubedocarroeletrico.com.br/images/interface/search-icon.jpg ) no-repeat left bottom; height: 36px; margin-left: 12px; }
	#search input { width: 135px; height: 20px; margin-top: 10px; float: right; line-height: 20px; }


/*	conteudo 
****************************** */

 #conteudo { background: #fff url( http://clubedocarroeletrico.com.br/images/interface/bkg-conteudo.gif ) repeat-y; min-height: 350px; padding-bottom: 20px; } 

#conteudo #principal { padding-top: 26px; }
#conteudo #secundario { padding-top: 0px; }

#principal ul { list-style: none; margin-left: 0; padding-left: 0;}
#principal li { padding-left: 12px; background: url(http://clubedocarroeletrico.com.br/images/interface/list-style.gif) no-repeat 0 6px; }

#inner #secundario a img { border: 4px solid #ccc; margin: 0; }
#inner #secundario a:hover img { border: 4px solid #8ea415; }

#inner #secundario #galeria img { margin: 8px; float: left; }
#inner #secundario #galeria .imagem-equipe { margin: 8px auto; margin-left: 40px; float: left; }


#lista-de-vantagens-1 {  }

#secundario .boxes { background: #f0eee2 url( http://clubedocarroeletrico.com.br/images/interface/topo-boxes.jpg ) no-repeat left top; width: 347px; _overflow: hidden; }
#secundario .boxes-div { margin: 20px; margin-bottom: 0; _margin-right: 16px; }
#secundario .bottom-boxes { margin-bottom: 0; background: url( http://clubedocarroeletrico.com.br/images/interface/baixo-boxes.jpg ) no-repeat left bottom; }

#secundario .boxes .home-img-new { margin-bottom: 15px; float: left; }

#secundario .boxes h2 { margin-bottom: 5px; background: none; font-weight: bold; color: #999; padding: 0; font-size: 20px; }
#secundario .boxes h3 { margin-bottom: 5px; color: #333; }
#secundario .boxes li { margin-bottom: 0px; list-style: none; color: #666; }
	#secundario .boxes li a { font-weight: bold; text-decoration: none; color: #666; }
	#secundario .boxes li a:hover { font-weight: bold; text-decoration: underline; color: #333; }

#inner #conteudo #secundario { _overflow: hidden; margin-top: 56px; _margin-top: 68px; *margin-top: 68px; }
#inner #conteudo #principal { _overflow: hidden;  }

#inner #secundario .boxes { background: #EBE9DC url( http://clubedocarroeletrico.com.br/images/interface/inner-topo-boxes.png ) no-repeat left top; width: 268px; }
#inner #secundario .boxes-div { margin: 10px; margin-bottom: 0; _margin-right: 10px; }
#inner #secundario .bottom-boxes { margin-bottom: 0; background: url( http://clubedocarroeletrico.com.br/images/interface/inner-baixo-boxes.png ) no-repeat left bottom; padding-bottom: 20px; }

#inner #topo-galeria img { float: left; margin-right: 6px; margin-left: 6px; }
#inner #topo-galeria h1 { margin-top: 11px; }
#inner #topo-galeria { padding-top: 20px; _padding-top: 0; *padding-top: 0; margin-bottom: 10px;}



/*	rodape 
****************************** */

#rodape { background: url(http://clubedocarroeletrico.com.br/images/interface/bkg-rodape.gif) no-repeat -1px -10px  ; margin: 0; }

#rodape p {
	text-align: center;
	color: #333;
	margin: 0;
	background: #ebe9dc;
}

#rodape .prim-rodape {
	margin-top: 10px;
	margin-left: 1px;
	margin-right: 1px;
}

#rodape .ultm-rodape {
	margin-bottom: 40px;
	margin-left: 1px;
	margin-right: 1px;
}

