/* CONSTANTES ================================================================================================ */
*{
	margin: 0;
	padding: 0;
}

html{
	overflow-y: scroll;
}

body, html{
	width: 100%;
	height: 100%;
	font-family: Tahoma;
	font-size: 11px;
	color: #fff;
	overflow: hidden;
}

body{
	background: #000;
	color: #fff;	
}

a{
	overflow: hidden;
	color: #fff;
}

li {
	list-style-position: outside;
	list-style-type: none;
}

h1, h2, h3, h4, h5{
	font-size: 11px;
}

input{
	font-family: Tahoma;
	font-size: 11px;
	color: #fff;
}

/* ESTRUTURA ================================================================================================ */
#container{
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#game{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
			
#content{
	width: 970px;
	height: 640px;
	display: block;
	visibility: visible;
	position: absolute;
	z-index: 999;
	top: -618px;
	left: 50%;
	margin-left: -485px; 
}

.conteudo_content{
	float: left;
	width: 100%;
	height: 618px;
	background: #020202;
	position: relative;
}

.conteudo_content h1{
	width: 201px;
	height: 18px;
	background: url("/dualogic/img/img_logo.png") no-repeat;
	text-indent: -5000px;
	position: absolute;
	top: 100px;
	left: 50px;
	z-index: 9999;
}

.bt_menu{
	float: right;
	display: inline;
	width: 115px;
	height: 22px;
	background: #020202 url(/dualogic/img/bts/bt_menu.gif) no-repeat 8px 6px;
	text-indent: -5000px;
	margin-right: 90px;
}

.bt_fechar{
	width: 51px;
	height: 7px;
	position: absolute;
	top: 120px;
	right: 50px;
	z-index: 999;
	background: url(/dualogic/img/bts/bt_fechar.png) no-repeat;
	text-indent: -5000px;
}

#bannerHome {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background: #000;
}


/* MENU ================================================================================================ */
/*top*/
ul.menu_topo{
	width: 140px;
	height: 20px;
	margin-top: 23px;
	padding: 0;
	position: absolute;
	top: 85px;
	left: 290px;
	background: url("/dualogic/img/bg_sub_carro.png") no-repeat 13px 13px;
	z-index: 9999;
}

ul.menu_topo li{
	float: left;
	display: inline;
	height: 9px;
	text-indent: -5000px;
	padding-right: 12px;
}

ul.menu_topo li a{
	height: 9px;
	float: left;
	display: block;
	overflow: hidden;
	padding: 0;
}

ul.menu_topo li.mn_sub_hotlist,
ul.menu_topo li.mn_sub_hotlist a{
	width: 29px;
	background:url("/dualogic/img/mn_sub_hotlist.png") no-repeat;
}

ul.menu_topo li.mn_sub_cores,
ul.menu_topo li.mn_sub_cores a{
	width: 27px;
	background:url("/dualogic/img/mn_sub_cores.png") no-repeat;
}

ul.menu_topo li.mn_sub_versoes,
ul.menu_topo li.mn_sub_versoes a{
	width: 36px;
	background:url("/dualogic/img/mn_sub_versoes.png") no-repeat;
}

ul.menu_topo li a:hover,
ul.menu_topo li a.ativo{
	background-position: 0px -10px;
}


/*bottom*/
ul.menu_bottom{
	margin-top: 23px;
	padding: 0;
	position: absolute;
	bottom: 7px;
	left: 80px;
	z-index: 999;
}

ul.menu_bottom li{
	float: left;
	display: inline;
	height: 11px;
	text-indent: -5000px;
	padding-right: 29px;
}

ul.menu_bottom li a{
	float: left;
	height: 11px;
	overflow: hidden;
	padding: 0;
}

/*ul.menu_bottom li.mn_arena_dual{
	width: 89px;
	padding-right: 29px;
}
ul.menu_bottom li.mn_arena_dual a{
	width: 89px;
	padding: 0;
	background:url("/img/mn_arena_dual.gif") no-repeat 0 -10px;
}
*/

ul.menu_bottom li.mn_cambio_dual,
ul.menu_bottom li.mn_cambio_dual a{
	width: 100px;
	background:url("/dualogic/img/mn_cambio_dual.gif") no-repeat 0 -10px;
}

