@import url('../fonts/fonts.css');
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

html{min-width:960px;}

html *{	
	font-family: Arial, sans-serif;
	color:#999999;
	}


body {
	background:url(../images/body_bg.png) center top no-repeat #000;	
	min-width:960px;	
	}
	
html *{	
	font-family: Arial, sans-serif;
	color:#999999;
	}


body {
	background:url(../images/body_bg.png) center top no-repeat #000;	
	min-width:960px;	
}

header{
	height:304px;
	position:relative;
	}

header h1{
	position:absolute;
	top:22px;
	left:10px;
	height:199px;	
	color:#fff;
	}

header div#info_data{
	position:absolute;
	right:10px;
	top:181px;
	}
	
header div#info_local{
	position:absolute;
	right:10px;
	top:231px;
	}	

/* MENU */



header nav {
	position:absolute;
	left:10px;
	top:264px;
	}

nav ul{
	height:40px;	
	display:block;
	margin:0;
	

	}
	
nav ul li {
	float:left;
	display:inline-block;
	vertical-align:middle;
	margin:0;
	height:40px;
	color:#fff;
	}	


nav ul li a{
	display:block;
	padding:12px 17px 10px 7px;
	vertical-align:middle;
	color:#fff;
	background:url(../images/nav_separador.png) right center no-repeat transparent;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-family: 'bentonsansbold';
	}

nav ul li a:hover{
	text-decoration:underline;
	}

nav ul li.current_page_item a{
	text-decoration:underline;
	}
	
nav ul li:first-child a {	
	padding-left:0;
	}

nav ul li:last-child a {	
	padding-right:0;
	background-image:none;
	}



header select#cidades {
	position:absolute;
	top:275px;
	right:10px;
	width: 168px;
	}
	
header .select{
	position:absolute;
	top:275px;
	right:10px;
	  width: 148px;
	  height: 24px;
	  padding: 0 14px 0 8px;
	  color: #000;
	  font: 12px/21px arial,sans-serif;
	  background: url(select.png) no-repeat;
	  background:url(../images/select.png) right top no-repeat;
	  overflow: hidden;
}

header .select:hover{
	  /*background:url(../images/select.png) right bottom no-repeat;*/
}


/* CONTEUDO PRINCIPAL */
div#esquerda {
	position:relative;
	}

html body div#esquerda *{
	color:#fff;
	}
	
	
body.home div#content h2{
	height:50px;
	padding-top:15px;
	margin:0;
	color:#fff;
	font-size:22px;
	font-family:'bentonsansmedium';
	}



div#slideshow{
	height:auto;
	width:700px;
	margin-bottom:14px;
	clear:both;
	min-height:311px;
	overflow:hidden;
	}


body.home div#slideshow{
	min-height:347px;
	}

body.home div#slideshow a{
	text-decoration:none;
	}
	
body.home div#slideshow a.filme{
	height:174px;
	width:174px;
	display:block;	
	position:relative;
	float:left;
	margin:0 1px 1px 0;
	}

body.home div#slideshow a.filme>span{
	background:url(../images/bg_trans.png) right bottom no-repeat transparent;
	display:block;
	position:absolute;
	bottom:0;
	font-size:12.5px;
	text-align:center;
	color:#fff;
	line-height:1em;
	width:100%;
	height:38px;
	padding-top:10px;
	}


/*preload das imagens
body:after
{
content: url(../images/bg_trans_verde.png) url(../images/bg_trans_aconteceu.png) url(../images/bg_trans_adeus.png) url(../images/bg_trans_alem.png) url(../images/bg_trans_anos.png) url(../images/bg_trans_camille.png) url(../images/bg_trans_dama.png) url(../images/bg_trans_datilografa.png) url(../images/bg_trans_feito.png) url(../images/bg_trans_ferruagem.png) url(../images/bg_trans_homem.png) url(../images/bg_trans_menino.png) url(../images/bg_trans_pedalando.png) url(../images/bg_trans_prenda.png) url(../images/bg_trans_renoir.png) url(../images/bg_trans_sabores.png);
display: none;
}
*/


