/*
Theme Name: MOPA
Version: 1.0
Author: Aioria Software House
Author URI: http://aioria.com.br
*/

/* * G E N E R A L * */

body, html, div, span, h1, h2, h3, h4, p, a, ul, li, strong, img, form, input, span {
    background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; top: 0; vertical-align: baseline; }
html, body, .full-width { display: block; min-width: 1024px; position: relative; width: 100%; }	

body { background: none no-repeat scroll center 0 transparent; color: #2B2D32; font-family: "Ubuntu",sans-serif; font-size: 15px; line-height: 26px; }
	.clearfix:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; }
	.container { height: 100%; margin: 0 auto; position: relative; width: 1024px; }
	.nav li { float: left; list-style: none outside none; }
	
	.sprite { background-attachment: scroll; background-color: transparent; background-image: url('images/site_mopa_sprite.png'); background-repeat: no-repeat; }


/* * H E A D E R * */

#header { height: 250px; }
	#top-header { background: url("images/site_mopa_header.jpg") repeat-x scroll center bottom transparent; height: 194px; }
		#left-header { display: block; float: left; height: 194px; margin-left: 20px; position: relative; width: 290px; }
			.presents { display: block; font-size: 14px; font-weight: 300; height: 26px; line-height: 26px; padding-bottom: 30px; position: absolute; width: 400px; }
			#logo { display: block; height: 106px; margin-top: 56px; position: relative; width: 266px; }
				#site-logo { display: block; height: 106px; position: relative; width: 266px; }
		#right-header { display: block; float: right; height: 194px; margin-right: 20px; position: relative; width: 680px; }
			.top-header-bar { display: block; height: 100px; position: relative; width: 680px; }
				#social-menu { float: right; margin-top: 50px; }
					.social-menu-item { display: block; height: 46px; margin-left: 3px; position: relative; width: 46px; }
						.social-menu-link { display: block; height: 46px; position: relative; width: 46px; }
						#twitter, #contact-twitter { background-position: -124px -8px; }
						#facebook, #contact-facebook { background-position: -174px -8px; }
						#youtube, #contact-youtube { background-position: -224px -8px; }
						#instagram, #contact-instagram { background-position: -274px -8px; }
			.bottom-header-bar { height: 60px; margin-top: 20px; width: 680px; }
				.infos { float: right; }
					.header-info { float: left; font-size: 18px; line-height: 30px; }
						.header-info div { font-weight: 300; text-align: right; }
							.header-info b { font-weight: 600; }
					.separator { float: left; font-size: 20px; font-weight: 300; line-height: 30px; margin: 0 10px; }
	#bottom-header { background-color: #000000; height: 55px; }
		#menu { display: block; height: 55px; position: relative; }
			.menu-item { border-right: 1px solid #3B3B3B; height: 25px; margin-top: 15px; text-align: center; width: 169px; }
				.menu-link { color: #FFFFFF; display: block; font-size: 15px; font-variant: small-caps; font-weight: 300; height: 35px; line-height: 25px; position: relative; text-decoration: none; }
				.this-page .menu-link, .menu-link:hover { border-bottom: 5px solid #FFFFFF; font-weight: 400; }
				.submenu { background-color: #000000; display: none; position: absolute; top: 45px; width: 168px; z-index: 1000; }
					.sub-menu-item { display: block; height: 25px; margin: 15px 0; position: relative; width: 170px; }
						.sub-menu-item .menu-link:hover { border-bottom: none; font-weight: 500; }
				
				
/* * F O O T E R * */

#footer { border-top: 2px solid #E8E8E8; height: 185px; }
	#info { display: block; float: left; height: 185px; margin-left: 20px; position: relative; width: 870px; }
		.info-box { float: left; padding-top: 20px; }
		#info-box-1 { margin-right: 50px; width: 180px; }
			.info-title { border-bottom: 1px solid #C7C7C7; color: #939598; display: block; font-size: 14px; font-variant: small-caps; font-weight: 400; height: 20px; line-height: 20px;
    			margin-bottom: 10px; position: relative; width: 100%; }
    #copyrights { display: block; float: right; height: 32px; margin-top: 130px; position: relative; width: 106px; }		
    	#aioria { background: url("images/assinatura_aioria.png") no-repeat scroll -9px -7px transparent; display: block; height: 32px; position: relative; width: 106px; }
    		
				
/* * H O M E * */

#featured { height: 502px; }
	#controllers { display: block; height: 50px; position: absolute; top: 228px; width: 693px; }
		.controller { background-color: #FFFFFF; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; display: block; height: 40px; padding: 5px; position: relative;
    		width: 40px; z-index: 100; }
		#left-controller { background-position: 4px -6px; float: left; left: -5px; position: relative; }
		#right-controller { background-position: -27px -6px; float: right; right: -5px; }
	.banner { display: block; height: 425px; left: 17px; opacity: 0; position: absolute; top: 44px; width: 990px; z-index: 90; }
		.banner-thumb { border: 1px solid #D0D0D0; display: block; float: left; height: 400px; margin-top: 5px; padding: 3px; position: relative; width: 650px; }
		.banner-info { color: #58595B; display: block; float: right; position: relative; width: 300px; }
			.banner-header { display: block; height: 44px; margin-bottom: 18px; position: relative; }
				.banner-logo { background-position: -328px -8px; display: block; float: left; height: 44px; position: relative; width: 44px; z-index: 20; }
				.banner-type { background-color: #939598; color: #FFFFFF; display: block; font-size: 16px; font-weight: 300; height: 22px; line-height: 22px; margin-left: 22px; padding-left: 27px;
    				position: relative; text-transform: uppercase; top: 11px; z-index: 10; }
    		.banner-title { font-size: 26px; line-height: 32px; margin-bottom: 10px; }
    			.banner-title > h4 { font-weight: 300; }
    		.banner-synopsis { font-size: 15px; font-weight: 300; }
    		.banner-place { margin-top: 15px; }
				.banner-row { background-color: #939598; color: #FFFFFF; font-size: 18px; font-weight: 300; height: 26px; line-height: 26px; margin-bottom: 5px; padding: 0 10px; text-align: center;
    				text-transform: uppercase; width: 280px; }
#highlights { background-color: #F2F2F2; height: 464px; }
	#home-trailers { display: block; float: left; margin-left: 20px; padding-top: 38px; position: relative; width: 670px; }
		#trailers-invite { color: #939598; display: block; font-size: 30px; font-weight: 300; height: 54px; line-height: 54px; position: relative; width: 670px; }
			#trailers-invite span, .trailer-play { display: block; float: left; height: 54px; margin-right: 25px; position: relative; width: 54px; }
			#trailers-invite span { background-position: -383px -8px; }
		#trailers-list { display: block; margin-top: 48px; position: relative; }
			.trailer-item { color: #58595B; display: block; margin-right: 12px; position: relative; width: 210px; }
				.movie-thumb { background-color: #000000; display: block; height: 132px; position: relative; width: 210px; }
					.trailer-play { background-position: -417px -68px; left: 78px; position: absolute; top: 39px; }
				.movie-title { height: auto; min-height: 46px; }
					.movie-title > h3 { font-size: 18px; font-weight: 300; line-height: 46px; }
				.movie-excerpt { font-size: 12px; font-weight: 400; line-height: 20px; }
		#social-feed { display: block; float: right; padding-top: 44px; position: relative; width: 260px; }
			.feed-box { color: #58595B; display: block; font-size: 12px; height: 185px; line-height: 20px; margin-bottom: 20px; position: relative; width: 260px; }
				.social-feed-icon { display: block; float: left; height: 44px; position: absolute; width: 44px; z-index: 90; }
				#facebook-feed .social-feed-icon { background-position: -307px -75px; }
				#twitter-feed .social-feed-icon { background-position: -360px -76px; }
				.social-feed-title-bar { color: #FFFFFF; display: block; height: 26px; margin-left: 14px; padding-left: 40px; position: absolute; top: 9px; width: 206px; z-index: 50; }
				#facebook-feed .social-feed-title-bar { background-color: #2C5B95; }
				#twitter-feed .social-feed-title-bar { background-color: #48C7F4; }
					.social-feed-title-bar > h3 { font-size: 18px; font-weight: 300; line-height: 26px; }
				.feed-content { display: block; height: 141px; overflow: hidden; position: relative; top: 44px; }
					.feed-entry { color: #58595B; display: block; font-weight: 300; height: 60px; overflow: hidden; padding: 5px 0; position: relative; text-decoration: none; }
					.feed-separator { display: block; height: 1px; position: relative; width: 260px; }
					#facebook-feed .feed-separator { background-color: #A7B6C7; }
					#twitter-feed .feed-separator { background-color: #97E7D7; }
					

/* * P A G E S * */

.page-title { color: #58595B; min-height: 56px; padding: 36px 20px; }
	h2.main-title { display: block; float: left; font-size: 23px; font-weight: 300; line-height: 56px; position: relative; text-transform: uppercase; }
	.title-separator { background-color: #939598; display: block; float: left; font-size: 0; height: 56px; line-height: 0; margin: 0 25px; position: relative; text-transform: uppercase; width: 2px; }
	h3.sub-title { color: #939598; display: block; font-size: 30px; font-weight: 300; line-height: 62px; position: relative; }
	.list-title { padding-bottom: 20px; }

#entry { min-height: 300px; padding: 0 20px; }	
	.filter { display: block; height: 42px; padding-bottom: 42px; position: relative; width: 100%; }
		.filter-item { border: 1px solid #58595B; color: #58595B; display: block; float: left; font-size: 26px; font-weight: 300; height: 40px; line-height: 40px; margin-right: 5px; padding: 0 20px;
			position: relative; text-decoration: none; }
    	.filter-item:hover, .selected { background-color: #58595B; color: #FFFFFF; }	
    .apoiadores { padding-bottom: 60px; }
    	.nome-apoiador { border-bottom: 1px solid #C3C3C3; color: #939598; display: block; font-size: 16px; height: 26px; line-height: 26px; margin-bottom: 16px; position: relative; 
    		text-transform: uppercase; width: 100%; }
 		   	.nome-apoiador > h4 { font-weight: 300; }
 	   	.apoiador { display: block; float: left; font-size: 0; height: 180px; line-height: 0; margin: 0 10px 10px 0; position: relative; text-transform: uppercase; width: 260px; }
    
 
/* * S C H E D U L E * */

.schedule-header { display: block; height: 30px; padding-bottom: 16px; position: relative; width: 100%; }
	.schedule-date, .event-schedule { color: #58595B; display: block; float: right; font-size: 14px; font-weight: 300; height: 30px; position: relative; width: 270px; }
		.day-column { display: block; float: left; margin-right: 3px; position: relative; text-align: center; width: 62px; }
		.time-column { display: block; float: left; margin-right: 3px; position: relative; text-align: center; width: 112px; }
		.place-column { display: block; float: left; position: relative; text-align: center; width: 80px; }
		
.event { padding-bottom: 30px; }
	.event-content { display: block; float: left; position: relative; width: 660px; }
		.event-title { border-bottom: 1px solid #939598; display: block; font-size: 14px; line-height: 30px; margin-bottom: 10px; min-height: 30px; position: relative; width: 100%; }
    		.event-title a { color: #58595B; text-decoration: none;  }
				.event-title h4 { float: left; font-weight: 300; }
				.event-title a:hover h4 { color: #070707; }
				.event-title span { color: #939598; float: left; font-size: 16px; font-style: italic; line-height: 34px; margin-left: 15px; }
			.registration a { display: block; float: left; position: relative; width: 550px; }
			a.button { background-color: #58595B; color: #FFFFFF; font-size: 18px; font-weight: 300; height: 26px; line-height: 24px; text-align: center; width: 100px; }
		.event-synopsis { color: #58595B; font-size: 13px; font-weight: 300; line-height: 22px; }
			.event-synopsis div { float: left; margin-right: 5px; }
			.event-synopsis a { color: #58595B; font-weight: 500; }
	.event-day { background-color: #EDEDED; }
	.event-time { background-color: #D7D7D7; }
	.event-place { background-color: #C1C1C1; }
	
					
/* * C O N T A C T * */
			
#contact-entry { min-height: 300px; }	
	.left-contact { float: left; margin-right: 18px; width: 330px; }
	.right-contact { display: block; float: left; position: relative; width: 450px; }
		.contact-item, .contact-social-item { color: #939598; display: block; font-size: 22px; font-weight: 300; height: 46px; line-height: 42px; min-width: 214px; padding-bottom: 16px;
			position: relative; }
			.contact-social-link { color: #939598; text-decoration: none; }
				.contact-icon { display: block; float: left; height: 46px; margin-right: 6px; position: relative; width: 46px; }
				#phone { background-position: -193px -75px; }
				#mail { background-position: -248px -75px; }
				
				
/* * S I N G L E * */

#single h2.main-title { text-transform: none; }
.back-link { background-position: -16px -71px; display: block; float: left; height: 46px; margin-left: 20px; margin-top: 5px; position: relative; width: 46px; }

.movie-schedule { color: #58595B; font-size: 18px; font-weight: 300; }

.movie { margin-top: 20px; }
	.left-synopsis { display: block; float: left; position: relative; width: 210px; }
		.left-synopsis .movie-thumb { margin-top: 8px; }
	.right-synopsis { color: #58595B; display: block; float: right; font-size: 13px; font-weight: 300; margin-bottom: 50px; position: relative; width: 750px; }
        .right-synopsis img { max-width: 750px; }
        .right-synopsis a { display: block; margin-top: 10px; position: relative; text-decoration: none; }
	.full-synopsis { float: left; width: 980px; }
        .full-synopsis img { max-width: 980px; }
        .trailer { padding-top: 30px; }
	
	
/* * F E E D * */

.feed { display: block; margin-bottom: 50px; position: relative; }
	.feed-header { padding-bottom: 10px; }
		.feed-icon { display: block; float: left; height: 52px; margin-right: 16px; position: relative; width: 52px; }
		#facebook-feed-box .feed-icon { background-position: -72px -72px; }
		#twitter-feed-box .feed-icon { background-position: -130px -72px; }
		.feed-site { height: 52px; line-height: 52px; }
			.feed-site h3 { font-size: 30px; font-weight: 300; }
	.social-feed-content { display: block; height: 232px; margin-bottom: 10px; overflow: hidden; position: relative; }
		.social-feed-stripe { margin-left: 68px; }
			.social-feed-entry { color: #58595B; display: block; font-size: 20px; font-weight: 300; height: 60px; line-height: 30px; margin: 10px 0; overflow: hidden; position: relative;
				text-decoration: none; width: 570px; }
    		.social-feed-separator { background-color: #939598; display: block; height: 1px; position: relative; width: 700px; }
    			.feed-link { margin-left: 68px; }
    				.social-feed-link { color: #58595B; font-size: 18px; height: 24px; line-height: 24px; text-decoration: none; }
    				.social-feed-link:hover { text-decoration: underline; }

				
/* * O T H E R S * */

.blank { font-size: 0; line-height: 0; text-transform: uppercase; }
.clear { clear: both; }
.hidden, .unshown { display: none; }
.featured { opacity: 1; z-index: 100; }