ul.menu_bottom li.mn_ocarro,
ul.menu_bottom li.mn_ocarro a{
	width: 45px;
	background:url("/dualogic/img/mn_ocarro.gif") no-repeat 0 -10px;	
}

ul.menu_bottom li.mn_fotos,
ul.menu_bottom li.mn_fotos a{
	width: 33px;
	background:url("/dualogic/img/mn_fotos.gif") no-repeat 0 -10px;	
}

ul.menu_bottom li.mn_downloads,
ul.menu_bottom li.mn_downloads a{
	width: 66px;
	background:url("/dualogic/img/mn_downloads.gif") no-repeat 0 -10px;
}

ul.menu_bottom li.mn_indique,
ul.menu_bottom li.mn_indique a{
	width: 126px;
	background:url("/dualogic/img/mn_indique.gif") no-repeat 0 -10px;
}

ul.menu_bottom li.mn_campanha,
ul.menu_bottom li.mn_campanha a{
	width: 57px;	
	background:url("/dualogic/img/mn_campanha.gif") no-repeat 0 -10px;
}

ul.menu_bottom li.mn_test_drive,
ul.menu_bottom li.mn_test_drive a{
	width: 52px;
	background:url("/dualogic/img/mn_test_drive.gif") no-repeat 0 -10px;	
}

ul.menu_bottom li a:hover, 
ul.menu_bottom li a.ativo{
	background-position: 0px 0px;
}


/* conteudo ================================================================================================ */

/*o carro*/
.ocarro{
	float: left;
	width: 950px;
	height: 491px;
	background:url("/dualogic/img/img_ocarro.jpg") no-repeat 110px 0;	
	margin-top: 90px;
}

.ocarro .bg_box_ocarro, .ocarro .box_ocarro {
	position: absolute;
	float: left;
	width: 300px;
	height: 190px;
	margin: 240px 0 0 45px; 
	padding: 20px 10px;
}

.ocarro .bg_box_ocarro {
	background-color: #000;
	filter:alpha(opacity=45);
	opacity:.45;
	-moz-opacity:.45;
}

.ocarro .box_ocarro h2{
	width: 81px;
	height: 12px;
	text-indent: -5000px;
	font-size: 9px;
	background:url("/dualogic/img/titulos/tit_novo_stilo_ocarro.png") no-repeat;	
	margin: 0 0 10px 0;
}

.ocarro .box_ocarro p{
	margin-bottom: 5px;
}


/* Modal */
#boxModal {
	width: 970px;
	height: 594px;
	padding: 0;
}

#auxBoxModal {
	clear:both;
}

.loader {
    text-align:center;
    padding-top:300px;
}


/*versoes*/
.conteudo_versoes{
	width: 919px;
	position: absolute;
	top: 150px;
	left: 50px;
}

.conteudo_versoes_flex{ background: url("/dualogic/img/bg_versoes_flex.jpg") no-repeat right 15px; }
.conteudo_versoes_flex_dual{ background: url("/dualogic/img/bg_versoes_flex_dual.jpg") no-repeat right 15px; }
.conteudo_versoes_sporting{ background: url("/dualogic/img/bg_versoes_sporting.jpg") no-repeat right 15px; }
.conteudo_versoes_sporting_dual{ background: url("/dualogic/img/bg_versoes_sporting_dual.jpg") no-repeat right 15px; }
.conteudo_versoes_attractive_dual{ background: url("/dualogic/img/bg_versoes_attractive_dualogic.jpg") no-repeat right 15px; }
.conteudo_versoes_attractive{ background: url("/dualogic/img/bg_versoes_attractivec.jpg") no-repeat right 15px; }
.conteudo_versoes_abarth{ background: url("/dualogic/img/bg_versoes_abarth.jpg") no-repeat right 15px; }


/*menu versoes*/
ul.mn_versoes{
	float: left;
	width: 800px;
	height: 25px;
	padding: 0;
	margin: 0;
   background: url("/dualogic/img/bg_mn_versoes.png") no-repeat 20px 15px;	
}

ul.mn_versoes li{
	float: left;
	display: inline;
	margin-right: 25px;
	letter-spacing: -1px;
	font-size: 11px;
}

ul.mn_versoes li a{
	float: left;
	height: 13px;
	overflow: hidden;
	text-indent: -5000px;
}

