/* CSS Document */

@font-face {
  font-family: 'GEHL';
  src: url('font/helveticaneue-light-webfont.eot');
  src: url('font/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/helveticaneue-light-webfont.woff') format('woff'), url('font/helveticaneue-light-webfont.ttf') format('truetype'), url('font/helveticaneue-light-webfont.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  
}

html{
	height:100%;
	width:100%;	
	-webkit-font-smoothing: antialiased;
}

body{
	background:#202020;	
	color: #827E7B;
	font-family:'GEHL', Helvetica, Arial, sans-serif;
	height:100%;
	overflow-y:scroll;
	letter-spacing: 1px;
	/*text-shadow:
   	-1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;*/
}

#page{
	width:1240px;
	margin:0px auto;
	min-width:300px;
	min-height:100%;
	position:relative;
}



#fixedTop{
	background:#202020;	
	position:fixed;
	height:160px;
	top:0px;
	width:1240px;	
	min-width:300px;
	z-index:9999;
}

#fixedBackHeader{
	background:#202020;	
	position:fixed;
	height:190px;
	top:0px;
	left:0px;
	width:100%;	
	min-width:300px;
	z-index:9998;
}

#header{
	height: 74px;	
}

.menuTop{
	float:left; width:60%; text-align:left; padding-top:10px
}

.slicknav_menu{
	display:none;	
	float:left; width:60%; text-align:left; padding-top:10px
}

.emailTop{
	float:right; width:30%; text-align:right;padding-top:10px
}

.borderClear{
	background: url('../img/borderLight.png');
	background-repeat:repeat-x;
	height:2px;
	width:100%;
	margin:12px 0px 8px 0px;
	
}

.borderDark{
	background: url('../img/borderDark.png');
	background-repeat:repeat-x;
	height:2px;
	width:100%;
	margin:12px 0px 12px 0px;
	
}

#logo{
	background: url('../img/logo_gefilmes@2x.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size: 211px 54px;
	width: 211px;
	height: 54px;
	margin: 30px 9px;
}

#menu{
	height: 35px;	
	/*min-width: 100%;*/
	/*border-bottom: 2px dotted #DFDEDD;*/
	margin:0px 9px;
}

#menulst{
	padding:0px;
	margin:0px;
	font-size:20px;
	color:#DFDEDD;
	list-style-type:none;	
}



#menulst li{
	display:inline;	
	margin-right: 20px;
	cursor: pointer;
}

#menulst li:hover{
	color:#fff;
}

#menulst li a.active{
	color:#827e7b;	
}

#menulst li a{
	text-decoration:none;
	color:inherit;
}

#catsMenu{
	position: absolute;
	top: 160px;
	right: 8px;
	
}

#catsMenu a{
	text-decoration:none;
	color:inherit;
	text-transform:lowercase;
	margin-left:20px;
}

#catsMenu a:hover{
	color:#fff;
}

#catsMenu a.active{
	color:#827e7b;	
}

.contact{
	font-size:20px;
	color:#DFDEDD;
	text-decoration:none;

}

.contact:hover{
	color:#fff;
}


#content{
	padding-top: 200px;	
	width: 1240px;
	
	padding-bottom:60px;
	height:100%;
}

#playerZone{
	/*width:800px;	*/
	
	display:none; 
	position:relative; 
	margin:10px 9px 40px; 
	text-align:left;
	padding-bottom:20px;
}

#videoZone{
	margin-top:20px;	
	float:left;
	width:800px;
	margin-bottom:40px;
}

#videoZone .video-js{
	margin:0px auto 0px;	
}

#videoTitle{
	text-align:left;
	/*margin-bottom:10px;*/
	font-size:26px;
	color:#DFDEDD;
	font-weight:600;
	
}

#videoDesc{
	text-align:left;
	margin-top:20px;
	margin-left:20px;
	color:#827e7b;
	font-size:16px;
	float:left;
	width:400px;
}

