/*

INDEX

0 - Reset
1 - Global Styles
2 - Shortcodes
3 - Header / Navigation
4 - Content
5 - Footer
6 - Media Queries

*/

/*=============================================================
===========================(0) RESET===========================
=============================================================*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{ margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; text-decoration: none; color: none; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block }body{ line-height: 1 }ol, ul{ list-style: none }blockquote, q{ quotes: none }blockquote:after, blockquote:before, q:after, q:before{ content: none }table{ border-collapse: collapse; border-spacing: 0 }img{ max-width: 100%; }a, a:visited{ color: #333; }

/**************DRUPAL STYLES RESET**************/
object {display:none;}
body.toolbar {
	padding-top: 0;
}
body.toolbar-drawer {
	padding-top: 0;
}



/*=============================================================
=======================(1) GLOBAL STYLES=======================
=============================================================*/
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* make transparent link selection, adjust last value opacity 0 to 1.0 */ }
html{font-size: 16px;}
body{
	-webkit-touch-callout: none; /* prevent callout to copy image when tap to hold */
	-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
	-webkit-user-select: text; /* prevent copy paste, to allow, change 'none' to 'text' */
	background-color: #f7f7f7;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	width: 1420px;
	position: relative;
}
input:focus, button:focus{
	outline: 0;}
html, body{
	min-height: 970px !important;
	height: auto;}
button{
	font-family: 'Roboto Condensed', sans-serif;
	cursor: pointer;
}

.clear{ display: block; width:100%; height:1px; float: none; clear: both;}
.inlineBlock{ display: inline-block;}
.floatLeft{ float: left;}
.floatRight{ float: right;}

/*=============================================================
====================(3) HEADER / NAVIGATION====================
=============================================================*/
#navMobile, #mainNav-mobile-overlay, #mobileSearch{
	display: none;
}

header#mainHeader{
	display: block;
	float: right;
	width: 1190px;
	height:123px;
	padding: 25px 30px 0 30px;
	background-color: #ececec;
	overflow: hidden;
}
	.bannerRegion{
		display: block;
		width: 728px;
		height: 90px;
		margin-left:40px; /*ALTERAR MEDIA QUERY*/
	}
	#btn_searchContainer{
		display: block;
		width: 101px;
		height: 0px;
		margin: 0 30px; /*ALTERAR MEDIA QUERY*/
		position: absolute;
		right:290px;
		z-index:3;
		overflow: hidden;
		cursor: pointer;
	}
		#btn_search{
			display: block;
			width: 60px;
			height: 60px;
			border:1px solid #dedede;
			-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
			background-color:#f9f9f9;
			background-image: url("../images/icon_search.png");
			background-position: center;
			background-repeat: no-repeat;
			margin:22px 50px 0 50px;
			cursor: pointer;
		}
		#btn_search:hover{
			cursor: pointer;
			background-color: #f9f9f9;
			border-color: #b8b8b8;
		}
		#btn_close{
			display: block;
			width: 101px;
			height: 120px;
			border:none;
			padding:0;
			background-image: url("../images/btn_close.png");
			background-position: top;
			background-repeat: no-repeat;
			background-color: transparent;
			position: absolute;
			top:6px;
			left:0;
		}
		#btn_subscribe, .btn_conheca {
			display: block;
			width: 214px;
			height: 60px;
			border:none;
			-webkit-border-radius:35px; -moz-border-radius:35px; border-radius:35px;
			background: #ea2b8d;
			font-size: 1.15rem;
			font-weight: 400;
			color: #fff;
			text-align: center;
			line-height: 60px;
			-webkit-transition: all 0.3s linear;
			-moz-transition: all 0.3s linear ;
			-ms-transition: all 0.3s linear;
			-o-transition: all 0.3s linear;
			transition: all 0.3s linear;
			margin:22px 0 42px 0;
		}
		#btn_subscribe:hover, .btn_conheca:hover {
			background-color: #c72b7b;
		}
	.block-custom-search-blocks{
		position: static;
	}
	form.search-form, .form-actions{ margin:0;}
	#mainSearch form.search-form input.custom-search-box{
		display: block;
		width: 1140px;
		height:110px;
		border: none;
		border-top: 1px solid #EFAECF;
		-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
		background-color: #f9f9f9;
		background-image: url("../images/icon_searchInput.png");
		background-repeat: no-repeat;
		background-position: left;
		font-family:'Roboto Condensed', sans-serif;
		font-size: 2rem;
		font-weight: 400;
		color: #2f2f2f;
		padding-left: 100px;
		position: relative;
		top: -1px;
		left: -20px;
		z-index: 2;
	}