body.home div#slideshow a.filme>span.ativo{
	background:url(../images/bg_trans.png) left top no-repeat transparent;
	}
		
body.home div#slideshow a.aconteceu-em-saint-tropez>span.ativo{
	background-position: 0 0;
	}

body.home div#slideshow a.adeus-minha-rainha>span.ativo{
	background-position: -174px 0;
	}
	
body.home div#slideshow a.alem-do-arco-iris>span.ativo{
	background-position: -348px 0;
	}
	
body.home div#slideshow a.anos-incriveis>span.ativo{
	background-position: -522px 0;
	}	
	
body.home div#slideshow a.camille-claudel-1915>span.ativo{
	background-position: 0 -174px;
	}
	
body.home div#slideshow a.uma-dama-em-paris>span.ativo{
	background-position: -174px -174px;
	}
	
body.home div#slideshow a.a-datilografa>span.ativo{
	background-position: -348px -174px;
	}
	
body.home div#slideshow a.feito-gente-grande>span.ativo{
	background-position: -522px -174px;
	}
			
body.home div#slideshow a.ferrugem-e-osso>span.ativo{
	background-position: 0 -348px;
	}
	
body.home div#slideshow a.o-homem-que-ri>span.ativo{
	background-position: -174px -348px;
	}
		
body.home div#slideshow a.o-menino-da-floresta>span.ativo{
	background-position: -348px -348px;
	}
		
body.home div#slideshow a.pedalando-com-moliere>span.ativo{
	background-position: -522px -348px;
	}
		
body.home div#slideshow a.prenda-me>span.ativo{
	background-position: 0 -522px;
	}
		
body.home div#slideshow a.renoir>span.ativo{
	background-position: -174px -522px;
	}
		
body.home div#slideshow a.os-sabores-do-palacio>span.ativo{
	background-position: -348px -522px;
	}








body.home div#slideshow a.filme span em{	
	color:#fff;
	font-size:11px;
	font-style:italic;	
	}

body.home div#slideshow a.filme span.ativo em{	
	color:#fff;
	font-size:11px;
	font-style:italic;
	overflow:show;
	display:block;
	height:40px;
	background:url(../images/mais.png) center bottom no-repeat transparent;	
	}


#slideshowcontrol {
	width:700px;
	height:16px;
	float:left;
	position:relative;
	}

body.home #slideshowcontrol {	
	height:76px;
	}

#slideshownav a{
	display:block;
	float:left;
	width:13px;
	height:13px;
	margin-right:5px;
	background:url(../images/slideshownav.png) right top no-repeat transparent;
	overflow:hidden;
	text-indent:-9999px;
	}

#slideshownav a.activeSlide {
	background:url(../images/slideshownav.png) left top no-repeat transparent;
	}

a#slideshow-link {
	position:absolute;
	display:block;
	right:0;
	top:0;
	color:#fff;
	text-decoration:none;
	padding-left:20px;
	font-size:12px;
	background:url(../images/mais_p.png) left center no-repeat transparent;
	}
	
a#slideshow-link:hover {	
	text-decoration:underline;
	}

a.secao {
	background-color:#1e1e1e;
	width: 220px;
	height:185px;
	display: inline;
    float: left;    
    margin: 0 20px 26px 0;
    position:relative;
	}

a.secao.omega{	   
    margin-right: 0;
	}

a.secao span{	
	display:block;
	position:absolute;
	height:28px;
	padding-top:6px;
	bottom:0;
	color:#fff;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	background-color:#f47321;
	}


a#secao-festival{	
	background:url(../images/secao_o-festival.png) left top no-repeat #1e1e1e;
	}

a#secao-festival span{	
	background-color:#f47321;
	}
		
