@charset "utf-8";

/*-------------------------------------------------------------
CSS Básico - 2009

Autor:	André Francisco
Email:	andrefreela@hotmail.com
Site: 	http://www.freela5.com
-------------------------------------------------------------*/ 


/* HTML
-------------------------------------------------------------*/
* {
	margin: 0; 
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #FFF;
	background: #000 url(../imagens/bg.jpg) no-repeat top center;
}

img {
	border: none;
}

input, textarea {
	padding: 2px 4px;
}



/* Cartaz
-------------------------------------------------------------*/
#cartaz {position: absolute; width: 686px; height: 606px; display: none;}
.close {position: absolute; width: 50px; height: 50px; top: 15px; right: 15px; cursor: pointer; background: url(../imagens/close.png) no-repeat;}


/* Topo
-------------------------------------------------------------*/
#topo {
	width: 100%;
	height: 195px;
	position: relative;
	background: url(../imagens/bg_topo.png);
	overflow: hidden;
}

#topo a {
	display: block;
	width: 235px;
	height: 140px;
	background-image: url(../imagens/logo_winner.png);
	text-indent: -5000px;
	float: left;
}

#topo img {
	float: right;
	display: block;
}

#logo_winner a {background-position: 0 0;}
#logo_winner a:hover {background-position: 0 -195px;}



/* Menu
-------------------------------------------------------------*/
#menu {
	width: 945px; 
	height: 40px;
	margin-left: 28px;
	overflow: hidden;
	list-style-type: none;
}

#menu li {
	float: left;
	width: 135px;
	height: 40px;
}

#menu a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../imagens/menu.png);
	text-indent: -5000px;
}

#menu_home a {background-position: 0 0;}
#menu_home a:hover {background-position: 0 -50px;}
.menu_home_active {background: url(../imagens/menu.png) 0 -50px; text-indent: -5000px;}

#menu_empresa a {background-position: -135px 0;}
#menu_empresa a:hover {background-position: -135px -50px;}
.menu_empresa_active {background: url(../imagens/menu.png) -135px -50px; text-indent: -5000px;}

#menu_produtos a {background-position: -270px 0;}
#menu_produtos a:hover {background-position: -270px -50px;}
.menu_produtos_active {background: url(../imagens/menu.png) -270px -50px; text-indent: -5000px;}

#menu_projetos a {background-position: -405px 0;}
#menu_projetos a:hover {background-position: -405px -50px;}
.menu_projetos_active {background: url(../imagens/menu.png) -405px -50px; text-indent: -5000px;}

#menu_parceiros a {background-position: -540px 0;}
#menu_parceiros a:hover {background-position: -540px -50px;}
.menu_parceiros_active {background: url(../imagens/menu.png) -540px -50px; text-indent: -5000px;}

#menu_ondeComprar a {background-position: -675px 0;}
#menu_ondeComprar a:hover {background-position: -675px -50px;}
.menu_ondeComprar_active {background: url(../imagens/menu.png) -675px -50px; text-indent: -5000px;}

#menu_faleConosco a {background-position: -810px 0;}
#menu_faleConosco a:hover {background-position: -810px -50px;}
.menu_faleConosco_active {background: url(../imagens/menu.png) -810px -50px; text-indent: -5000px;}



/* Conteudo Home
-------------------------------------------------------------*/
#conteudo {
	position: relative;
	width: 978px;
	margin-top: 20px;
	padding-left: 22px;
	float: left;
}

#fotos_randomicas {
	width: 500px;
	height: 375px;
	position: relative;
	float: left;
	background: url(../imagens/box_fotos.png);
	padding: 12px 0 0 13px;
	float: left;
	overflow: hidden;
}

#fotos_randomicas:hover {
	background-position: 0 -387px;
}

#fotos_randomicas ul {
	position: relative;
	top: 331px;
	left: 5px;
}

#fotos_randomicas li {
	float: left;
	text-indent: -5000px;
	overflow: hidden;
}

#fotos_randomicas img {
	position: absolute;
	visibility: visible;
}

#fotos_randomicas #num-foto1, #fotos_randomicas #num-foto2, #fotos_randomicas #num-foto3, #fotos_randomicas #num-foto4 {
	display: block;
	width: 20px;
	height: 30px;
	background: url(../imagens/img_numFotos.png);
	margin-right: 2px;
	cursor: pointer;
	z-index: 20;
}

