﻿* {
	font-family: Arial, Helvetica, sans-serif;
}

body, html {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow-y: hidden ;
}

#image_zoom {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.95);
	top: 0px ;
	left: 0px ;
	overflow-y:scroll ;
	display: none ;
	box-sizing: border-box ;
	z-index: 100 ;
}

.zoom_table{
	display: table ;
	height: 100% ;
	width: 100% ;
	table-layout: fixed ;
}

.zoom_cell{
	display: table-cell ;
	vertical-align: middle ;
	height: 100% ;
	width: 100% ;
}

#_x_{
	font-size: 24px ;
	position: absolute ;
	right: 12px ;
	top: 12px ;
	cursor: pointer ;
	opacity: 0.6 ;
	color: #FFF ;
}

.extra___{
	display:none;
}

.gradient{
	background: linear-gradient( #FFF 50%, #EFEFEF 100% ) ;
}

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #101010;
	font-size: 15px;
	/*border-bottom: 4px solid #181818 ;*/
}

#header_holder {
	background-size: 3960px 200%;
	background-position: center; 
	height: 150px; 
	position: relative; 
	/*background-image: url('teste1.png');*/
	border-top:4px solid #C0C0C0 ;
	background-color: #E0E0E0 ;
}

#header {
	background-position: 12px center;
	background-size: 125px;
	position: relative;
	display: inline-block;
	width: 1000px;
	height: 100%;
	background-image: url('gmvlogobr.png');
	background-repeat: no-repeat ;
}

a.home{
	position:absolute ;
	display: block ;
	width: 125px ;
	height: 125px ;
	left: 12px ;
	top: 12px ;
	border-radius: 50%;
}

#header_options{
	box-shadow: 0px 2px #c93838;
	position: absolute; 
	right: 12px;
	top: 14px;
	font-size: 14px;
	color: #202020;
	padding-bottom: 2px ;
}

#header_options a{
	opacity: 0.75 ;
	transition: 0.25s ;
	cursor: pointer ;
}

#header_options a:hover{
	opacity: 1
}

.info {
	position:relative ;
	display: inline-block ;
}

.info img{
	border-radius: 3px;
	box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 1);
	vertical-align: middle;
	border: 0px none ;
	position: relative ;
	z-index: 2 ;
}

span.tooltip{
	position: absolute;
	padding: 7px;
	background-color: rgba( 32, 32, 32, 1 );
	white-space: nowrap;
	font-size: 11px;
	color: #FFF;
	z-index: 30;
	border-radius: 5px;
	font-variant: small-caps;
	border: 1px solid #FFFFFF;
	right: 8px;
	top: 50%;
	margin-top: -15px; ;
	z-index: 1 ;
	opacity: 0 ;
	width: 0px;
	height: 0px ;
	overflow: hidden ;
}

span.tooltip:after{
	border-width: 7px;
	border-right-width: 0px;
	content: "";
	position: absolute;
	border-left-color: rgba( 244, 218, 183, 0.95 );
	border-left-color: #202020 ;
	right: -7px;
	top: 7px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
span.tooltip:before{
	border-width: 8px;
	border-right-width: 0px;
	border-style: solid;
	content: "";
	position: absolute;
	border-color: transparent transparent transparent #FFFFFF ;
	right: -8px;
	top: 6px;
}

a.home span.tooltip:after{
	border-width: 7px;
	border-left-width: 0px;
	border-right-color: #202020 ;
	border-right-style: solid;
	right: auto ;
	left: -7px ;
}

a.home span.tooltip:before{
	border-width: 8px;
	border-left-width: 0px;
	right: auto ;
	left: -8px ;
	border-color: transparent #FFF transparent transparent ;
}

.mostrar_750{
	display: none ;
}

.info:hover span.tooltip{
	opacity: 0.75 ;
	transition: 0.5s ;
	width: auto ;
	height: auto ;
	right: 33px ;
	overflow:visible;
}
a.home span.tooltip{
	right: -50% ;
}

a.home:hover span.tooltip{
	right: -95% ;
}

#navbar_holder {
    z-index: 5;
    box-shadow1: , 0px 5px 5px 0px #606060,;
    box-shadow: 0px -1px 0px 0px #808080, 0px -3px 0px 0px #C10000 inset;
    background-color: #202020;
    position: relative;
    height: 58px;
    width: 100% ;
	font-size: 0px ;
}

#navbar_container{
	display: inline-block ;
	width: 1000px ;
}

#navbar, icon_navbar {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 58px ;
}

#icon_navbar{
	display: none ;
	position: relative;
	width: 100%;
	font-size: 0px ;
}