a#secao-oficina{	
	background:url(../images/secao_oficina.png) left top no-repeat #1e1e1e;
	}

a#secao-oficina span{	
	background-color:#fba919;
	}		

a#secao-programacao{	
	background:url(../images/secao_programacao.png) left top no-repeat #1e1e1e;
	}
	
a#secao-programacao span{	
	background-color:#549534;
	}		

a#secao-imprensa{	
	background:url(../images/secao_imprensa.png) left top no-repeat #1e1e1e;
	}

a#secao-imprensa span{	
	background-color:#c40452;
	}
	
a#secao-destaque{	
	background:url(../images/secao_destaque.png) left top no-repeat #1e1e1e;
	}

a#secao-destaque span{	
	background-color:#da516c;
	}

a#secao-parceiros{	
	background:url(../images/secao_parceiros.png) left top no-repeat #1e1e1e;
	}
	
a#secao-parceiros span{	
	background-color:#9bc336;
	}










div#direita {
	margin-left:27px;
	width:203px;
	}

div#direita div#social_top {
	height:50px;
	padding-top:15px;	
	text-align:right;
	}		

div#direita div#social_top a{
	margin-right:10px;
	}		
	
div#direita div.widget {
	width:168px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	background:url(../images/linha.png) left bottom repeat-x #000;
	}
	
div#direita div.widget:last-child {	
	background:none;
	}		
	
div#direita div.widget h3{
	line-height:1em;
	font-size:14px;
	font-family: 'bentonsans';
	color:#fff;
	margin:0;	
	}	

div#direita div.widget p{
	font-size:12px;
	line-height:1.5em;
	}

div#marcas div{
	height:100px;
	text-align:center	
	}	
	

div#direita div.widget#dirvideo {
	width:208px;
	padding-right:0;
	}



body.filmes div#esquerda *{
	color:#fff;
	}

body.filmes div#esquerda {
	padding-top:65px;
	}

body.filmes div#esquerda h2{
	margin:0;
	text-transform:uppercase;
	font-size:30px;
	line-height:1em;
	font-family:'bentonsansbold';
	}

body.filmes div#esquerda h3{
	margin:0;	
	font-size:14px;
	background:url(../images/linha.png) left top repeat-x #000;
	padding-top:20px;
	margin-top:30px;
	}



body.filmes div#esquerda *{
	color:#fff;
	}

body.filmes div#esquerda {
	padding-top:65px;
	}

body.aconteceu-em-saint-tropez div#esquerda h2,
body.aconteceu-em-saint-tropez div#esquerda h3 {
	color:#c45419;
	}

body.adeus-minha-rainha div#esquerda h2,
body.adeus-minha-rainha div#esquerda h3 {
	color:#f47421;
	}

body.alem-do-arco-iris div#esquerda h2,
body.alem-do-arco-iris div#esquerda h3 {
	color:#fbaa19;
	}

body.anos-incriveis div#esquerda h2,
body.anos-incriveis div#esquerda h3 {
	color:#be5377;
	}
	
	
div#esquerda nav {
	height:60px;
	}
	
div#esquerda h2 {
	height:50px;
	padding-top:15px;
	margin:0;
	color:#fff;
	font-size:11px;
	font-family:'bentonsansmedium';
	text-transform:uppercase;
	}


body.a-programacao div#esquerda{
	background:url(../images/varilux_mapa.gif) center bottom no-repeat #000;
	height:812px;
	}












/* FOOTER */

footer {
	display:block;
	height:293px;
	background:url(../images/footer_bg.png) center top no-repeat #000;
	margin-top:68px;
	position:relative;
	}

#footer_tag {
	position:absolute;
	display:block
	z-index:999;
	bottom:0;
	right:0;
	height:261px;
	width:97px;
	background:url(../images/Varilux_Site_rodape_direita.png) right top no-repeat red;
	}



/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and max-device-width: 959px) {
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-device-width: 768px) and (max-device-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-device-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-device-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */