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

html,body {
	padding:0;
	margin:0;
	height:100%;
	max-height:100%;
	font-size:100%;
	background:#fff;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-family:Georgia, "Times New Roman", Times, serif;
	outline:none;
}

a{
	color:#851331;
	text-decoration:none;
}

#splash{
	position:absolute;
	width:100%;
	height: 100%;
	display:block;
	background: #fff url("../img/splash-h.jpg") no-repeat center;
	background-size: auto 100%;
	-moz-background-size: auto 100%;
	-webkit-background-size: auto 100%;
	top:0;
	z-index:1000;
}
#header{
	position:fixed;
	width:100%;
	height:110px;
	clear:both;
	overflow:hidden;
	box-shadow: 0 6px 10px 0 rgba(100,100,100,0.5);
	z-index:100;	
	background: #fdfae7 url("../img/header-top.jpg") repeat-x top left;
}

#logoBar{
	clear:both;
	height:25px;
}

#logoBar img{
	height:100%;
}

#logoBar img.patrocinio{
	float:right;
}

#footer{
	position:fixed;
	width:100%;
	height:50px;
	bottom:30px;
	clear:both;
	overflow:visible;
	background:#fff;
	
	border-top:1px dotted #666;
	box-shadow: 0 -2px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 -2px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 -2px 10px rgba(0,0,0,.2); -o-box-shadow: 0 -2px 10px rgba(0,0,0,.2);
	z-index:90;
}


#footer a{
	display:block;
	float:left;
	height: 45px;
	width: 60px;
	background-position:center center;
	background-size: auto 60%;
	-moz-background-size: auto 60%;
	-webkit-background-size: auto 60%;
	border-right: 1px solid #f2f2f2;
	z-index:90;
}

#footer a#home{
	background: url("../img/icon-home.jpg") no-repeat center center;
}
#footer a#search{
	background: url("../img/icon-search.jpg") no-repeat center center;
}
#footer a#share{
	background: url("../img/icon-share.jpg") no-repeat center center;
}
#footer a#people{
	background: url("../img/icon-jurados.jpg") no-repeat center center;
}
#footer a#back{
	background: url("../img/icon-back.jpg") no-repeat center center;
}
#footer a#forward{
	background: url("../img/icon-forward.jpg") no-repeat center center;
}

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget span iframe {
	bottom:0!important;
	background: #fff;
}

/******************************
Footer boxes
*****************************/
#shareBox{
	position:absolute;
	width: 130px;
	bottom:50px;
	background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,.3); -o-box-shadow: 0 0 6px rgba(0,0,0,.3); zoom: 1;display:block;overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	padding: 1em;
	overflow:visible;
	left:100px;
	z-index:9;
}

#searchBox{
	position:absolute;
	width: 282px;
	bottom:50px;
	background: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,.3); -o-box-shadow: 0 0 6px rgba(0,0,0,.3); zoom: 1;display:block;overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	padding: 1em;
	overflow:visible;
	z-index:9;
}


#searchBox a.closeButton{ 
	height:30px;
	width:30px;
	float:right;
	border:none;
}

#searchBox input{
	position:relative;
	background: #e2e2e2;
	border: 1px solid #d6d6d6;
	height:30px;
	padding:0.1em;
	font-size: 16px;
	float:left;
	width:225px;
}
#searchResults{
	position:absolute;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	bottom:75px;
	width: 280px;
	padding:1em 1em 2em 1em;
	background:#fff;
	z-index:9;	
	box-shadow: 2px 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); -moz-box-shadow: 2px 2px 6px rgba(0,0,0,.3); -o-box-shadow: 0 1px 6px rgba(0,0,0,.3); zoom: 1;
}

#searchResults ul{
	position:relative;
	width:100%;
	list-style:none;
	text-indent:0;
	overflow:auto;
	padding:0;
	margin:0 0 20px 0;
}

#searchResults ul li{
	position:relative;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	margin:-1px 0 0 0;
	background: #fff;
	overflow:auto;
	clear:both;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}