ul.mn_versoes li.mn_v_stilo_flex a{
	width: 40px;
	background: url("/dualogic/img/mn_v_stilo_flex.png") no-repeat;
}

ul.mn_versoes li.mn_v_stilo_flex_dual a{
	width: 94px;
	background: url("/dualogic/img/mn_v_stilo_flex_dual.png") no-repeat;
}

ul.mn_versoes li.mn_v_stilo_sporting a{
	width: 84px;
	background: url("/dualogic/img/mn_v_stilo_sporting.png") no-repeat;
}

ul.mn_versoes li.mn_v_stilo_sporting_dual a{
	width: 139px;
	background: url("/dualogic/img/mn_v_stilo_sporting_dual.png") no-repeat;
}

ul.mn_versoes li.mn_v_stilo_attractive a{
	width: 85px;
	background: url("/dualogic/img/mn_v_stilo_attractive.png") no-repeat;
}

ul.mn_versoes li.mn_v_stilo_attractive_dual a{
	width: 140px;
	background: url("/dualogic/img/mn_v_stilo_attractive_dual2.png") no-repeat;
}

ul.mn_versoes li.mn_v_stilo_abarth a{
	width: 117px;
	background: url("/dualogic/img/mn_v_stilo_abarth.png") no-repeat;
}

ul.mn_versoes li a:hover,
ul.mn_versoes li a.ativo{
	background-position: 0 -13px;
}

/*abas versoes*/
.itemMenu {
    display:none
}

ul.abas_versoes{
	float: left;
	width: 410px;
	height: 25px;
	padding: 0;
	margin: 20px 0 10px 0;
   background: url("/dualogic/img/bg_menu_itens.png") no-repeat 10px 17px;	
}

ul.abas_versoes li{
	float: left;
	height: 13px;
	display: inline;
	margin-right: 20px;
}

ul.abas_versoes a{
	float: left;
	height: 13px;
	overflow: hidden;
	text-indent: -5000px;
}

ul.abas_versoes li.aba_ficha_tecnica a{
	width: 67px;
	background: url("/dualogic/img/aba_ficha_tecnica.png") no-repeat;
}

ul.abas_versoes li.aba_itens_serie a{
	width: 66px;
	background: url("/dualogic/img/aba_itens_serie.png") no-repeat;
}

ul.abas_versoes li.aba_opcionais a{
	width: 52px;
	background: url("/dualogic/img/aba_opcionais.png") no-repeat;
}

ul.abas_versoes li a:hover,
ul.abas_versoes li a.ativo{
	background-position: 0 -14px;
}

/*lista itens*/
.lista_itens{
	float: left;
	clear: both;
	width: 330px;
	height: 260px;
	overflow-y: scroll;
}
.lista_itens h2{
	display: none;
}
.lista_itens h3{
	font-size: 11px;	
	float: left;
	width: 306px;
	margin: 7px 0 2px 0;
	color: #666;
}
.lista_itens dl{
	font-size: 10px;
}
.lista_itens dl dt,
.lista_itens dl dd{
	float: left;
	width: 306px;
	margin: 0;
	padding: 2px 0 2px 4px;
}
.lista_itens dl dt{
	color: #ff7e00;
}
.lista_itens dl dd{
	color: #666;
}

.img_versao_carro{
	float: right;
	margin: 40px 10px	 0 0;
}

.img_versao_carro_abarth{
	float: right;
	margin: 20px 20px	 0 0;
}

.box_botoes{
	float: right;
	width: 260px;
	height: 14px;
	margin: -20px 0 0 0;
	*margin: 20px 0 0 0;
}

.box_botoes a{
	float: right;
	margin: 0 20px 0 0;
}

/*hotlist*/
.conteudo_hotlist{
	width: 919px;
	position: absolute;
	top: 140px;
	left: 50px;
	padding-top: 10px;
}

/*fotos*/
.conteudo_fotos{
	width: 864px;
	height: 430px;
	position: absolute;
	top: 130px;
	left: 50px;
	padding-top: 10px;
}

/*cores*/
div.content_cores{
	position:absolute;
	top: 140px;
	left: 50px;
	width: 919px;
}