#closeVideo{
	position:absolute;
	top:0px;
	left:775px;
	font-size:20px;
	color:#DFDEDD;	
	cursor:pointer;
	/*border:1px solid #DFDEDD;*/
	padding:2px 4px;
}

#localVideo{
	
	width:800px;
	height:450px;	
}



#grid{
	list-style-type:none;	
}

#grid li{
	width: 300px;
	height: 169px;
	
	color: #FFFFFF;
	margin: 5px;
	
}

#grid li a{
	position:relative;
	text-decoration:none;
}

#grid li a img{

	width: 300px;
	height: 169px;
}


.gridhover{
	color:#fff;
	position:absolute; 
	bottom:3px; 
	left:0px; 
	height:33px; 
	width:300px; 
	background:#202020; 
	opacity:0.9; 
	z-index:20; 
	text-align:left;	
	display:none;
	overflow:hidden;
}

.gridovertitle{
	margin:0px 8px;
	overflow:hidden;
	font-size:14px;
	line-height:32px;
	text-overflow:ellipsis;
}

.gridoverdesc{
	margin:10px 5px 0px 5px; overflow:hidden;
	height:29px;
	font-size:14px;
	display:none;
	
}

.aboutText{
	margin:5px 9px 0px;	
	width:465px;
}

.aboutText p{
	padding:0px 0px 10px;
	line-height:1.5em;
	font-size:16px;
	text-align:justify;	
	color:#DFDEDD;
}

#gridCli{
	list-style-type:none;	

}

#gridCli li{
	width: 70px;
	height: 70px;
	
	color: #FFFFFF;
	margin: 3x;
	
}

#gridCli li img{
	width: 70px;
	height: 70px;
	
	
	
}

#gridCli li a{
	position:relative;
	
}

.contactBox{
	/*display:inline-block;	*/
	float:left;
	width:300px;
	margin:0px 4px 50px;
	vertical-align:top;
}

.contactBox img{
	width:300px;
	height:170px;
}

.contactTitle{
	margin-top:20px;
	font-size:16px;
	color:#DFDEDD;	
	display:block
}

.contactData{
	font-size:16px;
	margin-top:20px;
	line-height:25px;
}

.contactData a{
	text-decoration:none;
	color:#827E7B;
}

.detailTitle{
	font-size:34px;
	color:#DFDEDD;
	font-weight:bold;
}


.detailDesc{
	font-size:16px;
	margin-left:20px;
	width:400px;
	float:left;
	text-align:justify;

}
.videocontainer{
	width:800px;
	float:left;	
}
.detailVideo{
	margin-top:20px;	

	
}


.detailDownload{
	color:#DFDEDD; 
	font-size:20px; 
	
	display:inline-block;
	text-decoration:none;
	width:100px;
}

.detailGoback{
	color:#DFDEDD; 
	font-size:20px; 
	margin-right:60px;
	display:inline-block;
	text-decoration:none;
	cursor:pointer;
}

.detailDownload:hover, .detailGoback:hover{
	color:#fff; 
}

#footer{
	/*border-top: 2px dotted #827e7b;*/
	font-size:13px;
	margin:0px 9px;
	width:1230px;
	
	height:50px;
	position:absolute;
	bottom:0px;
}

/*@media (min-width: 1680px){
	#page{
		width:1680px;
		
	}
	
	#fixedTop{
		
		
		width:1680px;	
		
	}
	
	#content{
		width:1680px;
	}
	
	#footer{
		width:1680px;
	}
}
*/

@media (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    /* stuff */
	#logo{
		background: url('../img/logo_gefilmes@2x.png');
		background-position:center;
		background-repeat:no-repeat;
		background-size: 211px 54px;
		width: 211px;
		height: 54px;
		margin: 30px 9px;
	}
}

