/*CSS PADRÃO PARA INICIAR UM SITE 

/* CSS PADRAO DO SITE 
ESTILOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
INTERESSANTE SEMPRE USAR SEMÂNTICA PARA TODAS AS PÁGINAS
--------------------------------------------------------------------------------*/

/*CSS GERAL SÃO ATRIBUTOS PARA TODO O SITE 
--------------------------------------------------------------------------------*/
.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.block {
	display: block;
}

.relative{
	position: relative;
}

object {
	outline: none;
} 

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	outline: none; 
}

p {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

h1 {
	float: left;
	width: 810px;
	font-weigth: bold;
	font-size:  30px;
	color: #0b3b70;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 30px 0px;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	outline: none;
	color: #bccde0;
	text-decoration: none;
}
a:hover {
	color: #2676d6;
} 

body {
	font: normal 11px/14px arial;
	color: #bccde0;
	margin: 0px!important;
	padding: 0px!important;
	background-color: #3373b9;
}

/* DEFINE TODOS OS STYLOS GERAIS DAS PÁGINAS 
---------------------------------------------------------------------------------------*/
#global {
	background: url('/stock_car/goodyear_90_anos/images/goodyear_bg_home.jpg') no-repeat center 0px;
}
#globalInternas {
	background: url('/stock_car/goodyear_90_anos/images/goodyear_bg_internas.jpg') no-repeat center top;
}
#geral {
	text-align: center;
	width: 905px;
	margin: auto;
}

#container {
	float: left;
	width: 905px;
	text-align: left;
	position: relative;
}

/* TOPO	
------------------------------------------------------------------------------------------*/
#topo {
	float: left;
	width: 905px;
}

#topo #parteSuperiorTopo {
	float: left;
	width: 795px;
	padding-left: 110px;
}
#logoMarca {
	float: left;
}
#topo #controlaMenus {
	float: left;
	width: 655px;
}
#topo #controlaMenus #menuCompartilhe {
	width: 655px;
	float: left;
	text-align: left;
	padding: 20px 0px 0px 0px;
	position: relative;
}
#menuCompartilhe ul {
	float: right;
}
#menuCompartilhe ul li {
	float: left;
	padding: 0px 0px 0px 0px;
}
#menuCompartilhe ul li a {
	display: block;
	float: left;
}
#menuCompartilhe ul li #um {
	float: left;
	margin-top: 2px;
	margin-right: 3px;
} 
#menuCompartilhe ul li #dois {
	float: left;
	margin-top:5px;
	margin-right: 3px;
} 
#menuCompartilhe ul li #tres {
	float: left;
	margin-top:5px;
	margin-right: 3px;
} 
.iconesImgTop {
	float: left;
	margin-left: 3px;
}
#topo #controlaMenus #menuNavegacao {
	width: 655px;
	float: left;
}
#topo #controlaMenus #menuNavegacao ul {
	float: left;
	width: 635px;
	padding: 25px 0px 0px 20px;
}
#topo #controlaMenus #menuNavegacao ul li {
	float: left;
}
#topo #controlaNavegacaoLinhaTempo {
	float: left;
	width: 905px;
	margin-top: 20px;
}
/*CONTROLA COMPARTILHE
------------------------------------------------------------------------------------------*/
#compartilhe{
	display:none;
	width: 410px;
	border: 2px solid #999;
	font-size: 12px;
	float:left;
	position: absolute;
	top: 50px;
	left: 193px;
	background-color:#FFFFFF;
	padding:0px;
	margin: 0px;
}
#compartilhe ul {
	list-style-type:none;		
	padding:0px;
	margin:1px;
	float: left;
}
#compartilhe li {
	width: 100px;
	list-style-type:none;
	padding:0px;
	margin:1px;
	text-align: left!important;
}	
#compartilhe li img {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
}
#compartilhe a{
	color:#000;
	text-decoration:none;
}

#email_compartilhe{
	color:#000;
	margin-left:30px;
	font-size: 11px;
}

#email_compartilhe #campos{
	width:70px;
}

#compartilhe_enviar{
	color:#000;
}

#compartilhe_voltar{
	margin-left:10px;;
}

#compartilhe_obrigatorio, #compartilhe_obrigatorio_texto{
	color:#900;
}

#compartilhe_obrigatorio_texto{
	margin-left:18px;
}

/*CONTROLA CORPO
-----------------------------------------------------------------------------------------*/

#corpo {
	float: left;
	width: 905px;
}
#controlaImgDestaqueHome {
	float: left;
	width: 905px;
	padding: 20px 0px 50px 0px;
	text-align: center;
}
#controlaConteudoInternas {
	float: left;
	width: 905px;
	margin-top: 30px; 
	margin-bottom: 28px;
	background: url('/stock_car/goodyear_90_anos/images/goodyear_bg.gif') repeat-x 0px 0px;
}
#controlaConteudoLivroVirtual {
	float: left;
	width: 905px;
	margin-top: 30px; 
	margin-bottom: 28px;
}
#conteudoPrincipalInterno {
	float: left;
	width:812px;
	padding: 5px 0px 0px 27px;
	position: relative;
	z-index: 1;
}
#conteudoPrincipalLivroVirtual {
	background: #3373ba;
	width: 894px;
	float: left;
	padding: 0px 0px 0px 11px;
	position: relative;
	z-index: 1;
}
/*coloca o bg para seção da linha do tempo*/
#conteudoInternoLinhaDoTempo {
	float: left;
	width:812px;
	padding: 5px 0px 0px 27px;
	position: relative;
	z-index: 1;
	background: #3373ba;
}
#controlaConteudoLivroVirtual #bread {
	float: left;
	width:810px;
	color: #fff;
	padding: 0px 0px 10px 54px;
}
#bread {
	padding: 0px 0px 10px 0px;
	float: left;
	width:810px;
	color: #fff;
}
#bread a {
	color: #fff;
}
#bread a:hover {
	text-decoration: underline;
	color: #fff;
}
#lateralTitulo {
	float: left;
}

