/* CSS Document */
@import "reset.css";
/* Elementos */
body{
	background: #fff url(/public/img/site/background.jpg) left top repeat-x;
	font-family:Verdana, Geneva, sans-serif;
	font-size:62.5%;
}
legend{ display:none;}
a:link {text-decoration: none; color:#000;}
a:visited {text-decoration: none; color:#000;}
a:hover {text-decoration: underline; color: #000;}
select{
	border-top:1px solid #5794bf;
	border-right:1px solid #5794bf;
	border-left:1px solid #c5daed;
	border-bottom:1px solid #c5daed;
}
/* Div que engloba todo o site */
#main{ width: 930px; margin:23px auto;}
/* Header */
#header{
	display:block;
	width: 930px;
	height:114px;
	background: #fff url(/public/img/site/bgHeader.jpg) left top repeat-x;
}
/* Logo do grupo HC */
#header h1 { width:790px; height:79px; float:left;}
#header h1 a{
	width:217px;
	height:37px;
	display:block;
	text-indent:-5000px;
	background: url(/public/img/site/logoHC.png) left top no-repeat;
	margin: 24px 0 0 23px;
}
/* Logo da empresa Goodyear */
#header small{
	float:left;
	width:120px;
	height:24px;
	display:block;
	background: url(/public/img/site/logoGoodyear.png) left top no-repeat;
	text-indent:-5000px;
	margin-top:32px;
}
/* Navegação e Busca do Header */
.nav-top{
	clear:both;
	float:left;
	width:320px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	margin: 8px 0 0 21px;
}
.nav-top a{ color:#fff;}
.nav-top li{ color:#000; float:left;}
.nav-top span{ margin: 0 10px; color:#fff;}
#buscaproduto{
	width:510px;
	height:22px;
	float:right;
	margin:5px 0 0 0;
}
#buscaproduto h2{
	float:left;
	width:147px;
	height:22px;
	display:block;
	text-indent:-5000px;
	background: url(/public/img/site/tit_buscaprodutos.png) left top no-repeat;
	margin-right:10px;
}
#buscaproduto legend{ display:none;}
#buscaproduto input, #buscaproduto select{
	float:left;
	margin: 0 8px 0 0;
	height:18px;
	width:145px;
	position:relative;
	top:1px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
}
#buscaproduto input{
	width:137px;
	float:left;
	height:12px;
	padding:2px 5px;
	border:1px solid #ccc;
}
#buscaproduto input.btn_ok {
	width:23px;
	height:23px;
	display:block;
	background: url(/public/img/site/btn_ok.png) left top no-repeat;
	border:0;
	text-indent:-5000px;
	position:relative;
	top:0px;
}
#prev{
	background: url(/public/img/site/btn_sprite.png) -1px -16px no-repeat;
	width:20px;
	height:19px;
	overflow:hidden;
	display:block;
	text-indent:5000px;
	color:#fff;
	float:left;
}
#next{
	background: url(/public/img/site/btn_sprite.png) -44px -16px no-repeat;
	width:20px;
	height:19px;
	overflow:hidden;
	display:block;
	text-indent:5000px;
	color:#fff;
	float:left;
	margin-left:1px;
}
#nav-banner{float:left; margin-left:1px;}
#nav-banner a {
	background: url(/public/img/site/btn_sprite.png) -22px -16px no-repeat;
	width:10px;
	height:16px;
	overflow:hidden;
	display:block;
	color:#fff;
	float:left;
	text-decoration: none;
	padding:4px 8px 0 4px;
}
#nav-banner a.activeSlide { color:#ff0; }
#nav-banner a:focus { outline: none; }
#paginacao { float:left;}
#paginacao ul{ float:left; padding: 0 5px; margin-top:3px;}
#paginacao a.primeira{
	padding-right:5px;
	background: url(/public/img/site/first.png) left no-repeat;
	text-indent:-5000px;
	display:block;
	width:16px; height:16px;
}
#paginacao a.ultima{
	padding-left:5px;
	background: url(/public/img/site/last.png) left no-repeat;
	text-indent:-5000px;
	display:block;
	width:16px; height:16px;
}
#paginacao a.anterior{
	background: url(/public/img/site/prev.png) left no-repeat;
	text-indent:-5000px;
	display:block;
	width:16px; height:16px;
}
#paginacao a.proxima{
	background: url(/public/img/site/next.png) left no-repeat;
	text-indent:-5000px;
	display:block;
	width:16px; height:16px;
}
#paginacao a{ color:#343970; font-size:1.1em }
/* Dicas de Manutenção */
#dicas{
	width:243px;
	background-color:#0d57aa;
	float:left;
	margin-top:4px;
	margin-bottom:0;
}
#dicas h2{
	background: #fff url(/public/img/site/tit_dicasManutencao.png) left top no-repeat;
	width:245px;
	height:32px;
	text-indent:-5500px;
	margin:-6px 0 0 -1px;
}
#dicas div{
	width:203px;
	margin:10px;
	padding:10px;
	background-color:#fff;
}
#dicas ol{margin: 0 auto; float:left;}
#dicas ol li{ width:200px; height:45px; padding-bottom:16px; float:left;}
#dicas img{
	float:left;
	border:1px solid #000;
	background-color:#fff;
	padding:1px;
	margin: 0 7px 0 0;
	display:block;
	width:43px;
	height:43px;
}
#dicas p{margin:0; width:140px; float:left !important;}
#dicas a.btn_dicas{
	background: transparent url(/public/img/site/btn_dicas.png) left top no-repeat;
	width:199px;
	height:20px;
	display:block;
	text-indent:-5000px;
	clear:both;
}
/* Footer */
#footer{
	display:block;
	width: 930px;
	height:127px;
	background: #fff url(/public/img/site/bgFooter.jpg) left top repeat-x;
	margin-top:10px;
	float:left;
}
#footer .listaConvenio, #footer .contato{  float:left;}
#footer .listaConvenio{ width:auto; float:left}
#footer h2.convenio{
	width:56px;
	height:10px;
	display:block;
	text-indent:-5000px;
	background: url(/public/img/site/tit_convenio.jpg) left top repeat-x;
	margin:7px 0 0 20px;
}
#footer .listaConvenio li{ display:inline-block; float:left}
#footer .listaConvenio span{
	height:48px;
	display:block;
	margin:5px 0 0 20px;
	border:1px solid #06C;
	background-color:#fff;
}
#footer .listaConvenio p{ margin:0 0 0 20px; clear:left;}
#footer .listaConvenio img{ margin:4px; vertical-align:middle; }
/*
#footer #contato{
	width:349px;
	height:53px;
	margin:19px 22px 0 0;
	background: url(/public/img/site/tit_contato.png) left top repeat-x;
}
#footer #contato div{
	width:349px;
	height:20px;
	margin:0;
}
#footer #contato h2{
	width:95px;
	height:22px;
	display:block;
	text-indent:-5000px;
	float:left;
	margin:0;
}
#footer #contato p{ float:left; margin-top:5px;}
#footer #contato legend{ display:none;}
#footer #contato form{ clear:both; }
#footer #contato select{
	margin: 5px 10px 0 32px;
	height:18px;
	font-size:1.1em;
	width:303px;
}*/
#footer #grupohc{ float:right; margin-right:10px; margin-top:-17px;}
#footer #grupohc h2{
	width:62px;
	height:7px;
	display:block;
	text-indent:-5000px;
	background: url(/public/img/site/tit_umaempresa.png) left top repeat-x;
	margin:7px 0 6px 0;
}
/* Dicas de Manutenção */
#dicas{
	width:243px;
	background-color:#0d57aa;
	float:left;
	margin-top:4px;
	margin-bottom:0;
}
#dicas h2{
	background: #fff url(/public/img/site/tit_dicasManutencao.png) left top no-repeat;
	width:245px;
	height:32px;
	text-indent:-5500px;
	margin:-6px 0 0 -1px;
}
#dicas div{
	width:203px;
	margin:10px;
	padding:10px;
	background-color:#fff;
}
#dicas ol{margin: 0 auto; float:left;}
#dicas ol li{float:left; height:45px; padding-bottom:16px;}
#dicas img{
	float:left;
	border:1px solid #000;
	background-color:#fff;
	padding:1px;
	margin: 0 7px 0 0;
}
#dicas p{margin:10px 0 10px 0;}
#dicas a.btn_dicas{
	background: transparent url(/public/img/site/btn_dicas.png) left top no-repeat;
	width:199px;
	height:20px;
	display:block;
	text-indent:-5000px;
	clear:both;
}
/* HOME
#interna p{
	text-indent: 15pt;
}
*/
/* Classes globais */
.clearBoth{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}
.hidden{display: none;}