/*--------------------------

+ Project Info

	Project: Julio Cesar

	Author: ---

	Date: 22/04/2010

	Version: 1.0



+ Table of Contents

	0 - CSS Reset

	1 - Common

	2 - Layout

	3 - Content

	4 - Footer 



--------------------------*/



/*--- 0 CSS Reset ---*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{}ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption, th, td{text-align:left;font-weight:normal;}blockquote:before, blockquote:after, q:before, q:after{content:"";}blockquote, q{quotes:"" "";}.left{float:left}.right{float:right;margin-right:0!important;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-max \*/* html .clearfix{height:1%;}.clearfix{display:block;}/* End hide from IE-mac */



/*--- 1 COMMON ---*/

@font-face {

	font-family:Franklin;

	src: url("Franklin_Gothic_Medium_Cond.eot");

	src: local("Franklin Gothic Medium Cond"), url("Franklin Gothic Medium Cond.ttf") format("opentype");

}

*{

	font:normal 12px Arial, Helvetica, sans-serif;

	font:normal 14px Franklin;

	color:#ccc;

}

html{background:#000 url(images/background-html.jpg); height:100%;}

body{

	background:url(images/background-nuvem.jpg) 0 0 no-repeat;

	height:100%;

	display:block;

}

h1,h2,h3,h4{color:#ab9b51;}

a{outline:none;}

a:hover{text-decoration:underline;}

b, strong{font-weight:bold;}

i{font-style:italic;}

input,

select,

textarea{

	font-size:12px;

	background:#313232;

	border:1px solid #484949;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	color:#ccc;

	padding:1px 3px;

}

/*--- 2 LAYOUT ---*/

#vietra,

.footerback{

	background:url(images/header-nav-background.png) 0 146px repeat-x;

	position:relative;

	z-index:2;

}

#juliocesar{

	position:absolute;

	margin-left:50%;

	left:-500px;

	z-index:1;

	width:987px;

	background:url(images/background-juliocesar.png) right 0 no-repeat;

	height:1069px;

}

#header{
width:863px;

	margin:0px 0px 0px 200px;

	font:normal 9px Arial, Helvetica, sans-serif;

	font:normal 14px Franklin;

	z-index:2;
}

#content{
width:900px;

	margin:0px 0px 0px 200px;

	font:normal 9px Arial, Helvetica, sans-serif;

	font:normal 14px Franklin;

	z-index:2;
}

#footer{

	width:863px;

	margin:0 0px 0px 0px 200px;

	font:normal 9px Arial, Helvetica, sans-serif;

	font:normal 14px Franklin;

	z-index:2;

}

#header{

	height:173px;

	position:relative;

}

h1.logo{

	position:absolute;

	width:143px;

	top:20px;

}

h1.logo a{

	display:block;

	height:106px;

	background:url(images/header-logo-julio-cesar.png) 0 -3px no-repeat;

	text-indent:-999px;

	overflow:hidden;

}

img.clubesjuliocesar{

	position:absolute;

	top:70px;

	left:160px;

}

#access{
	position:absolute;
	text-align:left;
	top:20px;
	left:732px;
	width:114px;
}

#access form{float:left;}

#access form label{

	color:#727272;

	margin:0 3px;

}

#access form label input{width:75px;}

#access form label input.button{

	width:20px;

	background:none;

	border:none;

	margin:0 0 -4px -8px;

}

#access ul.flags{

	float:left;

	margin:3px 0 0 10px;

}

#access ul.flags li{

	float:left;

	display:inline;

	width:20px;

	margin:0 3px;

}

#access ul.flags li a{

	display:block;

	color:#fff;

	text-indent:-999px;

	overflow:hidden;

	margin-bottom:-5px;

}

#access ul.flags li.brasil a{background:url(images/header-flags.gif) 0 0 no-repeat;}

#access ul.flags li.franca a{background:url(images/header-flags.gif) -29px 0 no-repeat;}

#access ul.flags li.reinounido a{background:url(images/header-flags.gif) -55px 0 no-repeat;}

#access ul.flags li.espanha a{background:url(images/header-flags.gif) -81px 0 no-repeat;}

#banner{

	position:absolute;

	top:60px;

	left:373px;

	width:468px;

	height:60px;

}

#header ul#nav{

	position:relative;

	top:146px;

	height:27px;

	clear:both;

}

#header ul#nav li{

	float:left;

	display:inline;

}