#icon_control{
	height:58px;
	display: table-cell;
	vertical-align:middle;
	font-size:24px;
	color:#FFF;
	font-weight: 400;
	font-variant:small-caps ;
	cursor: pointer ;
	padding: 0px ;
}

#icon{
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle
}

.bar1{
	margin-top: 0px ;
}

.bar2{
	margin-bottom: 0px ;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	transform: rotate(-45deg) translate(-9px, 6px) ;
}

.change .bar2 {
	opacity: 0;
}

.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	transform: rotate(45deg) translate(-8px, -8px) ;
}

a.menu, div.menu {
	display: table-cell;
	color: #FFFFFF;
	font-variant: small-caps;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0px 3px transparent inset;
	transition: 0.25s;
	font-size: 16px;
	cursor: pointer ;
	border-bottom: 3px solid #c10000 ;
}

a.hidden_menu{
	display: none ;
}

.___visible{
	display: block ;
}

div.menu_icon{
	height: 4px ;
	width: 30px ;
	background-color: #FFF ;
	margin: 5px 0px ;
	transition: 0.4s;
	font-size: 0px ;
}

a.menu:hover, div.menu:hover {
	background-color: #C10000;
	transition: 0.5 ;
}

/*a.current_menu_item, a.current_menu_item:hover, div.current_menu_item, div.current_menu_item:hover{*/
a.current_menu_item, div.current_menu_item {
	background-color: #800000 ;
}

img.menu{
	height: 14px;
	margin-right: 6px ;
	border: 0px none ;
}

.submenu{
	border-radius: 0px 0px 10px 10px;
	box-shadow: /*0px 3px #c10000 inset,*/ 0px -6px 6px -6px #404040 inset, 6px 0px 6px -6px #404040 inset, -6px 0px 6px -6px #404040 inset;
	box-shadow: /*0px 3px #c10000 inset,*/ 0px -6px 6px -6px #E0E0E0 inset, 6px 0px 6px -6px #E0E0E0 inset, -6px 0px 6px -6px #E0E0E0 inset;
	background-color: rgba( 255, 255, 255, 0.95 );
	background-color: rgba( 65, 65, 65, 0.95 );
	width: 100%;
	left: 0px;
	top: 58px;
	position: absolute;
	z-index: 2;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 14px;
	cursor: default ;
	
	/*display: none ;*/
	height: 0px ;
	opacity: 0 ;
	
	overflow: hidden ;
	max-height: 290px ;
}

.scroll_area{
	width: 100% ;
	max-height: 290px ;
	overflow: hidden;
}

.scrollbar{
	position: absolute ;
	width: 8px ;
	background-color: rgba( 128, 0, 0, 0.75 ) ;
	top: 0px ;
	right: 5px ;
	border-radius: 500px ;
	box-shadow: 0px 0px 4px rgba( 255, 255, 255, 0.5 ) inset ;
	/*display: block ;*/
	height: 0px ;
	z-index: 5 ;
}

.scrollbar:hover{
	background-color: rgba( 164, 0, 0, 0.75 ) ;
}

.scrollbar:active{
	background-color: rgba( 196, 0, 0, 0.75 ) ;
}

.scrollbar_rail{
	position: absolute ;
	width: 8px ;
	background-color: rgba( 225, 225, 225, 0.25 ) ;
	top: 0px ;
	right: 5px ;
	border-radius: 500px ;
	display: block ;
	z-index: 4 ;
	height: 100% ;
	opacity: 0 ;
}


/*#navbar a .submenu{
	transition: opacity 0s linear 0.5s ;
}*/

/*div.menu:hover .submenu{
	opacity: 1 ;
	height: auto;
	transition: opacity 0.5s ;
	/*overflow:auto ;
	padding-bottom: 9px ;
}*/

div.current_menu_item div.submenu{
	/*display: none ;*/
}

#content_holder {
	position: relative;
	background-color: #FFFFFF;
	z-index: 1 ;
}

#content {
	margin: 0px;
	width: 1000px;
	position: relative;
	box-sizing: border-box ;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	padding: 15px ;
	padding-bottom: 0px ;
}

div.titulo {
	color: rgba( 193, 0, 0, .9);
	font-size: 17.5px;
	font-variant: small-caps;
	font-weight: 400;
	/*box-shadow: 0px 5px 5px -5px #CFCFCF;
	box-shadow: 0px 2px #CFCFCF, 0px 3px 3px -3px #CFCFCF;*/
	padding: 6px ;
	margin-bottom: 10px ;
	vertical-align: middle ;
	position:relative
}

