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

}




@font-face {
    font-family: 'merriweatherlight_italic';
    src: url('../eot/merriweather-lightitalic-webfont.eot');
    src: url('../eot/merriweather-lightitalic-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../woff2/merriweather-lightitalic-webfont.woff2') format('woff2'),
         url('../woff/merriweather-lightitalic-webfont.woff') format('woff'),
         url('../ttf/merriweather-lightitalic-webfont.ttf') format('truetype'),
         url('../svg/merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'din_lightregular';
    src: url('../eot/din_light-webfont.eot');
    src: url('../eot/din_light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../woff2/din_light-webfont.woff2') format('woff2'),
         url('../woff/din_light-webfont.woff') format('woff'),
         url('../ttf/din_light-webfont.ttf') format('truetype'),
         url('../svg/din_light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'din_mediumregular';
    src: url('../eot/din_medium-webfont.eot');
    src: url('../eot/din_medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../woff2/din_medium-webfont.woff2') format('woff2'),
         url('../woff/din_medium-webfont.woff') format('woff'),
         url('../ttf/din_medium-webfont.ttf') format('truetype'),
         url('../svg/din_medium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



* { 
		margin: 			0; 
		padding: 			0; 
		border: 			0; 

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
         box-sizing: border-box;

/*         
         -webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
*/
}


::selection {
	background: #30b7f8; /* Safari */
	}
::-moz-selection {
	background: #30b7f8; /* Firefox */
}

html {		

					margin:				0;
					padding:			0;
					width:				100%;
					height: 			100%;
					overflow-y:	 		scroll;
				
					font-family: 		'din_mediumregular',Arial, Helvetica, sans-serif;
					background:			#ffffff;
					
}
 
body {
			
					margin:				0;
					padding:			0;
					width:				100%;
					height: 			100%;
					font-size:			15px;
					line-height:		22px;
					top:				0;
					text-align:			left;
					
					color:				#505050; 

					font-family: 		'din_mediumregular',Arial, Helvetica, sans-serif;
				
					background:			#ffffff;
					font-weight:		normal;
					
}


h1{
					font-family: 		'merriweatherlight';
					font-size:			36px;
					line-height:		40px;
					color:				#ffffff;
					font-weight:		normal;
}

h2{
					font-family: 		'din_mediumregular';
					font-size:			13px;
					line-height:		18px;
					color:				#353535;
					font-weight:		normal;
}
h3{
					font-size:			11px;
					font-weight:		normal;
					color:				#00000;
					line-height:		14px;
					
}


#wrap {
					position:			relative;
					
					min-height: 		100%;
					height: 			100% !important;
					
					margin: 			0 auto  -0px; 
					
					
					
					
					
					text-align: 		center;
					
					
}

	
	
#main {
					position: 			relative;
					overflow:			visible;
					padding-bottom: 	0px; 
}


#screen{
					position:			relative;
					margin:				0px auto;
					min-width: 			980px;
					
					
					
					text-align:			left;
					
					
}

#menu{
					position:			absolute;
					left:				-161px;
					top:				0px;
					width:				160px;
					height:				100%;
					background:			#222222;
					background:			rgba(0,0,0,0.9);
					color:				#ffffff;
					line-height:		22px;
					font-size:			13px;
					text-align:			left;
					font-family: 		'din_mediumregular',Arial;
}




.menuitem{
					position:			relative;
					cursor:				pointer;
}

.menuitem a{
					display: 			block;
					width:				100%;
					height:				100%;
					color:				#ffffff;
					line-height:		22px;
					padding:			5px 0px;
					text-decoration:	none;
}

.toptitle{
					font-family: 		'din_lightregular',Arial;
					height: 			39px;
					line-height:		39px;
					color:				#ffffff;
					background:			#333333;
					text-align:			center;
					font-size: 			15px;
					
}

.toptitle a{
					color:				#ffffff;
					text-decoration:	none;
					display: 			block;
					width:				100%;
					height:				100%;
}

.greyarea{
					position:			relative;
					/*
					margin:				0px 80px 40px 80px;
					width:				auto;
					*/
					margin:				0px auto;
					width:				980px;
					min-height:			605px;
					
					background:			#dadada;
					text-align:			left;
					
}


.photofoot{
					font-family: 'din_mediumregular';
					font-size:			13px;
					color:				#505050;
					line-height:		15px;
}

.conversesmenu{
					font-family: 'din_lightregular';
					position:			relative;
					text-align:			center;
					font-size:			28px;
					font-weight:		100;
					height:				153px;
					line-height:		153px;
}

.conversesmenu a{
					text-decoration:	none;
}

.promomenu{
					float: 				left;
					width: 				115px;
					height:				60px;
					text-align:			center;
					color:				#ffffff;
					margin:				0px 6px 6px 0px;
					font-size:			11px;
					line-height:		12px;
					
					
}
.promomenu i{
					font-family: 		'merriweatherlight';
}