#fotos_randomicas #num-foto1 {background-position: 0 0;}
#fotos_randomicas #num-foto1:hover, #fotos_randomicas #num-foto1.active1 {background-position: 0 -30px;}
#fotos_randomicas #num-foto2 {background-position: -20px 0;}
#fotos_randomicas #num-foto2:hover, #fotos_randomicas #num-foto2.active2 {background-position: -20px -30px;}
#fotos_randomicas #num-foto3 {background-position: -40px 0;}
#fotos_randomicas #num-foto3:hover, #fotos_randomicas #num-foto3.active3 {background-position: -40px -30px;}
#fotos_randomicas #num-foto4 {background-position: -60px 0;}
#fotos_randomicas #num-foto4:hover, #fotos_randomicas #num-foto4.active4 {background-position: -60px -30px;}

#center {
	width: 264px; 
	height: 387px;	
	position: relative; 
	float: left; 
	padding: 0 4px;
}

#newsletter, #destaque, #promocao, #eventos {
	font-family: Tahoma, sans-serif;
	font-size: 12px; 
	line-height: 1.2em;
}

#newsletter, #destaque, #promocao {
	width: 240px;
	position: absolute;
	padding: 12px;
}

#newsletter {
	height: 85px;
	top: 0;
	background: url(../imagens/box_newsletter_destaque.png);
}

#newsletter:hover {
	background-position: 0 -109px;
}

#newsletter #img-news {
	float: left;
	margin: 10px 0 0 2px;
}

#newsletter #h1-news {
	font-size: 14px;
	padding: 22px 0 2px 73px;
}

#newsletter #p-news {
	padding-left: 73px;
}

#destaque {
	height: 85px;
	top: 106px;
	background: url(../imagens/box_newsletter_destaque.png);
}

#destaque:hover {
	background-position: 0 -109px;
}

#promocao {
	height: 148px;
	top: 215px;
	background: url(../imagens/box_promocao.png);
}

#promocao:hover {
	background-position: 0 -172px;
}

#eventos {
	width: 132px;
	height: 357px;
	position: relative;
	float: left;
	background: url(../imagens/box_eventos.png);
	padding: 15px 20px;
}

#eventos:hover {
	background-position: 0 -387px;
}



/* Conteudo Left
-------------------------------------------------------------*/
#sidebar_left {
	position: relative;
	float: left;
	width: 410px;
}

#sidebar_left #img {
	width: 398px;
	height: 300px;
	position: relative;
	float: left;
	background: url(../imagens/box_img.png);
	padding: 11px 0 0 12px;
}

#sidebar_left #img-promocao {
}

#sidebar_left #tags {
	position: relative;
	clear: left;
	float: left;
	width: 391px;
	padding: 20px 0 0 7px;
}



/* Conteudo Right
-------------------------------------------------------------*/
#sidebar_right {
	position: relative;
	float: right;
	width: 533px;
	padding: 0 0 20px 35px;
}

#sidebar_right p {
	margin: 0 30px 20px 2px;
	line-height: 1.4em;
	font-size: 14px;
}

.pag-empresa #sidebar_right p {
	margin-right: 60px;
}

#sidebar_right p.creditoImagens {
	font-size: 11px;
	color: #666666;
	clear: both;
}

#sidebar_right p.loja {
	margin: 0 30px 0 2px;
	line-height: 1.3em;
	font-size: 13px;
	border-bottom: 1px dashed #666666;
	padding: 20px 0;
}

.loja:hover {
	background-color: #0078FF;
}

#sidebar_right h1 {
	font-size: 36px;
	margin: 0 30px 20px 0;
}

#sidebar_right h2 {
	font-size: 18px;
	margin: 0 30px 20px 0;
}

#sidebar_right h2.cidade {
	font-size: 18px;
	margin: 0 30px 0 2px;
	border-bottom: 1px solid #FFF;
}

#sidebar_right ul {
	list-style: none;
}



/* Thumbs Produtos
-------------------------------------------------------------*/
#thumbs {
	position: relative;
	margin-left: 670px;
	width: 303px;
	height: 440px;
}

#thumbs h1 {
	font-size: 36px;
	margin: 0 0 20px 20px;
}

#thumbs img {
	cursor: pointer;
}

#thumbs table {
	border-collapse: collapse;
}

#thumbs table tr td {
	text-align: center;
	vertical-align: middle;
	width: 104px;
	height: 94px;
}



/* Sets Produtos
-------------------------------------------------------------*/
#set1, #set2 {
	position: absolute;
}

#set1 {
	visibility: visible;
}

#set2 {
	visibility: hidden;
}

#numSets {
	position: absolute;
	top: 476px;
	left: 18px;
	font-size: 14px;
	z-index: 1000;
}

.setVisible {
	background: #FFF;
	color: #000;
	padding: 2px 5px;
	font-weight: bold;
}