div.titulo:after{
	content: "" ;
	position: relative ;
	height: 2px ;
	display: block ;
	

	background: -webkit-linear-gradient(left, #404040, transparent ) ; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #404040, transparent ) ; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #404040, transparent ) ; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #404040, transparent ) ; /* Standard syntax */
}

div.titulo img{
/*	vertical-align: middle;*/
}

a#registo{
	color: rgba( 32, 32, 32, 0.75 ) ;
}

a#registo:hover{
	color: #202020 ;
}

.pc {
	/*box-shadow: 0px 0px 1px 0px #808080;
	box-sizing: border-box ;
	padding: 6px 12px ;*/
	position: relative;
	display: inline-block;
	width: 47%;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 15.5px ;
	box-sizing: border-box ;
	
/*	background: linear-gradient( 135deg, rgba( 240, 240, 240, 0.5 ), #FFF ) ;
	padding: 0px 6px ;*/
}

.s{
	display: inline-block ;
	width: 6% ;
	position: relative ;
	box-sizing: border-box ;
	font-size: 0px ;
}

li, p {
	line-height: 150%;
}

@font-face {
	font-family: AC ;
	src: url('ARCENA.woff') format('woff');
}

.c:first-letter{
	font-size: 36px;
	font-family: AC;
}

.legendao {
	color: #FF9933;
}
.legendao_dk {
	color: #F07800;
}

.legendar {
	color: rgba( 193, 0, 0, .9);
}
.legendar_dk {
	color: #CA0000;
}
.legendag {
	color: #77BC38;
}
.legendag_dk {
	color: #507E25;
}

.negrito{
	font-weight: 700 ;
}

.legenda{
	color: #3074af ;
}

p.subtitulo::after {
	display: block;
	content: "" ;
	height: 1px ;
	position:relative ;
	
	background: -webkit-linear-gradient(left, #C0C0C0, transparent ) ; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #C0C0C0, transparent ) ; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #C0C0C0, transparent ) ; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #C0C0C0, transparent ) ; /* Standard syntax */
}

p.split:before{
	display: block;
	content: "" ;
	height: 1px ;
	position:relative ;
	
	margin: 5px 0px 10px 0px;

	background: -webkit-linear-gradient(left, transparent, #A0A0A0, transparent ) ; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, transparent, #A0A0A0, transparent ) ; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, transparent, #A0A0A0, transparent ) ; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, transparent, #A0A0A0, transparent ) ; /* Standard syntax */
}

#band_holder{
	position: relative; /*height: 350px;*/;
	border-style: solid none;
	border-width: 5px 0px;
	border-color: #E0E0E0;
	background-color: #E0E0E0;
	overflow: hidden;
	z-index: 2;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
}
#band{
	padding: 0px;
	margin: 0px;
	position: relative;
	display: inline-block;
	width: 1000px;
}
#band_shadow{
	padding: 0px;
	margin: 0px;
	box-shadow: 150px 0px 150px -150px #E0E0E0 inset, -150px 0px 150px -150px #E0E0E0 inset;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	top: 0px;
	left: 0px;
	font-size: 1px;
}

#band:before, #band:after {
/*	background-image: url('faixas/01.jpg');*/
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	left: -100%;
	top: 0px;
	content: "";
	opacity: 1;
	background: -webkit-linear-gradient(left, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));
	background: -o-linear-gradient(right, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));
	background: -moz-linear-gradient(right, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));
	background: linear-gradient(to right, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));
	z-index: 3;
	padding: 0px ;
	margin: 0px ;

}

#band:after{
	/*background-image:url('faixas/03.jpg') ;*/
	left: 100% ;
	
	background: -webkit-linear-gradient(right, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));
	background: -o-linear-gradient(left, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));
	background: -moz-linear-gradient(left, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85)); 
	background: linear-gradient(to left, #E0E0E0, #E0E0E0, #E0E0E0, #E0E0E0, rgba(224, 224, 224, 0.85));

}

#footer{
	position: relative;
	color: #FFFFFF;
	background-color: #202020 ;
	font-size: 14px;
	text-transform: capitalize;
	font-variant: small-caps;
	padding-top: 24px;
	border-bottom-style: solid;
	border-bottom-width: 24px;
	border-bottom-color: #202020;
	border-top: 5px solid #2F2F2F ;
}

a {
	text-decoration: none;
}