.promomenu_title{
					font-family: 		'din_lightregular';
					float: 				left;
					width: 				357px;
					height:				60px;
					text-align:			center;
					color:				#000000;
					margin:				0px 6px 6px 0px;
					font-size:			36px;
					line-height:		64px;
					font-weight:		100;
					
}



.any_index{
					float: 				left; 
					width: 				12px; 
					height: 			18px; 
					margin: 			11px 0px 0px 0px; 
					border-left: 		1px solid white;
					cursor:				pointer;
}

.any_index_selected{
					float: 				left; 
					width: 				12px; 
					height: 			18px; 
					margin: 			11px 0px 0px 0px; 
					border-left: 		1px solid white;
					background:			#ffffff;
					cursor:				pointer;
}


.tri{
					position:			absolute;
					right:				-24px;
					top:				210px;
					width: 				0;
					height: 			0;
					border-style: 		solid;
					border-width: 		24px 0 24px 24px;
					border-color: 		transparent transparent transparent #ffffff;
}

.tri_in{
					position:			absolute;
					left:				-24px;
					top:				-14px;
					width:				0;
					height: 			0;
					border-style: 		solid;
					border-width: 		14px 0 14px 14px;
					border-color: 		transparent transparent transparent #cccccc;
}



.promolink{
					color:				#505050;
					text-decoration:	underline;
					font-size:			13px;
					line-height:		15px;
}

.promolink:hover{
					color:				#508050;
}


.garbi_video{
	margin: 0px 0px 0px 0px;
	width: 640px;
	height: 360px;
	
	
}

.garbi_videoIE{
	
	width: 640px;
	height: 360px;
}


.gei_subtop{
	position: 			relative;
	font-family: 		'din_lightregular';
	height:				62px;
	background:			#444444;
	font-size:			28px;
	line-height:		28px;
	color:				#ffffff;
	text-align:			center;
	
}
.gei_subtop p{
	font-family: 		'merriweatherlight_italic',Arial;
	margin:				-2px 0px 0px 0px;
	font-size:			12px;
	font-style:			normal;
	line-height:		12px;
}

#centralinfo{
	display:			none;
	position:			relative;
	width:				300px;
	
	margin:				0px auto;
	cursor:				pointer;
	

}

#centralinfo_in{
	font-family: 		'din_mediumregular';
	display:			none;
	height:				auto;
	color:				#282828;
	font-size:			13px;
	line-height:		18px;
	padding: 			30px 20px;
	background:			rgba(255,255,255,0.8);
	
}

#qvp_cur_any{
	text-align: center; 
	line-height: 62px;
	
	font-family: 		'din_lightregular';
	font-size:			28px;
	
	color:				#ffffff;
}

.qvp_timeline{
	font-family: 		'din_lightregular';
	position: relative;  
	width: 738px; 
	height:40px;  
	line-height:40px; 
	font-size: 15px; 
	color: #ffffff; 
	background: #5e9732;
}


.qvp_titpart{
	font-family: 		'merriweatherlight';
	font-size: 32px; 
	line-height: 32px;
	color: #ffffff; 
}

.qvp_piefoto{
	font-family: 		'din_mediumregular';
	position: relative; 
	font-size: 10px; 
	line-height: 12px; 
	color: #282828;
	padding: 10px 20px 0px 0px;
}

.qvp_text{
	font-family: 		'din_mediumregular',Arial, Helvetica, sans-serif;
	font-size:			14px;
	line-height:		20px;
	font-weight:		100;
}

.lp_ancr_title{
	height: 44px; 
	line-height: 44px; 
	font-family: 		'din_lightregular';
	font-size: 16px;
	color: #ffffff; 
	text-align: center;
}

.lp_ancr_subtitle{
	height: 140px; 
	font-family: 		'merriweatherlight';
	font-size: 36px; 
	line-height: 40px;
	
	color: #ffffff; 
	text-align: left; 
	padding: 20px 40px 0px 40px;
}

.lp_ancr_authors{
	float: left; 
	width: 290px; 
	padding: 0px 20px 0px 40px;
	font-size: 13px; 
	line-height: 16px;
	color: #282828;
}


.inilink{
	width: 18%;
	font-size: 14px;
	line-height: 20px;
	display: inline-block; 
	vertical-align: top;
	font-weight: 100;
}

.inilink a{
	text-decoration: none;
	color: #515151;
}

.inilink a:hover{
	color: #282828;
}

#photocontainer{
	margin: 0 auto;
	width: 980px;
	position: relative;
}


.nota{
	font-size: 10px;
	line-height: 12px;
}	

.destacat{
	font-family: 		'merriweatherlight';
	font-size: 15px; 
	line-height: 20px;
	color: #505050;
	margin: 30px 0px 40px 0px;
}

