/*
Theme Name: DOCLISBOA
Theme URL: http://www.arquivo237.com
Description: Site do Arquivo 237
Author: Sara Orsi
Author URL: http://www.saraorsi.com
Version: 1.0
*/

*{
	margin:0;
	padding:0;
	list-style: none;
	border:0;
	outline: 0;
}

object, embed { 
  outline: 0;
}

input::-moz-focus-inner { 
  border: 0; 
}

body{
	background-image: url('1.png');
	font-family:'Lato', sans-serif;

}

h1{	
	text-align: left;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: .05em;
	font-family:'Lato', sans-serif;	
	margin-bottom: 10px;
	margin-top: 30px;	
}

h2{	
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	font-family:'Lato', sans-serif;	
	margin-bottom: 10px;	
}

h3{	
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	font-family:'Lato', sans-serif;	
	margin-top: 30px;
	margin-bottom: 10px;
}

a{
	text-decoration: none;
	color:#000;

}

a:hover{
	text-decoration: none;
	color:#F00;

}

p a{
	color:#000;
}

p a:hover{
	text-decoration: none;
	color:#F00;
}


.container{
	position: relative;
	width: 870px; 
	margin: 0 auto; 
	padding: 0;
	background-color: rgb(255, 255, 255);
	padding-left: 45px;
	padding-right: 45px;



}

.content {
	position: relative;
	top:65px;
	max-width: 870px;
	min-height:800px;
	padding-bottom:65px;

	

}


/********************************** MANSORY ***********************************/
.masonry {
	position: relative;
	top:65px;
	max-width: 870px;
	min-height:800px;
  
}

.masonry .titulo {
	width: 100%;
	font-size: .95em;
	font-weight: 600;
	letter-spacing: .04em;
}


.masonry .item {
	width: 270px;
 	float: left;
 	margin-bottom: -10px;
 	height:auto;

}


/***************** HEADER *****************/

.menu{
	font-size: 16px;
	letter-spacing: .05em;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
}

.menu a:hover{
 	color:#F00;
}

.idioma{
	font-size: 16px;
	letter-spacing: .03em;
	font-weight: 700;
	font-family: 'Roboto Condensed', sans-serif;
	color:#F00;
}


/* MENU */
.top-menu{
	position: fixed;
	top:0px;
	width: 870px;
	height: 40px;
	border-bottom:2px solid #000;
	z-index: 80;
	background-color: rgb(255, 255, 255);
	line-height: 40px;



}

.top-menu .festivais{
	float: left;
	text-align: left;
}

.top-menu .social{
	float: right;
	margin-top: 5px;
	margin-right: 25px;

}

.top-menu .idioma{
	float: right;
	text-align: right;

}

/* BANNER */


.banner{
	position: relative;
	top:42px;
	width: 870px;
	height: 210px;
	border-bottom:2px solid #000;


}

.banner img{
	width: 100%;
	height: 100%;
}

/* BOTTOM MENU */

.bottom-menu{
	position: relative;
	top:44px;
	width: 870px;
	height: 40px;
	border-bottom:2px solid #000;
	background-color: rgb(255, 255, 255);
	z-index: 80;

}



.bottom-menu .menu-left{
	float: left;
}

.bottom-menu .menu-right{
	float: right;
	text-align: right;



}

.search{
	border: 2px solid #000;
	width: 200px;
	height:18px;
	padding-left: 5px;
	margin-top: 9px;

	
}

.main-nav{
	height: 40px;
	line-height: 40px; 

}

.main-nav ul{
	margin: 0; 
	padding: 0;
}

.main-nav ul li{
	display: block;
	float: left; 
    padding-right: 15px;
    position: relative;
    z-index:20;

 }

.main-nav ul li ul { 
	display: none;
    padding: 5px 0 5px 10px; 
    position: absolute;
    float: left;
    width: 210px;
 	border-top:2px solid #000;
 	background-color: rgba(255, 255, 255, 1);
    z-index:20;
    /*box-shadow: 3px 3px 3px #ccc;*/
   
  
}

.main-nav ul li ul li{ 
    line-height: 30px; 
    width: 200px;
    height: 30px; 
    float: left;
 
}

.main-nav ul li ul li ul { 
	display: none;
    padding: 5px 0 5px 10px; 
    position: absolute;
    float: left;
    width: 210px;
 	background-color: rgba(255, 255, 255, 1);
 	border:none;
    z-index:20;
    color: #fff;
    left:10px;
	box-shadow: 3px 3px 3px #ccc;
   
  
}




.main-nav ul li:hover > ul { 
	display: block; 

}

.sub-menu li{
	width: 180px;
	
}


/********************************** THUMBS ***********************************/

.thumb{
	height:auto;
}

.thumb img{
	width:100%;
	height:100%;
	height:auto;
	opacity: .1;
	-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
    transition: opacity 1s;

}

.thumb a:hover img{
	opacity: 1;
	box-shadow: 0px 0px 10px #ccc;
}

.thumb .box-noticias{
	position: relative;
	top: -57px;
	width:87%;
	float: right;
	z-index: 50;
}

.thumb .box{
	position: relative;
	top: -42px;
	width:87%;
	float: right;
	z-index: 50;
}

.thumb .data{
	font-style: Courier New;
	font-size: 10px;
	letter-spacing: 0.1em;
	margin-bottom:4px;
	text-decoration: underline;
}

.thumb .titulo{
	font-size: 28px;
	font-weight: 700;
	letter-spacing: .03em;	
	line-height: 35px;
	font-family: 'Roboto Condensed', sans-serif;
	width:90%;
}

.thumb .texto {
	margin-top:8px;
	margin-bottom:10px;
	font-size: 13px;
	line-height: 22px;
	letter-spacing: .05em;
}

.thumb .mais{
	font-size: 15px;
	font-weight: 900;
	letter-spacing: .05em;
}

/********************************** THUMBS FILMES ***********************************/

.thumb-filmes{
	height:700px;
}

.thumb-filmes img{
	width:100%;
	height:100%;
	height:auto;
	opacity: .1;
	-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
    transition: opacity 1s;

}

.thumb-filmes a:hover img{
	opacity: 1;
	box-shadow: 0px 0px 10px #ccc;
}



.thumb-filmes .box{
	position: relative;
	top: -55px;
	width:87%;
	float: right;
	z-index: 50;
}


.thumb-filmes .titulo{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .03em;	
	line-height: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	width:100%;

}

.thumb-filmes .sub-titulo{
	margin-top:1px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .03em;	
	line-height: 25px;
	font-family: 'Roboto Condensed', sans-serif;
	width:100%;

}

.thumb-filmes .texto {
	margin-top:5px;
	margin-bottom:10px;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: .05em;

}



/********************************** NAVEGAÇÂO ***********************************/
.navegacao{
	position: relative;
	text-align: center;
	margin-top:100px;
	font-size: .7em;
	letter-spacing: .06em;
	line-height: 1.5em;
}



/********************************** DUAS COLUNAS ***********************************/

.content-2{
	position: relative;
	top:65px;
	min-height:800px; 
	padding-bottom: 60px;  
	margin: 0 auto;
	min-height:800px; 
}
.duas-colunas{
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    width: 100%;
    position: relative;
    min-height:100%;
    height: auto;
}


.duas-colunas .post {
	display: inline-block;
    margin-bottom: 20px;
    width: 100%;
  
}

/********************************** SINGLE POST ***********************************/

.content-single{
	position: relative;
	top:80px;
	min-height:800px;
	width: 870px; 
	padding-bottom: 60px;  
	margin: 0 auto;
	min-height:800px;
}


.post{
	margin: 0 auto;	
}

.post .data{
	font-style: Courier New;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: left;
	text-decoration: underline;
} 

.post .titulo{
	width: 70%;
	text-align: left;
	font-size: 35px;
	font-weight: 700;
	letter-spacing: .03em;	
	line-height: 45px;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:5px;
} 

.post .titulo-pagina{
	font-size: 28px;
	font-weight: 700;
	letter-spacing: .05em;	
	font-family: 'Roboto Condensed', sans-serif;
	width:870px;
	vertical-align:top;
	margin-top:0px;
} 

.post .titulo-original{
	width: 70%;
	text-align: left;
	font-size: 35px;
	letter-spacing: .03em;	
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:20px;
}

.post .realizador{
	width: 70%;
	text-align: left;
	font-size: 25px;
	letter-spacing: .05em;	
}


.post .excerto p{
	margin-bottom: 20px;
	text-align: left;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: .05em;	
	line-height: 26px;
	margin-bottom: 15px;
}

.post .info p{
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 13px;
	letter-spacing: .06em;	
	line-height: 22px;
	text-transform: uppercase;

}