/*FIXED LEFT NAVIGATION*/
aside#navWrapper{
	display: block;
	width: 178px;
	min-height:calc(100% - 60px);
	height:calc(100% - 60px);
	background-color: #fff;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	padding: 30px 0;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
}
	aside#navWrapper .fixed{
		position: fixed;
		width: 178px;
	}
	aside#navWrapper .fixed #logoMain{
		display: block;
		width:75px;
		height:150px;
		margin:0 auto 20px auto;
		text-align: center;
	}
	aside#navWrapper .fixed #logoMain img{
		width:100%;
		max-width:100%;
	}
	/*MAIN NAVIGATION*/
	aside#navWrapper #mainNav #navHeader{
		display: block;
		width:178px;
		list-style-type: none;
		margin-bottom:20px;
	}
		aside#navWrapper #mainNav #navHeader li, aside#navWrapper #mainNav #navHeader li a{
			display: block;
			width:178px;
			height:83px;
			text-align: center;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: .95rem;
			font-weight:700;
			color: #5c5c5c;
		}
		aside#navWrapper #mainNav #navHeader li a{
			border-top:1px solid #dedede;
			-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear ; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
		}
		aside#navWrapper #mainNav #navHeader li:last-child a{
			border-bottom:1px solid #dedede;
		}
		aside#navWrapper #mainNav #navHeader li a img.blankContainer{
			display: block;
			width: 25px;
			height:25px;
			margin:15px auto 5px auto;
			background-image: url("../images/icon_sprite.png");
			background-repeat: no-repeat;
		}
		aside#navWrapper #mainNav #navHeader li#aCoquetel a img.blankContainer{background-position: 0 0;}
		aside#navWrapper #mainNav #navHeader li#produtos a img.blankContainer{background-position: -25px 0;}
		aside#navWrapper #mainNav #navHeader li#jogos a img.blankContainer{background-position: -50px 0;}
		aside#navWrapper #mainNav #navHeader li#blog a img.blankContainer{background-position: -75px 0;}
		aside#navWrapper #mainNav #navHeader li#faleConosco a img.blankContainer{background-position: -100px 0;}
		aside#navWrapper #mainNav #navHeader li#assine a img.blankContainer{background-position: -125px 0;}
		/*HOVER*/
		aside#navWrapper #mainNav #navHeader li a:hover, aside#navWrapper #mainNav #navHeader li.active a{ background-color: #f8f8f8;}
		aside#navWrapper #mainNav #navHeader li#aCoquetel a:hover img.blankContainer,
		aside#navWrapper #mainNav #navHeader li#aCoquetel.active a img.blankContainer
		{background-position: 0 -26px;}
		aside#navWrapper #mainNav #navHeader li#produtos a:hover img.blankContainer,
		aside#navWrapper #mainNav #navHeader li#produtos.active a img.blankContainer
		{background-position: -25px -25px;}
		aside#navWrapper #mainNav #navHeader li#jogos a:hover img.blankContainer,
		aside#navWrapper #mainNav #navHeader li#jogos.active a img.blankContainer
		{background-position: -50px -25px;}
		aside#navWrapper #mainNav #navHeader li#blog a:hover img.blankContainer,
		aside#navWrapper #mainNav #navHeader li#blog.active a img.blankContainer
		{background-position: -75px -25px;}
		aside#navWrapper #mainNav #navHeader li#faleConosco a:hover img.blankContainer,
		aside#navWrapper #mainNav #navHeader li#faleConosco.active a img.blankContainer
		{background-position: -100px -25px;}
		aside#navWrapper #mainNav #navHeader li#assine a:hover img.blankContainer,
		aside#navWrapper #mainNav #navHeader li#assine.active a img.blankContainer
		{background-position: -125px -25px;}
	/*SOCIAL NETWORKS NAV*/
	aside#navWrapper #socialHeader{
		display: block;
		width:178px;
		list-style-type: none;
		margin:10px 0;
		padding:0 10px;
	}
		aside#navWrapper #socialHeader li, aside#navWrapper #socialHeader li a{
			display: inline-block;
			width:25px;
			height:25px;
		}
		aside#navWrapper #socialHeader li{ margin:10px 5px;}
		aside#navWrapper #socialHeader li a{
			background-image: url("../images/contact_sprite.png");
			background-repeat: no-repeat;
		}
		aside#navWrapper #socialHeader li#facebook a{background-position: 0 0;}
		aside#navWrapper #socialHeader li#instagram a{background-position: -125px 0;}
		aside#navWrapper #socialHeader li#twitter a{background-position: -25px 0;}
		aside#navWrapper #socialHeader li#youTube a{background-position: -100px 0;}
		/*HOVER*/
		aside#navWrapper #socialHeader li#facebook a:hover{background-position: 0 -25px;}
		aside#navWrapper #socialHeader li#instagram a:hover{background-position: -125px -25px;}
		aside#navWrapper #socialHeader li#twitter a:hover{background-position: -25px -25px;}
		aside#navWrapper #socialHeader li#youTube a:hover{background-position: -100px -25px;}
	/*COPYRIGHT*/
	aside#navWrapper #mainNav #navCopy{
		display: block;
		width:178px;
		height:auto;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: .83rem;
		font-weight: 400;
		color: #808080;
		text-align: center;
		line-height:1.2rem;
	}
	aside#navWrapper #mainNav #navCopy span{font-size: .73rem;}


