





@font-face{font-family:'Heroregular';src:url('hero-webfont.eot');src:url('hero-webfont.eot?#iefix') format('embedded-opentype'),

url('hero-webfont.woff') format('woff'),

url('hero-webfont.ttf') format('truetype'),

url('hero-webfont.svg#HeroRegular') format('svg');font-weight:normal;font-style:normal}





body

{

	background:#eae9e1 url('../imagens/geral/bg_etapavolta.png') no-repeat fixed top center;

	margin: 0px;

	font-family:heroregular, Arial, Helvetica, sans-serif;

	font-size: 12px;

}



.form2011

{

	margin-left:auto;

	margin-right:auto;

	width:967px;

}



.header2011

{

	background:transparent url('../imagens/geral/header.png') no-repeat;

	height:230px;

	width:100%;

}



.bg {background: url('../imagens/geral/menu/nada.gif');}

.menu {padding:0 0 0 5px; margin:0; list-style:none; height:40px; background:#ebf0f4; position:relative; font-size:10px; font-weight:none; color:#454542;}

.menu li.top {display:block; float:left; position:relative;}

.menu li a.top_link {display:block; float:left; height:40px; line-height:40px; color:#454542; text-decoration:none; font-size:10px; font-weight:none; padding:0 0 0 0; cursor:pointer;}

.menu li a.top_link span {float:left; font-weight:none; display:block; padding:0 7px 0 7px; height:40px;}

.menu li a.top_link span.down {float:left; display:block; padding:0 4px 0 4px; height:40px; background:url(images/down.gif) no-repeat right top;}

.menu li a.top_link:hover {background: #2a2d2c; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; repeat; color:#ffdd00;}

.menu li a.top_link:hover span {background: #2a2d2c; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; repeat; color:#ffdd00;}

.menu li a.top_link:hover span.down {background: #2a2d2c; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; repeat; color:#ffdd00;}

.menu li:hover > a.top_link {background: #2a2d2c; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; repeat; color:#ffdd00}

.menu li:hover > a.top_link span {background: #2a2d2c; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; repeat right top; color:#ffdd00}

.menu li:hover > a.top_link span.down {background: #2a2d2c; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; repeat right top; color:#ffdd00}



.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}



.menu a:hover {visibility:visible;}

.menu li:hover {position:relative; z-index:3000;}



.menu ul, 

.menu :hover ul ul, 

.menu :hover ul :hover ul ul,

.menu :hover ul :hover ul :hover ul ul,

.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



.menu :hover ul.sub {left:0px; top:40px; right:2px; background: transparent url('../imagens/geral/menu/submenu.png'); -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; padding:10px 10px 10px 10px; white-space:nowrap; width:165px; height:auto; text-align:left; position: absolute; z-index: 2000;}

.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}

/*.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}*/

.menu :hover ul.sub li a {font-weight:bold;display:block; font-size:12px; height:20px; width:125px; line-height:20px; text-indent:5px; color:#FFFFFF; text-decoration:none;}

.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}

/*.menu :hover ul.sub li a:hover {background:#999999; color:#fff;}*/

.menu :hover ul.sub li a:hover {color: #fffc01; text-decoration:none;}

.menu :hover ul.sub li a.fly:hover {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}

.menu :hover ul li:hover > a.fly {background:#999999 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 



.menu :hover ul :hover ul,

.menu :hover ul :hover ul :hover ul,

.menu :hover ul :hover ul :hover ul :hover ul,

.menu :hover ul :hover ul :hover ul :hover ul :hover ul

{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:800px; height:auto;}



.bodyOutterLB2011

{

	float:left;

	padding-left: 0px;

	padding-right: 0px;

}



.bodyMAIN2011

{

	float:left;

	width:967px;

	padding: 0px;

}



.bodyMAIN2011 div.cabecalho

{

	margin: 0px;

	background: #000;

	height: 20px;

	width: 967px;

	font-weight: bold;

	color:#ffe000;

	text-align: left;

	text-indent: 15px;

	font-size: 13px;

}



.bodyMAIN2011 div.submenu

{

	margin: 5px 5px 20px 15px;

	font-weight: bold;

	text-align: left;

}



.bodyMAIN2011 div.submenu a , .bodyMAIN2011 div.submenu a:hover

{

	color:#fffc01;

	text-decoration: none;

}



.bodyMAIN2011 div.submenu table

{

	border-bottom-color: black;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-left-color: black;

	border-left-width: 1px;

	border-left-style: solid;

	border-right-color: black;

	border-right-width: 1px;

	border-right-style: solid;

}



.bodyMAIN2011 div.submenuetapas

{

	margin: 5px 5px 20px 15px;

	font-weight: bold;

	text-align: left;

}



.bodyMAIN2011 div.submenuetapas a

{

	color:#000000;

	text-decoration: none;

	padding: 0 10px 0 10px;

}



.bodyMAIN2011 div.submenuetapas a:hover

{

	color:#ecce24;

	text-decoration: none;

	padding: 0 10px 0 10px;

}



.bodyMAIN2011 div.submenuetapas table

{

	border-bottom-color: black;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-left-color: black;

	border-left-width: 1px;

	border-left-style: solid;

	border-right-color: black;

	border-right-width: 1px;

	border-right-style: solid;

}



.bodyMAIN2011 div.etapacontainer {background: white; width: 100%; padding-top: 0; margin-bottom: 16px; float: left;}



.bodyMAIN2011 div.noticias

{

	background-size: 100%;

	width: 967px;

	height: 285px;

	/*float: left;

	height: 270px;

	width: 506px;

	margin: 0 5px 5px 0;

	position: relative;

	overflow: hidden;*/

}



.bodyMAIN2011 div.noticias div.titulo

{

	font-weight: bold; 

	font-size: 12px;

}



.bodyMAIN2011 div.noticias div.titulo span

{

	color: red;

}



.bodyMAIN2011 div.noticias div.box div.texto

{

	font-size: 10px;

}



.bodyMAIN2011 div.noticias div.box div.hyper

{

	color: red; 

	font-weight: bold; 

	font-size: 12px;

}



.bodyMAIN2011 div.noticias div.box div.hyper a:link

{

	color: red; 

	text-decoration: none;

}



.bodyMAIN2011 div.noticias div.box div.hyper a:visited

{

	color: red; 

	text-decoration: none;

}



.bodyMAIN2011 div.noticias2

{

	

	background: 0!important no-repeat;

	background-size: 100%;

	width: 967px;

	/*float: left;

	background-color: black;

	color: white;

	height: 270px;

	width: 193px;

	margin: 0px 5px 5px 0px;*/

}



.bodyMAIN2011 div.directo

{

	float: right;

	/*background: transparent url('../imagens/geral/layout2011/backgrounddirecto.png') no-repeat;*/

	background: transparent url('../_conteudos/homepage/Volta_Directo/area.png') no-repeat;

	background-size: 100%;

	height: 349px;

	width: 250px;

}



.bodyMAIN2011 div.etapa

{

	float: left;

	height: 364px;

	width: 701px;

	margin: 0 0px 0px 0;

}



.bodyMAIN2011 div.newsletter

{

	float: right;

	/*background: transparent url('../imagens/geral/layout2011/newsletter.png') no-repeat;

	background-size: 100%;*/

	height: 106px;

	width: 238px;

	margin: 0 0 5px 0;

}



.bodyMAIN2011 div.joaquim

{

	float: right;

	/*background: transparent url('../imagens/geral/layout2011/joaquim.png') no-repeat;

	background-size: 100%;*/

	height: 261px;

	width: 250px;

	margin: 0 0 5px 0;

}



.bodyMAIN2011 div.voltavolta

{

	float: left;

	background: transparent url('../imagens/geral/layout2011/voltavolta.png') no-repeat;

	background-size: 100%;

	height: 250px;

	width: 710px;

	margin: 0 0 0 0;

}



.bodyMAIN2011 div.voltavolta div.box

{

	width: 710px; 

	height: 200px; 

	margin: 20px 0 0 0;

}



.bodyMAIN2011 div.voltavolta div.box div.notice

{

	width: 170px;; 

	float: left; 

	margin-top: 10px; 

	margin-right: 7px;

	cursor: pointer;

}



.bodyMAIN2011 div.voltavolta div.box div.notice div.title

{

	color: #686868; 

	font-size: 14px; 

	font-weight: bold; 

	text-align: left; 

	margin-left: 10px;

}

.bodyMAIN2011 div.voltavolta div.box div.notice div.nada

{

	color:0 !important; 

	font-size: 0; 

	font-weight: 0!important; 

	text-align: left; 

	margin-left: 10px;

}



.bodyMAIN2011 div.voltavolta div.box div.notice div.img

{ 

	width: 170px; 

	height: 155px; 

	margin-top: 5px; 

	margin-bottom: 5px;

}



.bodyMAIN2011 div.voltavolta div.box div.notice div.sub, .bodyMAIN2011 div.voltavolta div.box div.notice div.sub a

{

	color: #686868; 

	font-size: 14px; 

	font-weight: bold; 

	text-align: left;

	margin: 5px 0 0 0;

	text-decoration: none;

}



.bodyMAIN2011 div.voltavolta div.box div.notice div.text, .bodyMAIN2011 div.voltavolta div.box div.notice div.text a 

{

	color: black; 

	font-size: 13px; 

	font-weight: bold;

	text-decoration: none;

	text-align: justify;

	margin: 0 5px 0 0;

}



.bodyMAIN2011 div.sponsors

{

	float: left;

	height: 120px;

	background: #ffdc14;

	width: 100%;

	margin: 0 0 0 0;

}

.bodyMAIN2011 div.rodapetecnico

{

	float: left;

	height: 145px;

	background: #ffdc14;

	width: 967px;

	margin: 0 0 0 0;

}



.footer2011

{

	

	float: left;

	text-align:left;

	height: 130px;

	background: #ffdc14;

	margin: 0 0 0 0;

	width: 967px;

}



.footer2011 .headerfooter2011

{

	font-weight:bold;

	font-size: 16px;

	padding-top: 0;

	padding-bottom: 0;

	padding-left: 0;

}



.footer2011 .fcolfooter2011

{

	vertical-align:top;

	font-size: 11px;

	padding-top: 2;

	padding-bottom: 0;

	padding-left: 15px;

	border-left-color: #9b8327;

	border-left-width: 1px;

	border-left-style: solid;

}



.footer2011 a , .footer2011 a:hover

{

	text-decoration: none;

	color: black;

}



.footer2011 .colfooter2011

{

	font-size: xx-small;

	border-bottom-color: black;

	border-bottom-width: 1px;

	border-bottom-style: solid;

}



.footer2011 .lcolfooter2011

{

	font-size: 10px;

}

.footer2011 .lcolfooter2011right

{

	font-size: 10px;

	text-align: right;

}

.footer2011 .lcolfooter2011left

{

	font-size: 10px;

	text-align: right;

}

.footer2011 table

{

	width:900px;	

	margin-left:auto;

	margin-right:auto;	

}



.footer2011 hr

{

	color:red;

	width: 900px;

	background-color: red;

	height: 2px;

	border-style: solid;

	border-size: 0px;

}



.cityHallLink:link{

	text-decoration: none;

	color: #666666;

}

.cityHallLink:visited {

	text-decoration: none;

	color: #666666;

}

.cityHallLink:hover {

	text-decoration: underline;

	color: #666666;

}

.cityHallLink:active {

	text-decoration: none;

	color: #666666;

}



.tickercontainer {

border: 0px solid #000;

background: #fff;

width: 100%;

height: 82px;

margin: 0;

padding: 0;

overflow: hidden;

}

.tickercontainer .mask {

position: relative;

left: 0px;

top: 0px;

width: 940px;

overflow: hidden;

}

ul.newsticker {

position: relative;

left: 750px;

font: bold 10px Verdana;

list-style-type: none;

margin: 0;

padding: 0;

}

ul.newsticker li {

float: left;

margin: 0;

padding: 0;

background: #fff;

}

ul.newsticker a {

white-space: nowrap;

padding: 0;

color: #ff0000;

font: bold 10px Verdana;

margin: 0 0 0 0;

}

ul.newsticker span {

margin: 0 0 0 0;

}



//SLIDE JQUERY

.showbg{// for fadeout effect *This is optional

		background-color: black;

	}



	#showhereshow img{

		border: 0px;

		border-collapse: collapse;

	}



	#showhere table{

		padding: 0px;

		border-collapse: collapse;

		border-spacing: 0px;

	}



	#showherelink {

		display:none;

	}



	#showheredis {

		display:none;

	}



	.link_nor{// for clickable normal link

		background-color: #333333;

		font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;

		border: 2px solid #808000;

		padding:0px 4px 0px 4px;

		text-align:center;

		color:white;

	}



	.link_act

	{// for clickable active link

		background-color:#808000;

		font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;

		border: 2px solid #808000;

		padding:0px 4px 0px 4px;

		text-align:center;

		color:white;

	}



	span{// for watermark

		font: normal 76% "Arial", "Lucida Grande",Verdana, Sans-Serif;

		color:black;

	}



	.gray

	{// for cover

		background-color: gray;

		position: absolute;

		border: 0px solid #9F6D11;

		z-index: 100;

	}



	#imgstore img{// for image border

		border: 0px solid #663300;

		background-color: #663300;

	}



	.opa{// for watermark opacity

		color:white;

		padding:10px 20px 0px 20px;

		position: absolute;

		z-index: 101;

		background-color: #FFA928;

		opacity:0.5;

		filter: alpha(opacity=50);

		filter:progid:DXImageTransform.Microsoft.Alpha

		(Opacity=100,FinishOpacity=50, Style=3, StartX=0, FinishX=100, StartY=0,FinishY=16);

		-moz-opacity: 0.5;

	}

	

	.foto img{// for image border

		border: 2px solid #000000;

	}

	

	

	

	.footer2013

{

	

	float: left;

	text-align:left;

	height: 130px;

	background: #ffde16;

	margin: 0 0 0 0;

	width: 967px;

}



.footer2013 .headerfooter2013

{

	font-weight:none;

	font-size: 12px;

	padding-top: 0;

	padding-bottom: 0;

	padding-left: 0;

}



.footer2013 .fcolfooter2013

{

	vertical-align:top;

	font-size: 10px;

	padding-top: 2px;

	padding-bottom: 0;

	padding-left: 15px;

	border-left-color: #000000;

	border-left-width: 1px;

	border-left-style: solid;

	line-height:15px;

}



.footer2013 a , .footer2013 a:hover

{

	text-decoration: none;

	color: black;

}



.footer2013 .colfooter2013

{

	font-size: xx-small;

	border-bottom-color: black;

	border-bottom-width: 1px;

	border-bottom-style: solid;

}



.footer2013 .lcolfooter2013

{

	font-size: 10px;

}

.footer2013 .lcolfooter2013right

{

	font-size: 9px;

	text-align: right;

}

.footer2013 .lcolfooter2013left

{

	font-size: 10px;

	text-align: right;

}

.footer2013 table

{

	width:900px;	

	margin-left:auto;

	margin-right:auto;	

}



.footer2013 hr

{

	color:red;

	width: 900px;

	background-color: red;

	height: 2px;

	border-style: solid;

	border-size: 0px;

}