@media (max-width: 1239px) and (min-width:940px){
	#page{
		width:940px;
		
	}
	
	#fixedTop{
		
		
		width:940px;	
		
	}
	
	#content{
		width:940px;
	}
	
	#playerZone{
		/*width:800px;	*/
	}
	
	
	
	#videoDesc{
		margin: 20px 0px 0px;
		width:800px;
		float:left;
		text-align:justify;
	}
	
	.detailDesc{
		margin: 20px 0px 0px;
		width:800px;
		float:left;
		text-align:justify;
	
	}
	
	#footer{
		width:940px;
	}
	
}

@media (max-width: 939px) and (min-width:630px){
	#page{
		width:620px;
		
	}
	
	#fixedTop{
		
		
		width:620px;	
		
	}
	
	#content{
		width:620px;
	}
	
	#playerZone{
		width:600px;	
	}
	
	#closeVideo{
	position:absolute;
	top:0px;
	right:0;
	left:inherit;
	font-size:20px;
	color:#DFDEDD;	
	cursor:pointer;
	/*border:1px solid #DFDEDD;*/
	padding:2px 4px;
}
	#videoZone{
		width:600px;	
	}
	
	#vimeoVideo{
		width:600px;
		height:345px;	
	}
	
	.videocontainer{
		width:600px;	
	}
	
	#localVideo{
		width:600px;
		height:340px;	
	}
	
	#videoDesc{
		margin: 20px 0px 0px;
		width:600px;
		float:left;
		text-align:justify;
	}
	
	.detailDesc{
		margin: 20px 0px 0px;
		width:600px;
		float:left;
		text-align:justify;
	
	}
	
	#footer{
		width:620px;
	}
	
}

@media (max-width: 629px) and (min-width:320px){
	#page{
		width:320px;
		
	}
	
	#fixedTop{
		
		
		width:315px;	
		
	}
	
	.menuTop{
		width:20%;	
	}
	
	.emailTop{
		width:70%;	
	}
	
	.slicknav_menu{
		display:block;	
		float:left;
		width:20px;
		background:none;
		padding-top:5px;
		position:relative;
	}
	
	.slicknav_nav{
		position: absolute;
		top:40px;	
		background:#202020;
		border:1px solid #ccc;
	}
	
	.slicknav_nav li a{
		cursor:pointer;
		text-decoration:none;
		font-size:20px;
		
	}
	
	.slicknav_nav li a:hover{
		background:none;
		color:#fff;
		
	}
	
	.slicknav_btn{
		margin:0px;
		padding:0px;
		float:none;	
	}
	
	.slicknav_menu .slicknav_icon-bar{
		background-color: #DFDEDD;
	}
	
	.slicknav_menu .slicknav_icon-bar:hover{
		background-color: #fff;
	}
	
	#menulst{
		display:none;	
	}
	
	#menulst li{
		display:inline;	
		margin-right: 10px;
		cursor: pointer;
	}

	
	#content{
		width:300px;
	}
	
	#videoZone{
		width:300px;	
	}
	
	#playerZone{
		width:300px;	
		margin:5px 6px 40px;
	}
	
	#closeVideo{
	position:absolute;
	top:0px;
	right:0;
	left:inherit;
	font-size:20px;
	color:#DFDEDD;	
	cursor:pointer;
	/*border:1px solid #DFDEDD;*/
	padding:2px 4px;
}
	
	#vimeoVideo{
		width:300px;
		height:170px;	
	}
	
	#localVideo{
		width:300px;
		height:170px;	
	}
	
	.videocontainer{
		width:300px;	
	}
	
	#videoDesc{
		margin: 20px 0px 0px;
		width:300px;
		float:left;
		text-align:justify;
	}
	
	.detailDesc{
		margin: 20px 0px 0px;
		width:300px;
		float:left;
		text-align:justify;
	
	}
	
	.aboutText{
		width:300px;	
	}
	
	#footer{
		width:300px;
		margin:20px 5px 0px;
	}
	
}