@import url("html-min.css");

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



/*----------------------------------------
	BASIC PAGE STRUCTURE
----------------------------------------*/
body {
	background-color:#244430;
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:normal;
}

h1,h2 {
	margin:15px 0 5px 0;
	max-width:700px;
	color:#8b1b1c;
	font-family:'Neon_regular',Calibri,Arial,Helvetica,sans-serif;
	font-size:2em;
	font-weight:bold;
	letter-spacing:-0.05em;
	text-transform:lowercase;
}
h2 {
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-size:0.9em;
	font-weight:normal;
	letter-spacing:0;
	text-transform:none;
}

hr {
	border:none;
	border-bottom:1px solid #FC0;
}

div#main-container {
	width:940px;
	margin:0 auto;
	padding:0 0 25px 0;
	background-color:#F6921E;
	background-image:url('../images/bg.gif');
	background-position:50% 0;
	background-repeat:no-repeat;
}

nav#main-navigation {
	position:relative;
	width:880px;
	height:160px;
	margin:0 auto 20px auto;
	padding:0;
}
nav#main-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	right:10px;
	bottom:10px;
}
nav#main-navigation ul li {
	display:inline;
	margin:0 0 0 10px;
	padding:0;
}

nav#main-navigation ul li a, a#entrega {
	font-family:'Neon_regular',Calibri,Arial,Helvetica,sans-serif;
	font-size:22px;
	text-decoration:none;
	color:#FFF;
	text-shadow:0 1px 5px rgba(0,0,0,0.25);
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
nav#main-navigation ul li a:hover, a#entrega:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

a#entrega {
	position:absolute;
	text-align:right;
	right:0;
	top:15px;
	margin:0;
	padding:0;
}

section#main-content {
	position:relative;
	width:880px;
	margin:0 auto;
	padding:10px 10px 30px 10px;
	background-color:#FFF;
	
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
		 -o-box-sizing:border-box;
			box-sizing:border-box;
	
	   -moz-box-shadow:0 5px 25px rgba(0,0,0,0.25), inset 0 0 55px #D3DAD3;
	-webkit-box-shadow:0 5px 25px rgba(0,0,0,0.25), inset 0 0 55px #D3DAD3;
			box-shadow:0 5px 25px rgba(0,0,0,0.25), inset 0 0 55px #D3DAD3;
}

article.text {
	padding:20px;
}
article.text img,
article.text iframe {
	border:solid 1px #E6E6E6;
	
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
		 -o-box-sizing:border-box;
			box-sizing:border-box;
	
	   -moz-box-shadow:0 5px 15px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.25);
			box-shadow:0 5px 15px rgba(0,0,0,0.25);
}

footer#footer {
	width:880px;
	margin:10px auto 0 auto;
	padding:10px;
	font-size:12px;
	font-style:italic;
	text-align:right;
	color:#FFF;
}
footer#footer a       { color:#FFF; }
footer#footer a:hover { color:#F6921E; }



/*----------------------------------------
	ESPECIAL COPA 2014
----------------------------------------*/
section#main-content.especial-copa {
	background-color:#264430;
	   -moz-box-shadow:0 5px 25px rgba(0,0,0,0.25), inset 0 0 55px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 5px 25px rgba(0,0,0,0.25), inset 0 0 55px rgba(0,0,0,0.25);
			box-shadow:0 5px 25px rgba(0,0,0,0.25), inset 0 0 55px rgba(0,0,0,0.25);
	background-image:url("../images/fundo-copa.png");
	background-repeat:no-repeat;
	background-position:0 0;
}
section#main-content.especial-copa h1 {
	color:#FFF;
	font-weight:normal;
}
section#main-content.especial-copa article.text img {
	border:none;
	   -moz-box-shadow:none;
	-webkit-box-shadow:none;
			box-shadow:none;
}




/*----------------------------------------
	THE "FEATURED SEAL"
----------------------------------------*/
a#selo {
	position:absolute;
	right:-55px;
	top:-100px;
	z-index:100;
}
a#selo img#selo-base,
a#selo img#selo-hover {position:absolute;top:0;right:0;}
a#selo img#selo-base {z-index:0;}
a#selo img#selo-hover {
	z-index:1;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	
	transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-o-transition:opacity 0.5s;
}
a#selo:hover img#selo-hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}



/*----------------------------------------
	THE "DOWNLOAD SEAL"
----------------------------------------*/
a#selo-download {
	position:absolute;
	right:30px;
	top:180px;
}
a#selo-download img {
	border:none;
	   -moz-box-shadow:none;
	-webkit-box-shadow:none;
			box-shadow:none;
}


/*----------------------------------------
	SLIDE SHOW
----------------------------------------*/
section#slideshow {
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	width:860px;
	height:335px;
	white-space:nowrap;
	overflow:hidden;
}
section#slideshow     {font-size:0;}
section#slideshow > * {font-size:14px;}

div.slide-row {}

article.slide {
	position:relative;
	display:inline-block;
	width:860px;
	margin:0;
	padding:0;
}



/*----------------------------------------
	BANNERS HIGHLIGHT
----------------------------------------*/
section.highlights {
	position:relative;
	margin:0 0 10px 0;
	padding:0;
	width:860px;
	white-space:nowrap;
	vertical-align:top;
}
section.highlights     {font-size:0;}
section.highlights > * {font-size:14px;vertical-align:top;}
article.banner {
	position:relative;
	display:inline;
	display:inline-block;
	background-color:#244430;
	
	   -moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
		 -o-box-sizing:border-box;
			box-sizing:border-box;
	
	width:280px;
	height:200px;
	padding:10px;
	margin:0 10px 0 0;
}
article.banner:after {
	position:absolute;
	bottom:10px;
	right:-10px;
	content:url('../images/estrela-peq.png');
}
article.banner p {
	font-family:'Neon_regular',Calibri,Arial,Helvetica,sans-serif;
	font-size:16px;
	text-shadow:0 1px 5px rgba(0,0,0,0.25);
	margin:0;
	padding:0;
	color:#FFF;
}
article.banner a:link,
article.banner a:visited,
article.banner a:active {
	text-decoration:underline;
	color:#FFF;
}
article.banner a:hover {
	text-decoration:none;
	color:#8B1B1C;
}