div.destaqueCores{
	position: absolute;
	top: -30px;
	left: -50px;
	z-index: 1;
	width: 605px;
	height: 250px;
	background: url("/dualogic/img/bg_carro_cores.jpg") no-repeat -1px 0;
}

div.destaqueCores img{
	float: left;
	margin: 60px 0 0 70px;
}

div.destaqueCores img{
	position:absolute;
	left:25px;
	top:53px;
}

div.thumbs{
	width:360px;
	float:right;
	margin:30px 0 0 0;
}

div.thumbs div.itemMenu{
	display:block;
}

ul.list_cores_solidas,
ul.list_cores_metalicas{
	padding: 30px 0 20px 0;
	float:left;
	width:350px;
}

ul.list_cores_solidas{
	background: url("/dualogic/img/titulos/tit_cores_solidas.gif") no-repeat left top;
	margin:0 0 0 0;
}

ul.list_cores_metalicas{
	background: url("/dualogic/img/titulos/tit_cores_metalicas.gif") no-repeat left top;
	margin:0 0 0 0;
}
ul.list_cores_solidas li,
ul.list_cores_metalicas li{
	float:left;
	text-align:left;
	width:100px;
	margin-bottom: 10px;
}

ul.mn_cores{
	position: absolute;
	top: 20px;
	left: 140px;
	z-index: 99;
	width: 200px;
	height: 25px;
	padding: 0;
	background: url("/dualogic/img/bg_sub_carro.png") no-repeat 35px 15px;
}
ul.mn_cores li{
	float: left;
	display: inline;
	margin-right: 20px;
	letter-spacing: -1px;
	font-size: 11px;
}
ul.mn_cores li a{
	display:block;
	height: 13px;
	text-indent: -5000px;
}
ul.mn_cores li.mn_flex_cores a{
	margin-left:30px;
	width: 19px;
	background: url("/dualogic/img/aba_flex_cores.gif") no-repeat;
}
ul.mn_cores li.mn_sporting_cores a{
	margin-left:30px;
	width: 60px;
	background: url("/dualogic/img/aba_sporting_cores.gif") no-repeat;
}
ul.mn_cores li a:hover,
ul.mn_cores li a.ativo{
	background-position: 0 -14px;
}

.list_cores_solidas li a img,
.list_cores_metalicas li a img{
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}



/*campanha*/
.conteudo_campanha{
	width: 919px;
	position: absolute;
	top: 140px;
	left: 50px;
	padding-top: 10px;
}

.menu_campanha{
	float: left;
	width: 235px;
}

.menu_campanha h2{
	float: left;
	width: 230px;
	height: 12px;
	text-indent: -5000px;
	margin: 0 0 11px 0;
} 

.menu_campanha h2.tit_TV{
	background: url("/dualogic/img/titulos/tit_TV.png") no-repeat;
}

.menu_campanha h2.tit_impressa{
	margin: 23px 0 12px 0;
	background: url("/dualogic/img/titulos/tit_impressa.png") no-repeat;
}

.menu_campanha a {
	margin: 0 0 5px 0;
}

.menu_campanha a img{
	float: left;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
	border: 3px solid #000;
	margin: 0 0 5px 5px;
}

.menu_campanha a:hover img,
.menu_campanha a img.on{
	float: left;
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
	border: 3px solid #ff7e00;
}

.box_campanha{
	float: left;
	width: 525px;
	height: 335px;
	background: #666;
	margin-top: 23px;
}

/*indique*/
.box_indique{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 618px;
	background: url("/dualogic/img/bg_indique.jpg") no-repeat right -25px;
}

.conteudo_indique{
	width: 919px;
	position: absolute;
	top: 140px;
	left: 50px;
	padding-top: 10px;
}

.conteudo_indique form{
	float: left;
	width: 375px;
	padding-top: 5px;
}

fieldset.fd_rementente,
fieldset.fd_destinatario{
	float:left;
	clear: both;
	width: 770px;
	border: none;
}

fieldset.fd_rementente h2,
fieldset.fd_destinatario h2{
	display: block;
	text-indent: -5000px;
	height: 30px;
	width: 300px;
}

h2.tit_remetente{ background: url("/dualogic/img/titulos/tit_remetente.png") no-repeat; }
h2.tit_destinatario{ background: url("/dualogic/img/titulos/tit_destinatario.png") no-repeat; margin-top: 15px; }

