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

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

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

#header{
	position:fixed;
	width:100%;
	height:70px;
	clear:both;
	overflow:hidden;
	box-shadow: 0 6px 10px 0 rgba(153,153,153,0.7);
	background: #352410; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */	
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiMzNTI0MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTk0ODIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	
	background: -moz-linear-gradient(left,  #352410 26%, #594821 100%); /* FF3.6+ */	
	background: -webkit-gradient(linear, left top, right top, color-stop(26%,#352410), color-stop(100%,#594821)); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(left,  #352410 26%,#594821 100%); /* Chrome10+,Safari5.1+ */	
	background: -o-linear-gradient(left,  #352410 26%,#594821 100%); /* Opera 11.10+ */	
	background: -ms-linear-gradient(left,  #352410 26%,#594821 100%); /* IE10+ */	
	background: linear-gradient(to right,  #352410 26%,#594821 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#352410', endColorstr='#594821',GradientType=1 ); /* IE6-8 */
	z-index:100;
}

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

#logoBar img{
	height:100%;
}

#logoBar img.patrocinio{
	float:right;
}

#subjectBar{
	height:55px;
	background:#851331;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	padding-top:0.85em;
	text-indent:10px;
	font-style:italic;
}

#footer{
	position:fixed;
	width:100%;
	height:50px;
	bottom:0;
	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 25px;
	-moz-background-size: auto 25px;
	-webkit-background-size: auto 25px;
	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 img{
	height: 25px;
	vertical-align:middle;
}
*/

#mainContainer{
	display:block;
	position:absolute;
	width:100%;
	height:auto;
	overflow:auto;
	background:#fff;
	top:70px;
	bottom:45px;
}

.contentBlock{
	width:100%;
	position:relative;
	height:100%;
	overflow:auto;
	background:#fff;
}
.imageBlock{
	width:60%;
	float:right;
	text-align:left;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.imageBlock img{
	position:relative;
	z-index:8;
	display:none;
	width:100%;
	height:auto;
}
.imageBlock img{
	width:100%;
	height:auto;
	display:block;
	position:relative;
}

.weightTag{
	position:absolute;	
	background-color: #851331;
	border-radius: 50%;	-webkit-border-radius: 50%;	-moz-border-radius: 50%;-o-border-radius: 50%;
	opacity: 0.75;
	color:#FFF;
	width:140px;
	height:140px;
	text-align:center;
	right:10px;
	top:10px;
	z-index:9;
}
.weightTag div.content{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:40px;
	margin-top:45px;
}

.textBlock{
	width:36%;
	height:auto;
	float:left;
	padding: 2%;
}

.textBlock .topLogo{
	width:45%;
	max-width:200px;
	min-width:162px;
}

.textBlock h1.title{
	font-size: 2.05em;
	font-weight: bolder;
	line-height: 1.1em;
	text-align:left;
	margin: 0.3em 0 0 0;
	height:auto;
	padding:0;
	letter-spacing: -0.05em;
}

.textBlock h2.subTitle{
	font-size: 1.0em;
	line-height: 1em;
	font-weight:normal;
	margin: 10px 0 0.25em 0;
	letter-spacing: 0.02em;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400

}

.expediente{
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight:normal;
	margin: 10px 0 0.25em 0;
	letter-spacing: 0.02em;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400

}

#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:105px;
	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;
}


.priceTag{
	margin-left:-8%;
	margin-bottom:15px;
	text-align:center;
	overflow:hidden;
	width:52%;
	min-width:170px;
	max-width: 230px;
	/*max-height:220px;*/
	background: url(../img/pricetag.jpg) no-repeat top left;
	background-size:contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	display:block;
	float:none;
	clear:both;	
	color: #851331;
	font-size: 2.2em;
	line-height: 1em;
	font-weight: bolder;
	font-style:italic;
	letter-spacing:-0.05em;
}

.priceTag span{
	display:block;
	width:100%;
	transform: rotate(355deg);
	-ms-transform: rotate(355deg); /* IE 9 */
	-webkit-transform: rotate(355deg); /* Safari and Chrome */
	-o-transform: rotate(355deg); /* Opera */
	-moz-transform: rotate(355deg); /* Firefox */
}

.comment{
	margin-bottom:1em;
	line-height:1.35em;
	position:relative;
	overflow:visible;
	font-size: 1.05em;
}

.comment span.title{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size: 0.9em;
	line-height:0.9em;
	font-weight: bold;
	clear:both;
	margin-bottom:0.3em;
}

.comment a{
	font-weight:bold;
}

#map{
	width:100%;
	height:100%;
	z-index:100;
}
.mapHolder{
	position: absolute; width:50%; height:50%; margin:0 25%; top:25%; padding:0; background: #fff; border: 6px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 6px rgba(0,0,0,.3); -o-box-shadow: 0 1px 6px rgba(0,0,0,.3); zoom: 1; display:block; overflow:hidden;font-family:Arial, Helvetica, sans-serif; display:none; z-index:110; font-size:0.8em;
}

.mapHolder b.title{
	display:inline-block;
	padding: 0.6em 0;
}

a.mapButton{
	width:52px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.72em;
	color: #333;
	padding-top:36px;
	clear:both;
	border-radius:4px;
	margin-top:6px;
	background: #fff url(../img/icon_map.png) no-repeat center 3px;
	box-shadow: 0 2px 4px 0 rgba(153,153,153,0.7);
	border: 1px solid #f2f3f4;
	display:block;
	cursor:pointer;
	text-align:center;
}

.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;
}
@media only screen and (max-width: 820px) {
.imageBlock img{
	width:100%;
	height:auto;
	display:block;
	position:relative;
}
/*
.priceTag{
	width:60%;
}
.textBlock .topLogo{
	width:60%;
}
*/
}
@media only screen and (max-width: 620px) {
.imageBlock{
	width:100%;
	clear:both;
	float:none;
}
.textBlock{
	width:96%;
	padding:2%;
	clear:both;
}
#searchResults{
	width:96%;
	
}

#searchBox{
	width: 92%;
}

#searchBox input{
	width: 70%;
}
}
@media only screen and (max-width: 480px) {
.mapHolder{
	width:100%; height:100%; margin:0; top:0; bottom:0;
}
#mainContainer{
	width:100%;
	height:auto;
	background:#fff;
	overflow:auto;
	top:65px;
	bottom:45px;
}

#footer a{
	width: 15%;
}

.priceTag{
	width:50%;
	max-width:150px;
	min-width:135px;
}
.textBlock .topLogo{
	width:40%;
	max-width:150px;
	min-width:120px;
}

.contentBlock{
	height:auto;
	overflow:auto;
}

.imageBlock img{
	width:100%;
	position:relative;
	top:0;
	left:0;
	bottom:0;
	margin:0;
}

.imageBlock{
	width:100%;
	clear:both;
	float:none;
}
.textBlock{
	width:93%;
	margin:3%;
	clear:both;
}

#searchResults{
	width:96%;
	
}

#searchBox{
	width: 92%;
}

#searchBox input{
	width: 70%;
}

}