#header ul#nav li a{

	color:#ccc;

	padding:5px 27px;

	display:block;

	text-align:center;

	text-transform:uppercase;

	text-decoration:none;

}

#header ul#nav li a:hover, #header ul#nav li a.active{color:#d2c277;}

#content{

	padding:10px 0;

	min-height:900px;

}

/*--- 3  ---*/

.homebox{

	width:400px;

	height:297px;

	float:left;

	margin:10px 5px;

}

.homebox h2{
float: left;
margin:4px  0 0 15px;
}

.homebox h2 a{

	color:#beab50;

	text-decoration:none;

	display:block;

	text-transform:uppercase;

}

.homebox .noticias{
	background:url(images/home-box-noticias.png) 0 0 no-repeat;
}

ul.noticias {
	padding: 22px 0 0 5px;
}

ul.noticias li{

	color:#ccc;

	padding:10px;

	border-bottom:1px solid #1D1D1D;

	font-size:12px;

}

ul.noticias li.end{border:none; margin:0;}

ul.noticias li.twitter{

	color:#6fa3af;

}

.homebox.destaque{
	width:460px;
}

.homebox.destaque ul.nav{height:16px;}

.homebox.destaque ul.nav li{

	float:left;

	display:inline;

	margin:0 1px;

}

.homebox.destaque ul.nav li a{

	display:block;

	text-decoration:none;

	background:url(images/home-box-destaque-nav.gif) 0 -20px no-repeat;

	width:138px;

	text-align:center;

	text-transform:uppercase;

	font-size:12px;

	padding-top:1px;

	color:#9f9f9f;

}

.homebox.destaque ul.nav li a:hover,

.homebox.destaque ul.nav li a.active{

	color:#aea261;

	background:url(images/home-box-destaque-nav.gif) 0 0 no-repeat;

}

.homebox.destaque ul.nav li.pequeno a{

	width:78px;

	background:url(images/home-box-destaque-nav.gif) -160px -20px no-repeat;

}

.homebox.destaque ul.nav li.pequeno a:hover,

.homebox.destaque ul.nav li.pequeno a.active{

	color:#aea261;

	background:url(images/home-box-destaque-nav.gif) -160px 0 no-repeat;

}

.homebox.destaque .content{

	height:270px;

	background:url(images/home-box-destaque.png) 0 0 no-repeat;

	clear:both;

	padding:3px;

}

.homebox.destaque .video{display:none;}

.homebox.destaque .fotos{}

.homebox.destaque .content.fotos .thumbs{

	float:left;

	margin:6px 8px 0 5px;

}

.homebox.destaque .content.fotos .thumbs li{margin:7px 0;}

.homebox.destaque .content.fotos .thumbs li a{display:inline;}

.homebox.destaque .content.fotos .thumbs li a img{border:2px solid #333;}

.homebox.destaque .content.fotos .thumbs li a:hover img{border:2px solid #b2a254;}

.homebox.destaque .content.fotos .big{

	/*float:left;*/

	margin-top:10px;
	
	text-align: center;
	
	overflow:hidden;
	
	max-width: 100%;
 
}

.homebox.acompanhe{

	background:url(images/home-box-acompanhe.png) 0 0 no-repeat;

	width:400px;

	height:333px;

}

.homebox.acompanhe .content h3.noticias,

.homebox.acompanhe .content h3.videos{

	background:url(images/home-acompanhe-titulo-back.jpg) 0 0 repeat-x;

	color:#000;

	margin:2px;

	padding-right:250px;

	text-transform:uppercase;

	text-align:right;

	line-height:17px;

}

.homebox.acompanhe .content .ultimo h3,

.homebox.acompanhe .content .proximo h3{

	color:#666;

	border:1px solid #1d1d1d;

	border-width:1px 0;

	text-transform:uppercase;

	font-size:12px;

	padding:1px 10px;

	margin:15px 0 5px 0;

}

.homebox.acompanhe .content .ultimo,

.homebox.acompanhe .content .proximo{

	margin:2px;

}

.homebox.acompanhe .content .ultimo img{padding:20px 0;}

.homebox.acompanhe .content .ultimo .time{margin:0 18px;}

.homebox.acompanhe .content .proximo{

	margin:10px 0;

}

.homebox.acompanhe .content .proximo .fight{

	float:left;

	width:150px;

	text-align:center;

	padding:15px 0;

}

.homebox.acompanhe .content .proximo .fight .versus{margin:0 3px 10px 3px;}

.homebox.acompanhe .content .proximo .details{

	float:left;

	display:block;

	margin:10px 0;

}

.homebox.acompanhe .content .proximo .details h4{

	color:#fff;

	text-transform:uppercase;

	font-size:14px;

	padding-bottom:6px;

}

.homebox.acompanhe .content .proximo .details p{

	font-size:12px;

	color:#999;

}

.homebox.fanatico{

	background:url(images/home-box-fanatico.png) 0 0 no-repeat;

	width:440px;

	height:333px;

}

.homebox.fanatico .content{

	margin:4px;

	color:#ccc;

}

.homebox.fanatico .content p{margin:15px 10px;}

.toside{

	width:196px;

	float:left;

	padding:0 10px;

}

.toside p{margin:5px 0 !important;}

.toside p.size a{

	color:#a6964d;

	text-decoration:none;

	font-size:11px;

	margin-right:8px;

}

.toside p.size img{margin-left:2px;}



.homebox.fanatico .content p.all{text-align:right;}

.topsession{height:100px;}

.topsession h2{

	color:#fff;

	font-style:italic;

	font-size:18px;

	text-transform:uppercase;

	padding:30px 0 15px 0;

}

.topsession p{color:#ccc;}

.topsession img{

	float:right;

	margin:25px 15px 0 0;

}

#navHistoria{

	height:24px;

	margin:5px 0 36px;

	background:url(images/historia-nav-linha.png) 430px 20px no-repeat;

}

#navHistoria ul li{

	float:left;

	display:inline;

}

#navHistoria ul li a{

	text-decoration:none;

	text-transform:uppercase;

	text-indent:-999px;

	overflow:hidden;

	display:block;

	height:24px;

}