/*=============================================================
==========================(4) CONTENT==========================
=============================================================*/
div#contentWrapper{
	display: block;
	float: right;
	width: 1240px;
	height: auto;
	min-height:570px;
}
p.publicidade-title{
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: .7rem;
	color: #aaaaaa;
	line-height: 1.2rem;
	text-transform: uppercase;
}
/*=============================================================
===========================(5) FOOTER==========================
=============================================================*/
/*BLOCK EDITING*/
#block-block-10{
	display: block;
	float: right;
	width:1240px;
	height:260px;
	overflow: hidden;
}
/*BLOCK EDITING*/

footer#mainFooter{
	display: block;
	float: right;
	width: 1200px;
	height:180px;
	padding: 40px 20px;
	background-image: url("../images/bg_footer.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
	text-align: center;
}
	footer#mainFooter h2{
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 2.4rem;
		font-weight: 700;
		color: #fff;
		line-height:3rem;
	}
    footer#mainFooter p{
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 1.25rem;
	    font-weight:400;
	    color: #fff;
	    line-height:2rem;
    }
    footer#mainFooter form{
	    display: block;
	    height:50px;
	    margin:20px 0;
    }
    
     footer#mainFooter form{
	    display: block;
	    height:50px;
	    margin:20px 0;
    }
    
    #FormNewsLetter .error{
        padding: 5px;
        background: none;
        color: #d2277f;
        font-size: 14px;
        font-weight: bold;
    }
    #FormNewsLetter .success{
        padding: 5px;
        background: none;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
    }
    
    
	    footer#mainFooter form input[type="text"],
	    footer#mainFooter form input[type="email"]{
		    width:216px;
		    height:12px;
		    padding:20px 30px;
		    margin:0 20px;
		    -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px;
		    font-family: 'Roboto Condensed', sans-serif;
		    font-weight: 400;
	    }
		footer#mainFooter form input[type="submit"]{
			width:196px;
			height:48px;
			-webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: 1.125rem;
			font-weight: 400;
			color: #2d2d2d;
			background-color: #ffe308;
			-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear ; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
		}
		footer#mainFooter form input[type="submit"]:hover{
			cursor: pointer;
			background-color: #ceb80f;
		}
    footer#mainFooter #footerNav{
	    display: block;
	    width:1200px;
	    padding:20px;
	    border-top: 1px solid #33a8db;
	    position: relative;
	    left:-20px;
	    z-index: 1;
    }
		footer#mainFooter #footerNav a{
			font-family: 'Roboto Condensed', sans-serif;
			font-size: .8rem;
			font-weight: 400;
			color: #fff;
		}
		footer#mainFooter #footerNav a.floatRight{
			margin-left: 20px;
		}
		footer#mainFooter #footerNav a:hover{
			text-decoration: underline;
		}

