@charset "utf-8";
/* =============================================================================

CSS Document 

Cliente: KAWASAKI BRASIL
Projeto: HOTSITE COPA NINJA

============================================================================= */

@import "reset.css";

/* =============================================================================
HTML
============================================================================= */

* { margin:0; padding:0; }

body {background:#000 url(../images/background.jpg) center top no-repeat; top:0; font:12px Verdana, Geneva, sans-serif; color:#b3b3b3;}

	p, li {line-height:150%; margin-bottom:15px;}

	a img {border: 0;}
	a {color:#b3b3b3; text-decoration:none; cursor:pointer;}
	a:active, a:focus {text-decoration:none;}
	a:hover {text-decoration:underline;}
	
	.margin {margin-top:20px;}


/* =============================================================================
GERAL
============================================================================= */

div.clear {clear:both; height:1px; }

	#limites {width:960px; margin:20px auto; background:url(../images/bgTransparente.png) repeat;}
	#conteudo {width:940px; margin:0 auto;}

	.coluna1 {width:280px;}
	.coluna2 {width:280px; margin:0 20px;}
	.coluna3 {width:340px;}
	.coluna4 {width:580px;}
	.coluna5 {width:200px; margin:0 20px;}
	.coluna6 {width:120px;}
	
	#destaque {height:310px; border-bottom:#92e300 solid 2px; margin-bottom:20px;}
	#destaqueInterno {height:230px; border-bottom:#92e300 solid 2px; margin-bottom:10px;}
	
	#banners {height:90px; margin-bottom:20px;}
	
	#rodape {width:920px; height:58px; border-bottom:#92e300 solid 2px; padding:0 20px; border-top:#fff solid 1px; line-height:58px;}
		#rodape li {margin:0 5px; float:left;}
		
		#rodapeTit {margin:50px 10px 10px 10px;}
		#rodapeTit .titRealizacao {margin-right:50px;}
		
		#rodape #patrocinio {width:700px;}
		#rodape #realizacao {width:210px;}
	
	a.logo {width:189px; height:123px; background:url(../images/logo_copa_kawasaki.png) no-repeat; display:block; text-indent:-9999px; top:35px; left:710px; position:relative;}
	
	.esquerda {float:left;}
	.direita {float:right;}
	
	hr {height:1px; margin:0 0 25px 0; background-color:#666; border:none;}
	
	h1 {border-bottom:#fff solid 1px; margin-bottom:15px;}
	h2 {margin-bottom:15px; font-size:18px; color:#fff;}
	
	h1 img {margin:10px 0;}

		/** MENU CONTENT **/
		#menu {width:960px; height:50px; list-style:none; font-weight:bold;}
		#menu li {float:left; padding:0; margin:0;}
		#menu li a {display:block; height:50px; text-indent:-9999px; background:url(../images/menu.png) no-repeat;}
		
		#menu li a#btn-home {width:103px;}
		#menu li a#btn-ninja {width:133px; background-position:-103px 0;}
		#menu li a#btn-campeonato {width:172px; background-position:-236px 0;}
		#menu li a#btn-regulamentos {width:166px; background-position:-408px 0;}
		#menu li a#btn-inscricao {width:135px; background-position:-574px 0;}
		#menu li a#btn-novidades {width:137px; background-position:-709px 0;}
		#menu li a#btn-contato {width:114px; background-position:-846px 0;}
						
		/** SUB-MENU **/
	#menu li ul {display:none; position:absolute; z-index:999; margin:0; background:url(../images/bgTransparente.png); padding:5px; min-width: 155px;}
	#menu li:hover ul, #menu .ie6hover ul {display:block}
	#menu li ul li {float:none;}
	#menu li ul li a{background:none; text-indent:0px; height:auto; padding:8px; font-size:11px; color:#fff; padding-right:28px;}
	#menu li ul li a:hover {background:#000; color:#eaeaea; text-decoration:none;}
		
	body.enquete {background:#000; padding:25px;}
	body.enquete strong {color:#0C0;}


		a[href$='.doc'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.docx'] { padding:5px 20px 5px 0; background:url(../images/ico_word.png) no-repeat center right;}
		a[href$='.pdf'] { padding:5px 20px 5px 0; background:url(../images/ico_pdf.png) no-repeat center right;}


/* =============================================================================
HOME
============================================================================= */

	ul#noticias li {background:url(../images/iconSeta.gif) no-repeat 0 7px; padding-left:20px; margin:0 0 5px 0;}
	ul#enquete li {margin-bottom:5px; font-size:11px;}
	
	#imgNovidade {margin: 0; overflow: hidden; float: left; position: relative;}
	#imgNovidade a {text-decoration: none; float: left;}
	#imgNovidade a:hover {cursor: pointer;}
	#imgNovidade a .desc {display: block; padding: 10px; background: #111; color: #fff; position: absolute; bottom:0; left:0; margin:0; width:260px;
						  filter:alpha(opacity=75); opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/}
	
	
/* =============================================================================
INTERNA
============================================================================= */

	#noticiasDetalhe {width:auto;}
	#fotos {width:460px; float:right; margin-left:20px;}
	
	ul#menuApoio li {background:url(../images/iconSeta.gif) no-repeat 0 7px; padding-left:20px; margin:0 0 5px 0; font-size:14px; font-weight:bold;}

		
	/* PAGINAÇÃO */	
	#indice{font-size:11px; padding:4px;}
	#paginacao{font-size:11px; font-weight: bold; text-align:center; margin-top:20px;}
		.pag-atual{float:left; padding:5px; background:#7694bb; color:#fff; margin:3px; border: 1px solid #adbfd6;}
		.pag-pontinhos{float:left; padding:5px; background:#f5e6cb; color:#b6b6b6; margin:3px; border: 1px solid #adbfd6;}
		.pag-navegacao-off{float:left; padding:5px; background:#f2f2f2; color:#b6b6b6; margin:3px; border: 1px solid #e0e0e0;}
		
		.pag-link{float:left; padding:5px; background:#dae2ec; margin:3px;border: 1px solid #adbfd6;}
		.pag-link a{color:#7694bb; text-decoration:none;}
		.pag-link a:hover{text-decoration:underline;}
		
		.pag-navegacao{float:left; padding:5px; background:#dae2ec; margin:3px;border: 1px solid #adbfd6;}
		.pag-navegacao a{color:#7694bb; text-decoration:none;}
		.pag-navegacao a:hover{text-decoration:underline;}

		
/* =============================================================================
FORMULÁRIOS
============================================================================= */

	#formContato label {float:left; width:120px;}
	#formContato .enviar {margin-left:120px;}
	#formContato input {padding:2px;}
	
	
	#formCadastro {margin-top:45px;}
	#formCadastro fieldset {border: none;}
	#formCadastro fieldset li {margin-bottom:10px; list-style: none;}
	#formCadastro fieldset label {width:280px; text-align:right; margin-right:15px; line-height:180%;}
	#formCadastro fieldset input {padding:2px;}

	#formCadastro .enviar {margin:25px 0 0 290px;}
	
	#formCadastro label {display: inline-block; vertical-align: top;}
	#formCadastro fieldset ol {margin: 0; padding: 0;}
	#formCadastro em, #formContato em {font-weight: bold; font-style: normal; color: #f00;}
	

/* =============================================================================
TABELAS
============================================================================= */


/* =============================================================================
ERRO 404
============================================================================= */

	#erro404 {width:550px; margin:45px auto; overflow:visible; color:#000; font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	#erro404 .bg {background:#fff; padding:25px; border:#000 solid 3px;}
	#erro404 ul li {list-style:none; line-height: 24px; margin-left:15px; background: url(../images/ico_bullet.png) no-repeat 0px 0px; padding-left: 25px;}
	#erro404 #icone {background: url(../images/ico_erro.png) no-repeat;	padding-left:70px; margin-bottom:25px; }
	#erro404 h1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; color:#000; font-weight:bold;}
	#erro404 h2 {color:#C00;}
	#erro404 .logo {width:189px; height:123px; background:url(../images/logo_copa_kawasaki.png) no-repeat; text-indent:-9999px; margin:25px auto;}