#searchResults ul li.first{
	border-top: none;
}

#searchResults ul li.last{
	border-bottom: none;
}

#searchResults ul li a{
	font-size:0.8em;
	position:relative;
	width:100%;
	height: auto;
	display:block;
	font-weight:bold;
	padding:1.2em 0;
	overflow:hidden;
	clear:both;	
	border:none;
}

#searchResults ul li a:hover{
	background: #f5f5f5;
}

#shareBox{
	display:none;
}

/*//////////////////////////*/

#mainContainer{
	display:block;
	position:absolute;
	width:100%;
	height:auto;
	overflow:auto;
	left:0; right:0;
	top:110px;
	background: #fff url("../img/content-bg.jpg") repeat-x bottom left;
}

.contentBlock{
	height:auto;
	overflow:auto;
	background: none;
	clear:both;
}


.topLogo{
	display:none;
}

#header div.main {
	padding: 0 2em 0 35px;
	background: url("../img/logo-header.png") no-repeat 10px center;
	background-size: auto 70%;
	-moz-background-size: auto 70%;
	-webkit-background-size: auto 70%;
	height:100%;
}

h1.title{
	width:48%;
	margin: 0 1%;
	font-size:1.8em;
	display:block;
	padding-top:30px;
	float:left;
}

h1.title span.subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.5em;
	font-weight:normal;
	line-height:1.3em;
	display:block;
	clear:both;
	margin-top:10px;
}

h1.title span.subtitle b.highlight{
	color: #851331;
}

#header .titleTags{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.72em;
	background: #72a14c;
	height:35px;
	width:100%;
	clear:both;
	overflow:hidden;
	color:#fff;
	padding: 3.5px 15px;
	font-weight:bold
}

#header .titleTags ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	display:inline;
	list-style-type:disc;
	list-style-position:inside;
	padding:0;
	margin-left:10px;
}

#header .titleTags ul li{
	display:inline-block;
	list-style-position:inside;
	list-style-type:disc;
}


#header .titleTags ul li:before{
	/*font-family:"Webdings";*/
	font-size:1.2em;
	margin: -4px 8px 0 6px;
	display:inline-block;
	float:left;
	content: "•";
}

#header .titleTags ul li.first:before{
	content: "";
}


.textBlock{
	margin: 15px;
	line-height:1.5em;
}

.listBlock{
	width:46%;
	height:410px;
	margin-right:4%;
	margin-top: 20px;
	float:left;
}
.listBlock.right{
	width:48%;
	margin-right:0;
}

.listBlock.left{
	border-right: 1px solid #d6d6d6;
	padding-right:2%;
	margin-right:2%;
}

.listBlock div.listTitle{
	color: #fff;
	font-weight:bold;
	background:#851331;
	padding:6px 12px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; 
	-webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; -o-border-top-left-radius: 0; border-top-left-radius: 0;
	box-shadow: 0 0 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,.3); -o-box-shadow: 0 0 6px rgba(0,0,0,.3); 
	zoom: 1;display:block;overflow:hidden;
}

.listBlock ul{
	font-size:0.8em;
	list-style:none;
	padding:0;
}

.listBlock .listContent{
	width:100%;
	display:block;
	overflow:auto;
	margin:5px 0 0 0;
}

.listBlock ul li{
	margin: 0.4em 0;
	overflow:hidden;
	line-height:1.5em;
}

.listBlock ul.tabulated li{
	border-bottom: 1px dotted #333;
	padding: 0.5em 0;
	overflow:visible;
}

.listBlock ul li b.number{
	color:#851331;
	font-size:1.5em;
	margin-right:10px;
}

.listBlock ul.tabulated li b{
	display:inline-block;
	line-height:1em;
	float:left;
	width:70px;
	height:100%;
	margin-right:10px;
	text-align:right;
	overflow:visible;
}

.imageBlock{	
	width:44%;
	margin-top:30px;
	float:right;
	overflow:hidden;
	text-align:right;
	background: url(../img/img-bg.png) no-repeat center center;
	background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	-webkit-background-size:100%;
	padding:10px;
}