/*=============================================================
=======================(6) MEDIA QUERIES=======================
=============================================================*/
@media only screen and (max-width: 1366px) {
	body{width:1260px}
	header#mainHeader{
		width:1040px;
		padding:25px 10px 0 30px;
	}
	div#contentWrapper{
		width: 1080px;
	}
	.bannerRegion{
		margin-left:0;
	}
	#btn_searchContainer{
		margin:0;
		right:225px;
	}
	#btn_search{
		margin:22px 15px 0 15px;
	}
	#mainSearch{
		width:1040px;
	}
	#mainSearch form.search-form input.custom-search-box{
		width: 980px;
		left: -30px;
	}
	aside#navWrapper .fixed #logoMain{
		width:60px;
		height:120px;
	}
	aside#navWrapper #mainNav #navHeader li, aside#navWrapper #mainNav #navHeader li a {height: 73px;}
	aside#navWrapper #mainNav #navHeader li a img.blankContainer {margin: 10px auto 5px auto;}
	footer#mainFooter{
		width:1040px;
	}

	/*BLOCK EDITING*/
	#block-block-10{
		width:1080px;
	}
	/*BLOCK EDITING*/

	footer#mainFooter #footerNav{
		width:1040px;
	}

}

@media only screen and (max-width: 1024px) {
	body{width:1009px}
	header#mainHeader, div#contentWrapper, footer#mainFooter{
		width:1009px;
	}
	header#mainHeader{
		text-align: right;
		height:90px;
		padding: 0;
		position: fixed;
		top:0;
		z-index:50;
	}
	header#mainHeader #btn_search{
		display: inline-block;
		float: left;
		margin:0;
		width:90px;
		height:90px;
		-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
		border:none;
		border-bottom:3px solid #e5e5e5;
		border-left:1px solid #e8e8e8;
		border-right:1px solid #e8e8e8;
		padding:0;
	}
	header#mainHeader #btn_subscribe{
		display: inline-block;
		float: right;
		-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
		margin:0;
		height:90px;
		border-bottom:3px solid #d2277f;
		padding:0;
	}
	header#mainHeader #navMobile{
		display: block;
		float: left;
		width:180px;
		height: 87px;
		border-bottom: 3px solid #e5e5e5;
		/*border-right: 1px solid #e8e8e8;*/
		background-color: #fff;
	}
		header#mainHeader #navMobile #btn_mobileNav{
			border:none;
			display: block;
			float: left;
			height:90px;
			width:90px;
			padding:0;
			background-color: transparent;
		}
		header#mainHeader #navMobile a#logoMobile{
			display: block;
			float: left;
		}
		header#mainHeader #navMobile a#logoMobile img{
			width:35px;
			margin:10px 20px;
		}
	header#mainHeader #mainSearch{
		width:0;
		height:90px;
		float: left;
		padding-left:0;
		left:0;
		overflow: hidden;
	}
	.form-item{ margin:0;}
	#mainSearch form.search-form input.custom-search-box {
		width: 100%;
		height:87px;
		padding-left: 20px;
		top:0;
		left: -20px;
		background-image: none;
		background-color: #fff;
		border:none;
		border-bottom:3px solid #e8e8e8;
	}
	#mainNav-mobile-overlay{
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 90px;
		left: 0;
		z-index: 4;
		background-color: rgba(0, 0, 0, .7);
	}
		#mainNav-mobile-overlay #mainNav-mobile{
			display: block;
			width:180px;
			height:100%;
			background-color: #fff;
			border-right:1px solid #e8e8e8;
			position: absolute;
			left:-200px;
		}
		#mainNav-mobile-overlay #mainNav-mobile nav{
			display: block;
			width:180px;
		}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li a{
			display: block;
			width:180px;
			height:70px;
			text-align: center;
			font-family: 'Roboto Condensed', sans-serif;
			font-size: .95rem;
			font-weight:700;
			color: #5c5c5c;
		}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li a{
			border-top:1px solid #dedede;
			-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear ; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
		}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li:last-child a{
			border-bottom:1px solid #dedede;
		}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li a img.blankContainer{
			display: block;
			width: 25px;
			height:25px;
			margin:15px auto 5px auto;
			background-image: url("../images/icon_sprite.png");
			background-repeat: no-repeat;
		}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#aCoquetel-mobile a img.blankContainer{background-position: 0 0;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#produtos-mobile a img.blankContainer{background-position: -25px 0;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#jogos-mobile a img.blankContainer{background-position: -50px 0;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#blog-mobile a img.blankContainer{background-position: -75px 0;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#faleConosco-mobile a img.blankContainer{background-position: -100px 0;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#assine-mobile a img.blankContainer{background-position: -125px 0;}

		/*HOVER*/
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li a:hover,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li.active a{ background-color: #f8f8f8;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#aCoquetel-mobile a:hover img.blankContainer,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#aCoquetel-mobile.active a img.blankContainer
		{background-position: 0 -26px;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#produtos-mobile a:hover img.blankContainer,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#produtos-mobile.active a img.blankContainer
		{background-position: -25px -25px;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#jogos-mobile a:hover img.blankContainer,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#jogos-mobile.active a img.blankContainer
		{background-position: -50px -25px;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#blog-mobile a:hover img.blankContainer,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#blog-mobile.active a img.blankContainer
		{background-position: -75px -25px;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#faleConosco-mobile a:hover img.blankContainer,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#faleConosco-mobile.active a img.blankContainer
		{background-position: -100px -25px;}
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#assine-mobile a:hover img.blankContainer,
		#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#assine-mobile.active a img.blankContainer
		{background-position: -125px -25px;}
		/*SOCIAL NETWORKS NAV*/
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile{
			display: block;
			width:160px;
			list-style-type: none;
			margin:10px 0;
			padding:0 10px;
		}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li, #mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li a{
			display: inline-block;
			width:25px;
			height:25px;
		}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li{ margin:10px 5px;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li a{
			background-image: url("../images/contact_sprite.png");
			background-repeat: no-repeat;
		}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#facebook-mobile a{background-position: 0 0;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#instagram-mobile a{background-position: -125px 0;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#twitter-mobile a{background-position: -25px 0;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#youTube-mobile a{background-position: -100px 0;}
		/*HOVER*/
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#facebook-mobile a:hover{background-position: 0 -25px;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#instagram-mobile a:hover{background-position: -125px -25px;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#twitter-mobile a:hover{background-position: -25px -25px;}
		#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li#youTube-mobile a:hover{background-position: -100px -25px;}

	#navCopy, .bannerRegion, aside#navWrapper, #btn_searchContainer{
		display: none;
	}

	div#contentWrapper{
		margin-top: 74px;
	}

	/*BLOCK EDITING*/
	#block-block-10{
		width:100%;
	}
	/*BLOCK EDITING*/

	footer#mainFooter{
		height:180px;
		background-size: initial;
		padding:40px 0;
	}
	footer#mainFooter #footerNav{
		width:969px;
		left:0;
	}
}