.setHidden {
	cursor: pointer;
	padding: 2px 5px;
}

.setHidden:hover {
	background: #FFF;
	color: #000;
}



/* Iframe Produtos
-------------------------------------------------------------*/
#frame {
	position: absolute;
	top: -8px;
	left: 16px;
	width: 675px;
	height: 516px;
	background: url(../imagens/box_produtos_hover.png);
	overflow: hidden;
}

#palco {
	border: none;
	width: 675px;
	height: 516px;
	overflow: hidden;
}



/* Paginas Produtos
-------------------------------------------------------------*/
#produtos {
	width: 420px;
	height: 420px;
	position: absolute;
	top: 40px;
	left: 19px;
}

#descricao {
	width: 200px;
	position: absolute;
	top: 20px;
	left: 439px;
	color: #000;
	font-size: 11px;
}

#descricao h1 {
	font-size: 18px;
	font-weight: normal;
	background: #000;
	color: #FFF;
	padding: 4px;
	margin: 30px 0 20px 0;
}

#descricao h2 {
	color: #09F;
	font-size: 11px;
	margin-bottom: 5px;
}

#descricao ul {
	list-style-type: none;
	margin-bottom: 10px;
}

#descricao ul li {
	background-image: url(../imagens/seta.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding: 2px 10px;
}

#descricao table {
	border-collapse: collapse;
}

#thumb2, #thumb3, #thumb4, #thumb5, #thumb6 {
	border: 1px solid #CCC;
	margin: 0 5px 3px 0;
	cursor: pointer;
}

#thumb1 {
	border: 1px solid #09F;
	margin: 0 5px 3px 0;
	cursor: pointer;
}



/* Parceiros
-------------------------------------------------------------*/
#logo-parceiros {
	position: relative;
	left: -4px;
	padding-top: 10px;
}

#logo-parceiros a {
	float: left;
	text-indent: -5000px;
	display: block;
	height: 109px;
}

#logo-adni a {background: url(../imagens/logo_adni.png); width: 162px;}
#logo-adni a:hover {background-position: 0 -119px;}

#logo-autopoli a {background: url(../imagens/logo_autopoli.png); width: 317px;}
#logo-autopoli a:hover {background-position: 0 -119px;}

#logo-cast a {background: url(../imagens/logo_cast.png); width: 162px;}
#logo-cast a:hover {background-position: 0 -119px;}

#logo-infratec a {background: url(../imagens/logo_infratec.png); width: 202px;}
#logo-infratec a:hover {background-position: 0 -119px;}

#logo-ludovico a {background: url(../imagens/logo_ludovico.png); width: 113px;}
#logo-ludovico a:hover {background-position: 0 -119px;}

#logo-jbaldan a {background: url(../imagens/logo_jbaldan.png); width: 282px;}
#logo-jbaldan a:hover {background-position: 0 -119px;}

#logo-koimas a {background: url(../imagens/logo_koimas.png); width: 197px;}
#logo-koimas a:hover {background-position: 0 -119px;}

#logo-velocidademaxima a {background: url(../imagens/logo_velocidademaxima.png); width: 222px;}
#logo-velocidademaxima a:hover {background-position: 0 -119px;}

#logo-freela5 a {background: url(../imagens/logo_freela5.png); width: 257px; margin-bottom:50px}
#logo-freela5 a:hover {background-position: 0 -119px;}


/* Formulário de contato
-------------------------------------------------------------*/
#sidebar_right #div-form {
	border: 1px solid #FFF;
	margin-right: 28px;
	padding-left: 10px;
}

#sidebar_right #img-form {
	position: absolute;
	width: 80px;
}

#sidebar_right #h2-form {
	font-size: 18px;
	padding: 20px 0 4px 90px;
	margin: 0;
}

#sidebar_right #p-form {
	font-size: 16px;
	padding-left: 88px;
}

#form span {
	cursor: pointer;
}

#form span#nome-span, #form span#email-span, #form span#mensagem-span {
	visibility: hidden;
	cursor: default;
	font-style: italic;
	font-size: 1em;
	padding-left: 2px;
}



/* Promoção
-------------------------------------------------------------*/
#sidebar_right h2.tit-promocao {
	font-size: 24px;
	margin: 0 30px 20px 0;
	background-color: #0078FF;
	padding: 10px;
}

#dados-pessoais, #dados-carro {
	float: left;
	margin: 10px 40px 50px 0;
}

#dados-pessoais {
	width: 168px;
	border-right: 1px dotted #FFF;
}