fieldset.fd_rementente input{
	float: left;
	width: 286px;
	margin: 1px 0 0 5px;
	padding: 1px 3px 1px 5px;
	background: #181818;
	border: none;
}

fieldset.fd_rementente label,
fieldset.fd_destinatario label{
	display: block;
	height: 18px;
}

fieldset.fd_rementente span{
	width: 65px;
	float: left;
}


fieldset.fd_destinatario input{
	float: left;
	width: 200px;
	margin: 1px 0 0 5px;
	padding: 1px 3px 1px 5px;
	background: #181818;
	border: none;
}

fieldset.fd_destinatario span{
	width: 90px;
	float: left;
}

.amigo01{ height: 50px; padding-left: 60px; background: url("/dualogic/img/indique/01.png") no-repeat 20px 0px; }
.amigo02{ height: 50px; padding-left: 60px;  background: url("/dualogic/img/indique/02.png") no-repeat 20px 0px; }
.amigo03{ height: 50px; padding-left: 60px;  background: url("/dualogic/img/indique/03.png") no-repeat 20px 0px; }

input.bt_enviar{
	float: right;
	width: 60px;
	height: 10px;
	background: url("/dualogic/img/bts/bt_enviar.png") no-repeat;
	border: none;
	margin: 5px 10px 0 0;
	cursor: pointer;
}

.error{
	color: #ff7e00;
}

fieldset.fd_rementente label li,
fieldset.fd_destinatario label li{
	width: 250px;
	float: left;
	margin-left: 8px;
}

h2.tit_mensagem_sucesso{
	float: left;
	width: 295px;
	height: 10px;
	margin-bottom: 10px;
	background: url("/dualogic/img/titulos/tit_mensagem_sucesso.png") no-repeat;	
	text-indent: -5000px;	
}

ul.bts_sucesso{
	float: left;
	clear: both;
	width: 300px;
	margin: 5px 0 0 0;
	padding:0;
}

ul.bts_sucesso li{
	float: left;
	clear: both;
	background: url("/dualogic/img/bullet_seta.png") no-repeat 0 3px;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0;
}

ul.bts_sucesso li a{
	color: #ff7e00;
	text-decoration: none;
}

ul.bts_sucesso li a:hover{
	color: #ff7e00;
	text-decoration: underline;
}


/*download*/
.box_downloads{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 618px;
	background: url("/dualogic/img/bg_downloads.jpg") no-repeat right -21px;
}

.conteudo_downloads{
	width: 700px;
	position: absolute;
	top: 140px;
	left: 50px;
	padding-top: 10px;
}

.conteudo_downloads h2.tit_downloads{
	display: block;
	text-indent: -5000px;
	height: 30px;
	width: 300px;
	background: url("/dualogic/img/titulos/tit_downloads.png") no-repeat; 	
}

.conteudo_downloads div{
	width: 200px;
	height: 115px;
	float: left;
	margin: 20px 0 0 0;
}

.conteudo_downloads div ul{
	padding: 0 0 0 3px;
	margin: 5px 0 0 0;
}

.conteudo_downloads div ul li{
	display:inline;
	margin:0 10px 0 0;
}

.conteudo_downloads div ul li a{
	color: #fff;
	text-decoration:none;
}

.conteudo_downloads div ul li a:hover{
	color: #ff7e00;	
}

/*cambio*/
.box_cambio{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 618px;
	background: url("/dualogic/img/bg_cambio.jpg") no-repeat 0 83px;
}

.conteudo_cambio{
	width: 700px;
	position: absolute;
	top: 140px;
	left: 50px;
	padding-top: 10px;
}

.conteudo_cambio p{
	margin-bottom: 10px;
	width: 430px;
	color: #666;
}

.conteudo_cambio p span{
	color: #ff7e00;
}

.conteudo_cambio h2{
	width: 430px;
	height: 55px;
	background: url("/dualogic/img/titulos/tit_txt_cambio.png") no-repeat -1px 0;
	text-indent: -5000px;
	margin-top: 25px;
}

.btIniciarSim {
    background: url("/dualogic/img/bts/bt_simulador.gif") no-repeat 0 0;
    width: 146px;
    height: 10px;
    text-indent:-5000px;
    display: block;
    outline: none;
	 margin-top: 25px;
}