/* main css */

body {
	margin: 0;	
}


div, span {
	/*border:solid 1px;*/
}



#wrapper 
{
	width: 944px;
	height: 700px;
	font-family:Arial, Helvetica, sans-serif;
}


#top
{
	height:74px;
	/*background-image: url("../img/bg_top.jpg");*/
	background-image: url("http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/bg_top.jpg");
	background-repeat:no-repeat;
	color:#264A1A;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 15px;
}

#sublinha {
	font-size:16px;	
}


#sublinha_chart
{
	color:#0062A4;
	font-size:20px;
}






/*********** Modal **************/


#modal
{
	width: 100%;
	height: 508px;
	
	-moz-border-top-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-o-border-top-left-radius: 25px;
	-ms-border-top-left-radius: 25px;
	border-top-left-radius: 25px;
	
	-moz-border-top-right-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-o-border-top-right-radius: 25px;
	-ms-border-top-right-radius: 25px;
	border-top-right-radius: 25px;
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#43802F), to(#27491B), color-stop(1,#27491B));
	background: -moz-linear-gradient(0% 100% 90deg,#27491B, #43802F, #43802F 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#43802F, endColorstr=#27491B)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#43802F, endColorstr=#27491B);
}


#modal_moldure
{
	width: 96%;
	height: 470px;
	display: inline-block;
	*display:inline;
	zoom:1;
	margin-top:20px;
	margin-left: 18px;
	position:relative;
	
	-moz-border-top-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-o-border-top-left-radius: 25px;
	-ms-border-top-left-radius: 25px;
	border-top-left-radius: 25px;
	
	-moz-border-top-right-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-o-border-top-right-radius: 25px;
	-ms-border-top-right-radius: 25px;
	border-top-right-radius: 25px;
	
	background: -moz-linear-gradient(0% 100% 0deg,#FFFFFF, #CACACA, #CACACA 100%);
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#CACACA), to(#CACACA), color-stop(0,#FFFFFF));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#CACACA)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#CACACA);
}


.modal_butttons
{
	float: left; padding: 15px 0 0 20px;
}


#modal_coluna1, #modal_coluna2, #modal_coluna3
{
	display:inline-block;
	*display:inline;
	zoom:1;
	position: absolute; 
	top: 0;
}


#modal_coluna1
{
	width:500px;
}

#modal_coluna2
{
	width:354px;
	left:500px;
}

#modal_coluna3
{
	width:37px;
	left:860px;
	top:10px;
}


#modal_imagem_1, #modal_imagem_2
{
	width:354px;
	height:205px;
	margin-top: 20px;
	/*background-image:url(../img/fevereiro2012/estadio1.jpg);*/
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/fevereiro2012/estadio1.jpg);
	background-repeat:no-repeat;
}


#modal_imagem_2
{
/*	background-image:url(../img/fevereiro2012/construcao1.jpg);*/
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/fevereiro2012/construcao1.jpg);
}


#modal_title_imagem
{
	margin-top: 10px;
	float:right;	
}




#modal_close
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/modal_closebutton.png);
	width:37px;
	height:36px;
	background-color:transparent;
	border:none;
	cursor:pointer; cursor:hand;
	position:relative;
}



.modal_title
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/modal_titles.png);
	width: 157px;
	height: 47px;
	text-align:center;	
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	color:#4B4B4B;
	position:relative;
	display:inline-block;
	*display:inline;
	zoom: 1;
}

.clear-fix {
	width: 100%; height: 1px; display: block; clear: both;
}

 /*#modal_title_orcamento { margin-top: 15px; margin-left: 20px; }*/
#modal_title_orcamento {  }

#modal_title_previsao { margin: 15px 0 0 20px;  }

#modal_title_situacao { margin-top: 15px;  }

#modal_title_projeto { margin-top: 15px;  }

#modal_title_estagio { margin-top: 15px;  }



.modal_titulo, .modal_info, #modal_tituloMain, #modal_subtitulo
{
	display: block;
	font-size:16px;
	font-weight:bold;
	color:#4B4B4B;
	margin-left:20px;
}

#modal_titulo_data
{
	margin-top:5px;
	margin-left:10px;
}

#modal_tituloMain
{
	margin-top: 10px;
	font-size:25px;
}

#modal_subtitulo
{
	font-style:italic;
}

.modal_info
{
	font-size:14px;
	font-weight:normal;
}

#modal_titulo_valor_orcamento
{
	margin-left: 35px;	
	margin-top: 10px;
}


#modal_porcentagem, #modal_situacao
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/modal_estimativa.png);
	width:72px;
	height: 52px;
	text-align:center;	
	line-height:60px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	margin-top:10px;
	margin-left:35px;
}



#modal_situacao
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/modal_porcentagem.png);
	width:61px;
	height:60px;
	margin-left:65px;
}



#modal_info_estimativa
{
	margin-top:10px;
	margin-left:35px;
}




/*********** Timeline **************/



#timeline
{
	height:56px;
	color: #959595;
	padding-top:14px;
	padding-left: 5px;
	background-image: url("http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/timeline_bar.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
}

#timeline_title
{
	width:48px;
	font-weight: bolder;
	font-size: 11px;
	text-align:center;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#timeline_graphic
{
	width:870px;
	background-image: url("http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/timeline_point.jpg");
	background-repeat:repeat-x;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.timeline_button, .timeline_button_click
{
	margin-left: 1px;
	margin-right: 1px;
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/timeline_button_normal.png);
	background-color:transparent;
	border:none;
	width: 65px;
	height: 46px;
	color:#FFF;
	font-size:12px;
	cursor:pointer; cursor:hand;
}

.timeline_button_click
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/timeline_button_select.png);
}

.timeline_button:hover
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/timeline_button_over.png);
	color:#999;
}


/*********** Charts **************/

#chart2 p {
	margin: 0; padding: 0;
}


#chart
{
	height:520px;
	background-image: url("http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/bg_botton.jpg");
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top: 25px;
}

#chart_title
{
	color: #0062A4; font-size:22px;	font-weight:bold; text-align: right; width:944px; height:27px; display: block;
}


.chart_graphics
{
	/*visibility:hidden;
	display:none;*/
	position:relative;
}




/************* barras *********************/


.bar
{
	width:30px;
	height:300px;
	position:absolute;
	bottom:122px;
	display:inline-block;
	*display:inline;
	zoom:1;
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/graphic_bar.png);
	cursor:pointer; cursor:hand;
}

.bar:hover
{
	background-image:url(http://www.clicrbs.com.br/sites/swf/ranking_estadios_copa/img/graphic_bar_over.png);
	cursor:pointer; cursor:hand;	
}

.class_bar1_chart { left: 85px; }

.class_bar2_chart { left: 150px; }

.class_bar3_chart { left: 215px; }

.class_bar4_chart { left: 280px; }

.class_bar5_chart { left: 345px; }

.class_bar6_chart { left: 410px; }

.class_bar7_chart { left: 475px; }

.class_bar8_chart { left: 540px; }

.class_bar9_chart { left: 605px; }

.class_bar10_chart { left: 670px; }

.class_bar11_chart { left: 735px; }

.class_bar12_chart { left: 800px; }