#navHistoria ul li.historico a{background:url(images/historia-nav-background.png) 0 0 no-repeat; width:175px;}

#navHistoria ul li.historico a:hover, #navHistoria ul li.historico a.active{background:url(images/historia-nav-background.png) 0 -29px no-repeat;}

#navHistoria ul li.clubes a{
background:url(images/historia-nav-background.png) -175px 0 no-repeat;	
width:73px;
}



#navHistoria ul li.clubes a:hover, #navHistoria ul li.clubes a.active{background:url(images/historia-nav-background.png) -175px -29px no-repeat;}

#navHistoria ul li.titulos a{background:url(images/historia-nav-background.png) -248px 0 no-repeat;	width:77px;}

#navHistoria ul li.titulos a:hover, #navHistoria ul li.titulos a.active{background:url(images/historia-nav-background.png) -248px -29px no-repeat;}

#navHistoria ul li.estatisticas a{background:url(images/historia-nav-background.png) -325px 0 no-repeat; width:109px;}

#navHistoria ul li.estatisticas a:hover, #navHistoria ul li.estatisticas a.active{background:url(images/historia-nav-background.png) -325px -29px no-repeat;}

.historiabox{

	background:url(images/historia-box.png) 0 0 no-repeat;

	width:420px;

	height:320px;

	margin:5px;

	float:left;

}

.historiabox h2{

	color:#beab50;

	padding:10px 15px 3px 15px;

	text-transform:uppercase;

}

.historiabox h2 a{

	color:#beab50;

	text-decoration:none;

	display:block;

}

.historiabox p{

	margin:5px 15px;

	font-size:12px;

}

.historiabox .content .center{

	border:1px solid #1B1B1B;

	border-width:1px 0;

}

.historiabox p.close{

	text-align:right;

	padding:0px 0;

}

.historiabox.juliocesar ul
{

	padding:8px 0;

}
.historiabox.juliocesar li{

	text-transform:uppercase;

	font-size:14px;

	margin:15px;

}




.historiabox.estatisticas ul{

	padding:14px 0;

}





.historiabox.estatisticas li{

	text-transform:uppercase;

	font-size:14px;

	margin:15px;

}

.historiabox.clubes .center{height:168px;}

.historiabox.clubes .center .clube{

	width:130px;

	float:left;

	text-align:center;

}

.historiabox.clubes .center .clube p{

	text-transform:uppercase;

}

.historiabox.titulos .content .center{height:170px;}

.historiabox.titulos .content .center .thumbs{

	float:left;

	width:65px;

	border-right:1px solid #242424;

        

}

.historiabox.titulos .content .center .thumbs li{

	height: 55px;

}

.historiabox.titulos .content .center .thumbs li a{

	text-align:center;

	border-top:1px solid #242424;;

	/*padding:7px 5px;*/

	display:block;
        height: 100%;

}