.divider_line{
	/*border-top: 2px solid #606060 ;*/
	height: 2px ;
	background: -webkit-linear-gradient(right, #404040, transparent ) ; 
	background: -o-linear-gradient(left, #404040, transparent ) ; 
	background: -moz-linear-gradient(left, #404040, transparent ) ; 
	background: linear-gradient(to left, #404040, transparent ) ; 

	margin-bottom: 18px ;
}

/* Definições da elementos da Galeria */
div.galery_menu_item{
	margin: 18px 16px;
	display: inline-block;
	vertical-align: middle;
}

div.galery_picture_holder{
	padding: 12px;
	border-radius: 3px;
	position: relative;
	width: 136px;
	height: 85px;
	background-color: #FFF;
	display:inline-block ;
	
	box-shadow: 0px 0px 2px #202020, 0px 0px 2px 1px #404040 ;
}

div.galery_picture_holder:hover{
	box-shadow: 0px 11px 6px -6px #480000
}

div.galery_picture_holder:hover span{
	color: #C10000 ;
}

a.galery_picure_link, a.galery_link{
	font-size: 13.25px;
	color: #FFFFFF ;
	font-variant: small-caps;
	text-decoration: none;
	display: none ;
}

a.galery_link{
	padding-left: 9px ;
}

a.galery_picure_link:hover + a.galery_link, a.galery_link:hover{
	color: #FFA4A4 ;
}

div.galery_picture_holder:hover + a.galery_link{
	color: #CFCFCF ;
}

a.galery_picure_link{
	display: inline-block;
	text-align: center;
	color: #202020;
}

div.galery_picture_holder img{
	border: 0px none ;
	width: 100% ;
	height: 100% ;
}

span.galery_link_title{
	position: absolute ;
	width: 100%;
	background-color: rgba( 255, 255, 255, .75 ) ;
	bottom: 12px ;
	left: 0px ;
	padding: 6px 0px ;
	display: inline-block ;
}

@media screen and (max-width:1000px){
	#header, #navbar_container, #content{
		width: 100%
	}
	#band{
		width: 80% ;
	}
	
	.submenu{
		width: 96% ;
		left: 2% ;
	}
	
	.galery_holder_menu{
		
	}
	
  	#image_zoom img{
		width: 90% ;
	}

}

@media screen and (max-width:850px){
	div.submenu span.galery_link_title{
		display: none ;
	}
	
	div.submenu div.galery_picture_holder{
		width: 85px ;
		height: 53px ;
		padding: 6px ;
	}
	
	div.submenu div.galery_picture_holder:hover{
		border-bottom-right-radius: 0px ;
		border-bottom-left-radius: 0px ;
	}
	
	div.submenu div.galery_picture_holder:hover span.galery_link_title{
		font-size: 12px ;
		display: block ;
		top: 100% ;
		top: calc( 100% - 6px ) ;
		bottom: auto ;
		left: -12px ;
		width: 121px ;
		box-sizing: border-box;
		border-radius: 3px ;
		white-space: nowrap ;
	}
			
	div.galery_picture_holder:hover{
		/*box-shadow: 0px 9px 6px -6px #480000 ;*/
	}
	
	div.submenu div.galery_menu_item{
		margin:12px ;
		margin-bottom: 18px ;
	}
}

@media screen and (max-width:750px){
   .pc, .s{
		display: block ;
		width: 100% ;
	}
	
	.s{
		/*border-bottom: 2px solid #CFCFCF ;*/
		height: 2px ;
	background: -webkit-linear-gradient(right, #404040, transparent ) ; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #404040, transparent ) ; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #404040, transparent ) ; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #404040, transparent ) ; /* Standard syntax */

		margin-bottom: 18px ;
	}
		
	.extra___{
		display: block
	}
	
	.ocultar_750{
		display: none ;
	}
	
	.mostrar_750{
		display: inline ;
	}
}

@media screen and (max-width:685px){
	img.menu{
		display: none ;
	}
}

.sm-cp{
	font-variant: small-caps ;
}

a.legenda{
	color: #184974 ;
}

a.legenda:hover{
	color: #3074af ;
}

/*@media screen and (max-width:500px){*/
@media screen and (max-width:625px){
	#navbar{
		display: none ;
	}
	
	#icon_navbar{
		display: block ;
		height: 58px ;
		overflow: hidden ;
	}
	
	a.menu{
		display: block;
		padding: 12px 0px ;
		border-bottom: 0px ;
		font-size: 20px ;
	}
	
	#navbar_holder{
		height: auto ;
	}
	
	img.menu{
		/*display: inline-block ;*/
		height: 17px ;
	}

}

#cartaz{
	width: 100%;
	height: 100% ;
		
	position: fixed ;
	z-index: 10000 ;
	top: 0px ;
	left: 0px ;
	
	margin: 0px ;
	padding: 0px ;
	
	padding-top: 5vh ;
	padding-bottom: -5vh ;
	
	background-color: rgba( 128, 128, 128, 0.95 ) ;
	background-color: rgba( 0, 0, 0, 0.9 ) ;
}

#cartaz img{
	height: 90vh ;
}

a.dpi{
	color: #0066FF ;
}

a.dpi:hover{
	color: #0099FF ;
}