#controlaInfos {
	float: left;
	width: 810px;
	padding: 0px 0px 0px 0px;
}

#controlaInfos .listaInfos {
	float: left;
	width: 250px;
	padding: 0px 0px 0px 20px;
	background: url('/stock_car/goodyear_90_anos/linha_tempo/images/goodyear_divisor.gif') no-repeat 0px 0px;
	
}
#controlaInfos .internaListaInfos {
	display: block;
	float: left;
	padding: 0px 25px 0px 0px;
}
#controlaInfos .internaListaInfos ul {
	float: left;
	padding: 0px 0px 0px 0px;
}
#controlaInfos .internaListaInfos ul li {
	padding: 14px 0px 0px 0px;
}
#controlaFlashLinhaTempo {
	padding: 5px 0px 10px 0px;
}
/*Controle do flash ba parte inferior da linha do tempo*/
}

/*BreakUp
#controlaInfos {
	float: left;
	width: 810px;
	padding: 0px 0px 20px 0px;
}
#controlaInfos .internaListaInfos ul {
	float: left;
	padding: 15px 0px 0px 0px;
}
#controlaInfos .internaListaInfos ul li {
	padding: 0px 0px 14px 0px;
}
*/
#selecaoVideo {
	float: left;
	width: 810px;
	padding: 0px 0px 0px 0px;
	background: url('/stock_car/goodyear_90_anos/fotos_videos/images/goodyear_base_busca.gif') no-repeat left 18px;
}
#controlaSelects {
	display: block;
	float: left;
	width:550px;
	padding: 28px 0px 0px 10px;
}
#controlaSelects span {
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 3px;
	color: #fff;
}
#controlaSelects input {
	float: left;
	width: 150px;
	height: 15px;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left:3px;
	color: #286bb2;
	border:1px solid #286bb2;
}
#selecaoFotos {
	float: left;
	width: 810px;
}
#selecaoFotos ul {
	float: left;
	padding: 0px 0px 0px 60px;
}
#selecaoFotos ul li {
	float: left;
	padding: 0px 30px 30px 0px;	
}
#selecaoFotos img {
	float: left;
	margin-left: 0px;
}
#infoFotos {
	display: block;
	padding: 0px 0px 5px 60px;
}

#fotosGrandes {
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 0px;
	width: 810px;
	height: 450px;
	background: url('/stock_car/goodyear_90_anos/images/goodyear_bg.gif') repeat-x 0px 0px;
	display: none;
}
#fotosGrandes div {
	display: none;
	width: 100%;
	text-align: center;
}
#fotosGrandes div strong {
	display: block;
	float: left;
	width: 700px;
	text-align: left;
	font-weigth: bold;
	font-size:  30px;
	color: #0b3b70;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 30px 25px;
}
.btoFecharFotos {
	float: left;
	width: 50px;
	text-align: left;
}
.btoFecharFotos img {
	text-align: top; 
}

/*controla a página de papela de parede
------------------------------------------------------------------------------------------*/
#controlaPapelParede {
	float: left;
	padding: 30px 0px 0px 0px;
}
#controlaPapelParede #controlaTitulo {
	font-size: 12px;
}
#controlaPapelParede #controlaListaFotos {
	float: left;
	width: 764px;
	padding: 90px 0px 0px 14px;
	margin: 0px;
	text-align: center;
}
#controlaPapelParede #controlaListaFotos li {
	width: 254px;
	text-align: center;
	float: left;
}
#controlaPapelParede #controlaListaFotos li div {
	float: left;
	text-align: left;
	padding: 10px 0px 0px 40px;
}
#controlaPapelParede #controlaListaFotos li div p {
	float: lefy;
	padding: 0px 0px 0px 7px;
	background: url('/stock_car/goodyear_90_anos/papel_parede/images/bullet_branco.gif') no-repeat 0px 5px;
}
#controlaPapelParede #controlaListaFotos li div span {
	float: left;
	width: 67px;
}
#controlaPapelParede #controlaListaFotos li div span a {
	text-decoration: underline;
	color: #5cb8f1;
}
/*controla popup Indique
------------------------------------------------------------------------------------------*/
#controlaPopupIndique {
	width: 380px;
	float: left;
	height: 400px;
}
#controlaPopupIndique #titulo {
	float: left;
	width: 380px;
	font-weigth: bold;
	font-size:  30px;
	color: #0b3b70;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 30px 0px;
}

/*controla livro virtual
------------------------------------------------------------------------------------------*/
#flashLivroVirtual {
	float: left;
	padding: 0px 0px 0px 0px;
}

/* RODAPÉ
------------------------------------------------------------------------------------------*/
#controlaRodape {
	width: 100%;
	background: url('/stock_car/goodyear_90_anos/images/goodyear_faixa_rodape.jpg') repeat-x left top;
}
#rodape {
	width: 905px;
	margin: auto;
	padding: 10px 0px 30px 0px;
	color: #fff;
	text-align: center;
}
#rodape a {
	text-decoration: none;
	color: #fff;
}