@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body{
 font-family: 'Source Sans Pro',Helvetica, sans-serif;
	width:100%;
	height:100%;
}



/*******************
Header
*******************/

.header{
	margin-top: 31px;
	height: 130px;
	background-color: #bdf3ff;
	width: 100%;
}

.centerMargin{
	width: 710px;
	margin: 0 auto;
}


.floatLeft{
	float: left;
}

.paddingImg{
	padding: 12px 25px 12px 5px;
	margin-top: 10px;
}

.headerText h1{
	display: block;
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	margin-top: 22px;
	color: #0072bb;
}

.headerText h2{
	display: block;
	font-size: 28px;
	line-height: 28px;
	margin-top: 5px;
	font-weight: bold;
	color: #333;
}

.clearBoth{
	clear: both;
}

.navigationPage{
	width: 670px;
	margin: 0 auto;
}

.navigationPage li{
	float: left;
	border-right: 3px solid #bdf3ff;
	margin:32px 0 32px 0;
}

li.ultimo{
	border-right: none;
}

.navigationPage a{
	float: left;
	text-decoration: none;
	width: 220px;
	font-size: 28px;
	font-weight: bold;
	line-height: 30px;
	color: #333;
	-webkit-transition: all .2s ease-in-out;
	text-align:center;
}
.navigationPage a:hover{
	color: #0072bb;
	opacity: 0.8;
}

.navigationPage a:active{
	color: #0072bb;
	opacity: 0.8;
}

.titleActive a{
	color: #0072bb;
}

.content{
	width: 100%;
}

#redes{
    display: block;
    position: absolute;
	margin: 14px 0 0 377px;
}

.redessociais{
    background: transparent url('../img/redessociais_bg.png') no-repeat;
    height: 28px;
    width: 28px;
    margin-right:10px; 
    float: left;
}
.sociasIcon{
	height: 18px;
	width: 18px;
	margin:5px;
	background: transparent url('../img/redessociais_icons.png') no-repeat 0px center;
}
.iconFacebook{
	background-position: 0px center;
}
.iconTwitter{
	background-position: -30px center;
}
.iconGoogle{
	background-position: -60px center;
}
/*******************
Fim do Header
*******************/



/*******************
A Olimpíada
*******************/
.apresentacaoTexto{
	width: 80%;
	min-width: 600px;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 10px;
}

.apresentacaoTexto p{
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	color: #333;
	padding-bottom: 30px;
}
/*******************
Fim Olimpíada
*******************/

/*******************
Brasileiros
*******************/
.atletas_show{
	width: 760px;
	margin:0 auto;
	padding-top: 20px;
}

.boxContent{
	position: relative;
	width:760px;
	height: 300px;
	border-bottom: solid 3px #bdf3ff;
}

.boxContent img{
	height: 300px;
	clear:both;
	float:left;
}

.jcarousel-skin-tango img{
	width: 90px;
}

.atletas_show h1{
	width: 260px;
	float: right;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	color: #0072bb;
	padding-bottom: 30px;
}

.atletas_show p{
	width: 260px;
	float: right;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	color: #333;
}

b{
	font-weight: bold;
}


.atletas_show h2{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #333;
}

.atletas_show h2:hover{
	color: #0072bb;
	opacity: 0.8;
}

.atletas_show h2:active{
	color: #0072bb;
	opacity: 0.8;
}

.atletas_show_hover h2{
	color: #0072bb;
}

.atletas_show a{
	text-decoration: none;
}
/*******************
Fim Brasileiros
*******************/



/*******************
Pagina Modalidades
*******************/
.modalidades {
	width: 800px;
	margin: 0 auto;
}

.modalidades span{
	position: absolute;
	width: 90px;
	margin: 55px 0 0 -22px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #0072bb;
	display: none;

}

.modalidades li{
	height: 85px;
	width: 150px;     
	background: transparent url('../img/pictograms.png') no-repeat 0px center;
	float: left;
	display:block;
	background-color: #bdf3ff;
	margin: 0.3%;
	width: 6%;
	height: 50px;
	-webkit-transition: all .2s ease-in-out;
	text-align:center;
}
.modalidades li:hover,li.active{
	background-color: #0072bb;
	cursor:pointer;
}

.modalidades li:hover span{
	display: block;
}

li.hoquei{
	background-position: 0px center;
}

li.patinacaoVelocidade{
	background-position: -50px center;
}

li.shortTrack{
	background-position: -100px center;
}

li.patinacaoArtistica{
	background-position: -150px center;
}

li.curling{
	background-position: -200px center;
}

li.biathlon{
	background-position: -250px center;
}

li.esquiCrossCountry{
	background-position: -300px center;
}

li.skiJumping{
	background-position: -350px center;
}

li.nordicCombined{
	background-position: -400px center;
}

li.esquiAlpino{
	background-position: -450px center;
}

li.freestyleSkiing{
	background-position: -500px center;
}

li.snowboard{
	background-position: -550px center;
}

li.bobsled{
	background-position: -600px center;
}

li.skeleton{
	background-position: -650px center;
}

li.luge{
	background-position: -700px center;
}

.modalidadeInfo{
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding-top: 40px; 
}

.modalidadeInfo h1{
	font-size: 28px;
	line-height: 40px;
	font-weight: bold;
	color: #0072bb;
	text-align: center;
	padding-bottom: 30px;
}

.modalidadeInfo h2{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #0072bb;
	text-align: center;
	padding-bottom: 20px;
}
/*******************
Fim Pagina Modalidades
*******************/




/*******************
Barra do Estadão
*******************/
#topBar
{
background: #fff;
width:100%;
height:30px;
left: 0px;
position:fixed;
top:0;
z-index:10001;
text-align:center;
border-bottom: 1px solid #d6d6d6;
min-width:980px;
-moz-box-shadow:  6px -6px 0 -6px rgba(0,0,0,0.25);
-webkit-box-shadow:  6px -6px 0 -6px rgba(0,0,0,0.25);
box-shadow:  6px -6px 0 -6px rgba(0,0,0,0.25);
}

#barraEstadaoParceiros{width:985px; height:27px; background:#ffffff; margin:0px auto;}
#barraEstadaoParceiros ul{ margin:0; padding:0;}

.lgBarraEstadaoParceiros{float:left; margin-right:10px}
.lstBarraEstadaoParceiros{margin:0px; padding:0px; list-style:none; float:right; margin-right:10px; height:27px; line-height:27px;}
.itemBarraEstadaoParceiros{display:block; float:left; color:#C4C3C3; font:11px Arial, Helvetica, sans-serif bold; height:27px; line-height:27px; margin-top: 2px;}
.itemBarraEstadaoParceiros a{
text-decoration:none;
color:#999;
font:11px Arial, Helvetica, sans-serif bold;
border-right:1px solid #C4C3C3;
padding-right:5px;
margin-right:5px;
line-height:27px;}

.lastItemBarra{
border:none!important;
padding:0px!important; 
margin:0px!important
}

/*******************
Fim da barra do Estadão
*******************/