#dados-pessoais h3, #dados-carro h3 {
	font-size: 14px;
	margin-bottom: 15px;
	text-decoration: underline;
}

#dados-pessoais li, #dados-carro li {
	background: url(../imagens/seta_promocao.png) no-repeat 0 4px;
	padding: 0 0 4px 10px;
	font-size: 14px;
}

#dados-carro li span {
	font-style: italic;
	font-size: 11px;
}

#dados-regulamento li {
	background: url(../imagens/seta_regulamento.png) no-repeat 0 16px;
	padding: 12px 0 12px 10px;
	border-top: 1px dotted #999;
	color: #E1E1E1;
	margin-right: 30px;
}

#patrocinio {margin: 11px 0 0 10px;}
#patrocinio p {font-size: 12px; font-weight: bold; background: #FFF; color: #000; width: 45px; padding: 2px;}
#patrocinio div {border-top: 1px dotted #999;}
#patrocinio img {margin: 20px 0 0 15px;}



/* Rodape
-------------------------------------------------------------*/
#rodape {
	position: relative;
	clear: both;
	margin: 0 28px 0 468px;
	padding: 8px 0 15px 0;
	border-top: 1px solid #333;
}

.pag-home #rodape {
	width: 497px;
	height: 20px;
	padding: 25px 0 15px 503px;
	margin: 0;
	border: none;
}

.pag-produtos #rodape {
	top: 100px;
	margin: 0 28px 0 436px;
	padding: 8px 0 15px 65px;
	border-top: 1px solid #333;
}

p.copyright {
	float: left;
	padding-top: 3px;
	font-size: 11px;
	color: #666666;
}

p.freela5 a {
	font-size: 14px;
	color: #222;
}

p.freela5 a:hover {
	color: #333;
}

#icones {
	overflow: hidden;
	width: 60px;
	height: 19px;
	float: left;
	margin: 0 3px;
}

#icones li {
	list-style-type: none;
	float: left;
	width: 20px;
	height: 19px;
}

#icones a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../imagens/icones.png);
	text-indent: -5000px;
}

#icone_orkut a {background-position: 0 0;}
#icone_orkut a:hover {background-position: 0 -19px;}
#icone_flickr a {background-position: -20px 0;}
#icone_flickr a:hover {background-position: -20px -19px;}
#icone_twitter a {background-position: -40px 0;}
#icone_twitter a:hover {background-position: -40px -19px;}



/* Classes
-------------------------------------------------------------*/
.contentCenter {
	position: relative;
	width: 1000px; 
	left: 50%;
	margin-left: -500px;
}

.envelope, .caixa_de_som, .promocao {
	position: absolute; 
	left: 15px; 
	top: 12px;
}

.envelope {
	top:0;
}

.promocao {
	left:10px;
}

.box {
	margin-left:70px;
}

.txtbox {
	margin-top:1px;
}

.pbox {
	margin-left:2px;
}

.inputbox {
	margin: 15px 5px 0 4px; 
	width: 175px;
}

.bloco_eventos {
	margin: 5px 4px 10px 4px; 
	padding-top: 10px; 
	border-top: 1px dashed #666666;
}

.data {
	font-weight: bold; 
	color: #666666; 
	margin-bottom: 2px;
}

.evento {
	color: #E1E1E1;
}

.tag18 {font-size: 18px;}
.tag20 {font-size: 20px;}
.tag21 {font-size: 21px;}
.tag22 {font-size: 22px;}
.tag24 {font-size: 24px;}
.tag26 {font-size: 26px;}
.tag28 {font-size: 28px;}

.padding_top {
	padding-top: 20px;
}

.foto_left, .foto_right {
	width: 248px;
	height: 342px;
	float: left;
	margin: 20px 0 5px 0;
}

.margin_top {
	margin-top: 15px;
}

.margin_left {
	margin-left: 25px;
}

.inputform {
	margin: 10px 0;
}

.inputform input {
	width: 250px;
}

.inputform textarea {
	width: 350px;
}

.inputform input, .inputform textarea {
	margin-top: 2px;
}

.lista {
	background: #E1E1E1;
}

.clear {
	clear: both;
}



/* Links
-------------------------------------------------------------*/
a {
	color: #FFF; 
	text-decoration: none;
}



#tags a {
	text-decoration: none; color: #09F;
}

#tags a:hover {
	text-decoration: underline;
}

.data:hover, .evento:hover, .pbox:hover, .underline:hover {
	text-decoration:underline;
}

.none {
	text-decoration: none;
}

.light {
	text-decoration: underline; 
	color:#FFF;
}

.light:hover {
	background-color: #0078FF;
	text-decoration: none;
}