.post .texto p{
	margin-bottom: 15px;
	text-align: left;
	font-size: 15px;
	letter-spacing: .05em;	
	line-height: 26px;

}

.post .texto-juri img{
	width:300px;
	height:auto;
	margin: 0;

}

.post .texto-juri p{
	text-align: left;
	font-size: 15px;
	letter-spacing: .05em;	
	line-height: 26px;
	margin: 0;

}

.post .texto ul li{
	text-align: left;
	font-size: 15px;
	letter-spacing: .05em;	
	line-height: 26px;

}

.post img{
	width:100%;
	height:100%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 35px;
}

.post iframe{
	width:100%;
	height:500px;
	text-align: center;
	margin-top: 35px;
	margin-bottom: 20px;
}

#espacos .post iframe{
	width:95%;
	height:450px;
	text-align: center;
	margin:0;

}

.post .social{
	margin: 0;
	padding: 0;
	height:80px;
}

.post-navegacao{
	position: relative;
	text-align: center;
	margin-bottom: 70px;
	font-size: 10px;
	letter-spacing: .05em;
	line-height: 20px;
}

.post .logo img{
	height: 50px;
	width: auto;
	float:left;
	margin:0px 30px 30px 0;
}


.filmes {
	text-align: left;
	font-size: 15px;
	letter-spacing: .05em;	
	line-height: 25px;

}

/********************************** SINGLE POST + END ***********************************/



/********************************** PÁGINAS ***********************************/
.titulo-pagina{
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .05em;	
	font-family: 'Roboto Condensed', sans-serif;
	width:870px;
	vertical-align:top;
	margin-bottom:25px;
	margin-top:0px;
	/*text-transform: uppercase;*/
}
.dias { text-align: center;}

.dias li{display: inline;}

/********************************** FOOTER ***********************************/


footer{
	position: relative;
	border: 0;
	width: 870px;
	height:135px;
	border-top: 2px solid #000;
	font-size: 13px;
	letter-spacing: .05em;
	line-height: 20px;
	margin-top:50px;
	padding-bottom: 10px;

}

.footer {
	float: left;
	padding-top: 27px;
	margin-right: 58px;
} 

.footer:nth-child(4) {
	margin-right: 0px;
}


.footer:nth-child(5) {
	float: right;
	padding-top: 10px;
	margin-right: 0px;
}



.newsletter{
	margin-top: 0;
	padding-top: 0;
}


.wpcf7-text{
	border: 2px solid #000;
	padding: 3px;
	width: 50%;
}

.wpcf7-textarea{
	border: 2px solid #000;
	padding: 3px;
	width: 50%;
}

.wpcf7-file{
	border: none;
}

.wpcf7-submit{
	background-color: #000;
	color: #fff;
	padding: 5px 10px 5px 10px;
	text-align: center;


}


/********************************** TABLET ***********************************/


/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .content                                    { width: 500px; }
        .top-menu                                   { width: 768px; }
        .bottom-menu                                { width: 768px; }
        .banner                               		{ width: 768px; height: 132px; }
        .search										{ display:none; }
        footer                                     	{ width: 768px; }
        .footer:nth-child(4)      					{ display:none; }
        .footer 									{ margin-right: 70px; }
}	
*/
@media only screen and (max-width: 767px) {
	body                                        	{ background-color:#fff;}
        .container 				   					{ width: 300px; padding:0; padding-left: 20px; padding-right: 20px;}
        .content                                    { width: 300px; }
        .content-single 							{ width: 300px; }
		.top-menu                                   { width: 300px; border:none;height:55px;border-bottom:2px solid #000;position:absolute;}

        .bottom-menu                                { display:none;}
		.item .thumb			            		{width: 300px; }
        .banner                               	    { width: 300px; height:72px; top:55px;}
        footer                                      { width: 300px; }
        .footer:nth-child(2)      					{ display:none; }
        .footer:nth-child(3)      					{ display:none; }
        .footer:nth-child(4)      					{ display:none; }
        .footer:nth-child(1)      					{ margin-right: 0 }
        .post iframe								{ height:220px;}
        .top-menu .festivais{display:none;}
        .titulo-pagina								{ width: 300px; }	
		.top-menu .social{
			float: left;
			margin-top: 10px;
			margin-left: 15px;
		}

		.top-menu .idioma{
			margin-top: 5px;
			float: left;
			text-align: right;
		}

		.titulo-pagina .dias{
			font-size: 20px;
		}

}