.historiabox.titulos .content .center .thumbs li img{


        height: 40px;

}

.historiabox.titulos .content .center .thumbs li a:hover{background:#333;}

.historiabox.titulos .content .center .details{

	float:left;

	margin:10px 0 0 20px;

	width:310px;

}

.historiabox.titulos .content .center .details p{

	margin:10px 0;

	text-transform:uppercase;

	font-size:14px;

}

.historiabox.estatisticas .content .center ul{margin:25px 0;}





.historico.juliocesar h3{

	border:1px solid #242424;

	border-width:1px 0;

	padding:6px 20px;

	margin:10px 0;

	color:#999;

	text-transform:uppercase;

	clear:both;

}



.historico.juliocesar .destaque{

	width:200px;

	float:left;

	text-align:center;

}

.historico.juliocesar .destaque img{border:3px solid #333;}

.historico.juliocesar .content{
    min-height:162px;
    background:url(images/historia-clubes-background.png);
}

.historico.juliocesar .content p{margin-bottom:10px;}

.historico.juliocesar .content p.more{text-align:right;}

.historico_clubes{

	width:252px;

	padding:18px;

	border-right:1px solid #565656;

	float:left;

	background:url(images/historia-clubes-background.png);

}

.historico_clubes .destaque{
	width:252px;
	
	text-align:center;

	margin-bottom:10px;

	min-height:190px;

}

.historico_clubes h3{

	font-size:18px;

	color:#ccc;

	text-align:center;

	text-transform:uppercase;

	line-height:20px;

}

.historico_clubes h3 span{

	font-size:20px;

	color:#999;

}

.historico_clubes p.year{

	text-align:center;

	font-size:24px;

	margin:20px 0;

}

.historico_clubes p{margin:10px 0;}

.historico_titulos{

	background:url(images/historia-clubes-background.png);

	border-bottom:1px solid #242424;

	clear:both;

}

.historico_titulos .destaque{

	width:200px;

	padding:20px 5px;

	text-align:center;

	float:left;

}

.historico_titulos .destaque h3{

	font-size:16px;

	color:#666;

	margin:20px 0;

	text-transform:uppercase;

	line-height:20px;

}

.historico_titulos .content{

	padding-top:15px;

	float:left;

	width:380px;

}

.historico_titulos .content p{

	padding:7px 0;

	font-size:20px;

}

.historico_titulos .content a{

	display:block;

	color:#5e5e5e;

	text-decoration:none;

	padding:8px 0;

}

.historico_titulos .content a img{margin:0 0 -5px 0;}

.historico_titulos .video{

	float:left;

	padding:20px 0 0 20px;

}

.historico_estatisticas{

	background:url(images/historia-clubes-background.png);

	float:left;

	width:286px;

	border-bottom:1px solid #242424;

	padding-bottom:20px;

}

.historico_estatisticas h3{

	border:1px solid #242424;

	border-width:1px 0;

	padding:6px 20px;

	margin:10px 0;

	color:#999;

	text-transform:uppercase;

	clear:both;

}

.historico_estatisticas ul li{

	font-size:14px;

	text-transform:uppercase;

	padding:3px 20px;

}

#stage{background:url(images/historia-clubes-background.png);}

#stage .content{

	width:531px;

	padding:0px 10px;

	float:left;

        

}

#stage .news{

	width:279px;

	height:728px;

	float:right;

	margin:0 15px;

}

#stage .news h3{

	padding:5px;

	text-transform:uppercase;

	background:url(images/noticias-news-background-top.png) 0 0 no-repeat;

}

#stage .news ul,

#stage .news h4,

#stage .news .footer{

	background:url(images/noticias-news-background-middle.png) 0 0 repeat-y;

}

#stage .news ul.nextnews{

	height:28px;

	border-bottom:1px solid #1D1D1D;

	padding:10px 0 0 60px;

}

#stage .news ul.nextnews li{

	float:left;

	display:inline;

}

#stage .news ul.nextnews li a{

	text-decoration:none;

	padding:0 6px;

	margin:0 1px;

	color:#a9a9a9;

	background:#393939;

}

#stage .news ul.nextnews li.active a{

	background:#5E5E5E;

}

#stage .news ul.nextnews li a:hover{

	background:#5E5E5E;

}

#stage .news ul.nextnews li.back a,

#stage .news ul.nextnews li.next a{

	background:none;

}

#stage .news .footer{

	padding:15px 20px 0 20px;

}

#stage .news .footer img.twitter{float:right;}