@media only screen and (max-width: 800px) {
	body, header#mainHeader, div#contentWrapper, footer#mainFooter{width:100%;}
	body{overflow-x:hidden;}
	/* barra uol */
	.barrauol-bg{
		display: none;
	}

	header#mainHeader{
		height:70px;
		background: #fff;
	}
	header#mainHeader:after{
		display: block;
		content: '';
		height:3px;
		background-color: #e8e8e8;
		position: absolute;
		bottom:0;
		left:0;
		right:0;
		z-index:-1;
	}

	header#mainHeader #btn_search{
		display: inline-block;
		float: none;
		margin:0;
		width:70px;
		height:70px;
		-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
		border:none;
		border-bottom:3px solid #e5e5e5;
		border-left:1px solid #e8e8e8;
		border-right:1px solid #e8e8e8;
		padding:0;
	}
	header#mainHeader #btn_subscribe{
		display: inline-block;
		float: right;
		-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
		margin:0;
		width:110px;
		height:70px;
		border-bottom:3px solid #d2277f;
		padding:0;
	}
	header#mainHeader #navMobile{
		display: block;
		float: left;
		width:140px;
		height: 67px;
		border-bottom: 3px solid #e5e5e5;
		/*border-right: 1px solid #e8e8e8;*/
		background-color: #fff;
	}
	header#mainHeader #navMobile #btn_mobileNav{
		border:none;
		display: block;
		float: left;
		height:70px;
		width:70px;
		padding:0;
		background-color: transparent;
	}
	header#mainHeader #navMobile a#logoMobile{
		display: block;
		float: left;
	}
	header#mainHeader #navMobile a#logoMobile img{
		width:25px;
		margin:10px 20px;
	}

	#mainNav-mobile-overlay{
		display: none;
		top:70px;
	}
		#mainNav-mobile-overlay #mainNav-mobile{
			width:100%;
			height:370px;
			left:0;
		}
			#mainNav-mobile-overlay #mainNav-mobile nav{
				display: block;
				width:100%;
				height:240px;
				margin-top: 70px;
			}
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile{
				height:242px;
			}
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li,
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li a{
				display: block;
				float: left;
				height:80px;
				text-align: center;
				font-family: 'Roboto Condensed', sans-serif;
				font-size: .95rem;
				font-weight:700;
				color: #5c5c5c;
			}
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li{width:calc(50% - 2px);}
			/* #mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li:last-child, */
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li a{width:100%;}
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li:last-child a{border-left: 1px solid #dedede;}
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#aCoquetel-mobile a,
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#jogos-mobile a{border-right:1px solid #dedede;}
			#mainNav-mobile-overlay #mainNav-mobile nav #navHeader-mobile li#faleConosco-mobile a{border-bottom:1px solid #dedede;}
			#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile{
				width:100%;
				height:60px;
				text-align: center;
				margin:0;
				padding:0;
			}
			#mainNav-mobile-overlay #mainNav-mobile #socialHeader-mobile li {
				margin: 20px 15px;
			}

			#mobileSearch{ display: block;}

			#mobileSearch form.search-form input.custom-search-box {
				display: block;
				width: calc(100% - 20px);
				height: 70px;
				float: left;
				padding-left: 20px;
				background-image: none;
				background-color: #fff;
				border: none;
				font-size: 2rem;
				position: relative;
				top:0;
			}

	div#contentWrapper{
		margin-top: 54px;
	}
	/*BLOCK EDITING*/
	#block-block-10{
		height:410px;
	}
	/*BLOCK EDITING*/

	footer#mainFooter{
		height:370px;
		background-image: url("../images/bg_footer_mobile.jpg");
		background-size: cover;
		background-position: right;
		padding:20px 0;
	}
	footer#mainFooter p{
		font-size: 1.1rem;
		line-height:1.5rem;
	}
	footer#mainFooter form{ height:180px;}
	footer#mainFooter form input[type="text"],
	footer#mainFooter form input[type="email"]{
		width:300px;
		margin:5px 60px;
	}

	footer#mainFooter form input[type="submit"]{ width:256px; margin:5px 60px 0 60px;}
	footer#mainFooter div#footerNav{width:calc(100% - 40px);}
	footer#mainFooter div#footerNav a{font-size: .6rem}
	footer#mainFooter div#footerNav a.floatRight{margin-left: 14px;}
}