.imgMask{
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0;
	padding:0;
}

.imgMask img{
	height:93%;	
	display:inline-block;
}
.imageBlock span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:right;
	margin:3px 0 0 0;
	width:100%;
	display:block;
	clear:both;
}

.textBlock{
	width:48%;
	margin-right:1%;
	float:left;
	height:100%;
	overflow:hidden;
}

.closeButton{
	width:30px;
	height:30px;
	display:inline-block;
	position: relative;
	cursor:pointer;
	float:right;
	background: #fff url(../img/close-button.jpg) no-repeat center center;
	border:none;
	z-index:10;
}

.videoLine{
	font-size:1em;
	margin:15px 15px 25px 15px;
	clear:both;
	bottom:0;
}

.videoLine a{
	font-size:1em;
	font-weight:bold;
	color: #000;
}

.videoButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	text-indent: 35px;
	background: url(../img/video-button.png) no-repeat top left;
	width:84px;
	height:22px;
	display:inline-block;
	color:#851331;
	padding:8px 0 0 0;
}

/*******************************/
.catTitle1,.catTitle2,.catTitle3, .catTitle4, .catTitle5{
	height:100%;
	float:right;
	text-indent:-1000px;
	overflow:hidden;
	margin:10px 5px;	
}

.catTitle1{
	background: url("../img/categoria-posta.png") no-repeat center left;
	width:117px;
}
.catTitle2{
	background: url("../img/categoria-lascas.png") no-repeat center left;
	width:152px;
}
.catTitle3{
	background: url("../img/categoria-desfiado.png") no-repeat center left;
	width:182px;
}
.catTitle4{
	background: url("../img/categoria-outras.png") no-repeat center left;
	width:293px;
}
.catTitle5{
	background: url("../img/categoria-videos.png") no-repeat center left;
	width:156px;
}




@media only screen and (max-width: 768px) {
	#mainContainer{
		bottom::150px;
	}
	#splash{
		position:absolute;
		width:100%;
		height: 100%;
		display:block;
		background: #fff url("../img/splash-v.jpg") no-repeat center;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		top:0;
		z-index:1000;
	}
	#header{
		height:105px;
	}
	#footer a{
		width: 15%;
	}
	#mainContainer{
		height:auto;
		overflow:auto;
		top:105px;
	}

	.textBlock{
		float:none;
		clear:both;
		width:96%;
	}
	.imageBlock{
		float:none;
		clear:both;
		width:96%;
	}
	
	h1.title{
		width:auto;
		margin: 0 15px;
		clear:both;
		position:absolute;
		top:0;
	}
	
	#header div.main{
		padding:10px 0 0 0;
		margin:0;
		background-size: auto 80%;
		-moz-background-size:auto 80% ;
		-webkit-background-size: auto 80%;
	}
	
	.catTitle1, .catTitle2, .catTitle3, .catTitle4, .catTitle5{
		height:35px;
		padding-top:20px;
		background-position: center right;
		background-size:50%;
		-moz-background-size:50%;
		-webkit-background-size:50%;
	}
	
	.listBlock{
		width:96%;
	}
	
	.listBlock.left{
		border-right: none;
		padding-right:0;
		margin-right:0;
	}
	
	.listBlock.right{
		width:96%;
	}
	
	.titleTags{
		display:none;
	}
	
	.imageBlock span{
		margin:3px 0 15px 0;
	}
	
	.imgMask img{
		height:90%;	
		display:inline-block;
	}
}

@media only screen and (max-width: 480px) {
	#footer a{
		width: 15%;
	}
	#header div.main {
		background-size:auto 50%;
		-moz-background-size:auto 50%;
		-webkit-background-size:auto 50%;
	}
	h1.title{
		font-size:1.5em;
	}
}

/*******************
Barra do Estadão
*******************/

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

#barraEstadaoParceiros{width:1000px; 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; padding:0 6x 0 0;}
.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
}