#stage.noticias p.date{color:#fff; padding:10px 5px;}

#stage.noticias .content h3{

	font-size:30px;

	color:#cfcfcf;

	border-top:1px solid #1B1B1B;

	padding-top:10px;

}

#stage.noticias .content h3 a{text-decoration:none;}

#stage.noticias .content p{margin:10px 0;}

#stage.noticias .content img{margin:0 5px;}

#stage.multimidia {
    background:none;

}

#stage.multimidia .entry{

	border-top:1px solid #1B1B1B;

	padding-top:20px;

	margin-top:20px;

	clear:both;

}

#stage.multimidia .entry .destaque{

	width:255px;

	float:left;
	
	overflow: hidden;

}

#stage.multimidia .entry .destaque img{

	width:250px;
	
	text-align: center;
}

#stage.multimidia .entry .inf{

	width:260px;

	float:right;

	margin-left:5px;

}

#stage.multimidia .entry .inf p.kind{padding-bottom:10px;}

#stage.multimidia .entry .inf h3{

	font-size:24px;

	color:#fff;

	min-height:70px;

}

#stage.multimidia .entry .inf h3 a{
	text-decoration: none;
}

#stage.multimidia .entry .inf p.by{text-transform:uppercase;}

#stage.multimidia .news.multimidia h4,

#stage.fanatico h3{

	border:1px solid #242424;

	border-width:1px 0;

	padding:0 15px;

	color:#666;

	text-transform:uppercase;

	clear:both;

	font-size:12px;

}

#stage.multimidia .news.multimidia ul.data{

	padding:10px;

	font-size:12px;

}

#stage.multimidia .news.multimidia ul.data li{padding:1px 0;}

#stage.multimidia .news.multimidia ul.data.tags div{

	width:115px;

	height:16px;

	float:left;

}

#stage.multimidia .news.multimidia ul.data.tags a{margin-left:20px;}

#stage.multimidia .news.multimidia ul.events{border-bottom:1px solid #242424;}

#stage.fanatico{padding-top:15px;}

#stage.fanatico h3{

	clear:both;

	margin:15px 0;

}

#stage.fanatico .toside{
    margin:35px;
    background:url(images/historia-clubes-background.png);

}

#stage.fanatico .toside .size{text-align:right;}







.hack{clear:both;width:1px; height:1px;}

/*--- 4 FOOTER ---*/

.footerback{

	background:url(images/footer-background.jpg) 0 0 repeat-x;

}

#footer{

	height:80px;

}

#footer .up{

	height:15px;

	padding:5px 10px;

}

#footer .up p{

	float:left;

	color:#bfb065;

	text-transform:uppercase;

}

#footer .up ul li{

	float:left;

	display:inline;

	height:18px;

}

#footer .up ul li a{

	display:block;

	width:35px;

	margin:0 5px;

	background:url(images/footer-brand.gif) 0 0 no-repeat;

}

#footer .up ul li.youtube a{background:url(images/footer-brand.gif) 0 0 no-repeat;}

#footer .up ul li.twitter a{background:url(images/footer-brand.gif) -45px 0 no-repeat;}

#footer .up .share{float:right;}

#footer .up .share img{margin:0 2px;}

#footer .down{height:55px;}

#footer .down ul{margin:16px 0 0 8px;}

#footer .down ul li{

	float:left;

	display:inline;

	background:url(images/footer-patrocinio.gif) 0 0 no-repeat;

	text-indent:-999px;

	overflow:hidden;

	height:25px;

	margin:0 9px;

}

#footer .down ul li.pirelli{width:84px; background:url(images/footer-patrocinio.gif) 0 0 no-repeat;}

#footer .down ul li.asics{width:76px;background:url(images/footer-patrocinio.gif) -105px 0 no-repeat;}

#footer .down ul li.reusch{width:103px;background:url(images/footer-patrocinio.gif) -205px 0 no-repeat;}

#footer .down ul li.sky{width:55px;background:url(images/footer-patrocinio.gif) -326px 0 no-repeat;}

#footer .down ul li.duracell{width:135px;background:url(images/footer-patrocinio.gif) -400px 0 no-repeat;}

#footer .down p{

	float:right;

	margin:15px 5px 0 0 ;

	text-transform:uppercase;

	color:#000;

}

#botao-enviar{
	background: url(images/bt-entrar.png); 
	width: 77px; 
	height: 18px;
	padding: 0;
	margin: 0;
	border: 0;
	cursor: pointer;
}