@media only screen and (max-width: 640px){


	footer#mainFooter{
		height:370px;
		background-image: url("../images/bg_footer_mobile.jpg");
		background-size: cover;
		background-position: left;
		padding:20px 0;
	}
	footer#mainFooter p{
		font-size: 1.1rem;
		line-height:1.5rem;
	}
	footer#mainFooter form{ height:180px;}
	footer#mainFooter form input[type="text"],
	footer#mainFooter form input[type="email"]{
		width:216px;
		margin:5px 20px;
	}

	footer#mainFooter form input[type="submit"]{ width:256px; margin:5px 20px 0 20px;}
	footer#mainFooter div#footerNav{width:calc(100% - 40px);}
	footer#mainFooter div#footerNav a{font-size: .6rem}
	footer#mainFooter div#footerNav a.floatRight{margin-left: 14px;}
}

.image_overlay{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .85);
	z-index: 999;
}

.overlay_container{
	display: block;
	width: auto;
	max-width: 936px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center; 
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.close_promocao{
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	font-family: monospace;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: -30px;
	right: -30px;
}
/* Fix for screens with small height. Added by Albinovich on 01/09/2017 */

@media only screen and (min-height: 599px) and (max-height: 750px){

	aside#navWrapper{
		padding: 10px 0 30px
	}

	aside#navWrapper .fixed #logoMain{
		width: 40px;
		height: 80px;
		margin: 0 auto 10px auto;
	}

	aside#navWrapper .fixed #mainNav nav #navHeader li{
		height: 65px;
	}

	#navWrapper .fixed #mainNav #socialHeader{
		margin: 0;
	}
}