/*----------------------------------MAIN CSS---------------------------------------------------------------------------------------------------------*/

.ie7 body{
	overflow:hidden;
}


#menu-mobile {display:none;}

#startpage  {
			height:						300px;
			width:						100%;
			margin:						15% auto;				
			padding:					0 auto;
			color:						rgba(255,255,255,1);
			text-align:					center;		
			position:					fixed;
			z-index:					999;
			}
#logo-startpage {text-align:center; width: 100%; margin:10px auto; border:none;}
			
.startpage-flag  {
			position:					relative;
			margin:						0 auto;				
			padding:					5px;
			border: 					none;	
			}

 
body		{
			max-width:					100%;
			height:						100%;
			margin:						0px;
			padding:					0px;
			
			font-family: 				'Trebuchet MS', sans-serif;			
			font-weight:				300;	
			font-size:					14px;
			color:						rgba(255,255,255,1);			
			
			background-color: 			#111;	
	/*		overflow-y:					scroll;		*/
			overflow-x:					hidden;		

			}

#container	{
			width:						1100px;
			margin:						0px auto 5%;   /* --Center--*/
			padding:					85px 15px 120px 15px;
			background-color: 			rgba(10,10,10,0.70);
			display:					block;
			}

.container-about	{height:			500px; }

.container-history	{height:			800px; }

.container-exhibition	{height:			1000px; }

.container-products	{height:			480px; }


/*----------------------------------LOGO HEAD--------------------------------------------------------------------------------------------------*/
						
#logo-head  {	
			width: 						200px;
			height: 					110px;
			margin: 					-196px 0px 0px 0px;
			padding: 					0px;
			background-image:			url(../images/graphic/logo-head.png);
			background-size:			contain;
			background-repeat:			no-repeat;
			position: 					relative;
			border:						none;
			z-index:					1000;
			}
						
#en-logo-head  {	
			width: 						200px;
			height: 					110px;
			margin: 					-196px 0px 0px 0px;
			padding: 					0px;
			background-image:			url(../images/graphic/en-logo-head.png);
			background-size:			contain;
			background-repeat:			no-repeat;
			position: 					relative;
			border:						none;
			z-index:					1000;
			}			
			
/*----------------------------------LANGUAGE BUTTON----------------------------------------------------------------------------------------------*/
							
#lang-button  {	
			height: 					20px;
			right:						40px;
			top:						30px;
			display:					inline;
			position: 					absolute;
			border:						none;

			}	

/*----------------------------------CONTENT--------------------------------------------------------------------------------------------------*/
			
.content-full	{
			display: 					block;	
			position:					absolute;	
			width: 						700px;
			height:						auto;
			height: 					auto;
			margin: 					13px 0px 0px 300px;
			padding: 					0px 0px 80px 0px;
			background-color: 			transparent;
			position: 					relative;
			
			}
		
.content-half-right	{
	position: relative;	
			display:					inline-block;	
			padding-top:				5px;
			padding-bottom:				5px;			
			padding-left:				1.5%;
			margin:						0px;
			width:						49%;
			height:						auto;
			float: 						left;
			text-align:					right;
			}
					
		
.content-half-left	{
		position:relative;	
	
			display:					inline-block;	
			padding-top:				5px;
			padding-bottom:				5px;
			padding-right:				1.5%;
			margin:						0px;
			width:						48%;
			height:						auto;
			float: 						left;
			text-align:					left;
			}

				
.content-products	{
			display:					inline;			
			padding:					10px 5px 0px 0px ;
			margin:						0px;
			width:						19.2%;
			height:						auto;
			float: 						left;
			border:						none;
			}
			
.content-products-small	{
			display:					inline;			
			padding:					0px 0px 0px 0px;
			margin:						auto 3px;
			width:						11.64%;
			height:						auto;
			float: 						left;
			border:						none;
			}	
			
.content-productssp	{
			display:					inline;			
			padding:					0px 0px 0px 0px;
			margin:						auto 3px;
			width: 						24%;
			height: 					100%;
			float: 						left;
			border:						none;
			}	


#content-product-navigation{			
			letter-spacing:				0em;
			font-weight:				400;
			text-align:					left;
			font-size:					12px;
			text-decoration:			none;
			margin: 					10px auto;
			border:						none;
			}


/*-----------------------------------H1, H2, H3, P, A,-----------------------------------------------------------------------------------------------*/

.align-left {text-align:left; }

.align-right {text-align:right; }

h1 			{
			font-weight:				400;
			font-size:					4em;
			padding:					10px 0px;
			margin:						0px;
			text-align:					right;
			color:						rgba(255,255,255,1);
			font-family:				'Trebuchet MS', sans-serif;	
			}
	
h2 			{
			letter-spacing:				0em;
			font-weight:				400;
			font-size:					1.3em;
			padding: 					10px 0;
			margin:						auto;
			text-align:					justify;
			}
				
h3 			{
			font-weight:				300;
			font-size:					28px;
			padding:					0 0 5px 0;
			margin:						auto;
			text-align:					right;
			}
			

hr 			{
			border: 1px solid rgba(255,255,255,0.5);
			margin:4px auto;
			}
			
p 			{
			letter-spacing:				0em;
			font-weight:				400;
			font-size:					1.1em;
			text-align:					justify;
			padding:					10px 0px 10px;
			margin:						0px;
			}	
			
a 			{
			border:						none;
			color:						rgba(255,255,255,0.7);
			text-decoration:			none;					
			-webkit-transition:			0.35s ease-in 0.1s;
			-moz-transition: 			0.35s ease-in 0.1s;
			-o-transition: 				0.35s ease-in 0.1s;
			-ms-transition:				0.35s ease-in 0.1s;   
			transition: 				0.35s ease-in 0.1s;
			}	
					
a:hover, a:active {
			color:						rgba(255,255,255,1);			
			text-decoration:			none;					
			-webkit-transition: 		0.15s ease-in 0s;
			-moz-transition: 			0.15s ease-in 0s;
			-o-transition: 				0.15s ease-in 0s;
			-ms-transition:				0.15s ease-in 0s;   
			transition: 				0.15s ease-in 0s;
			}

/*-----------------------------------IMAGES-----------------------------------------------------------------------------------------------*/

#img-normal 	{
			padding-top:				0px;
			margin:						0px;
			width:						200px;
			min-width:					40%;
			border:						none;
			}
			
#img-title 	{
			padding-top:				0px;
			margin:						0px;
			width:						100%;
			border:						none;
			}
			
.img-border {	  		
			padding-top:				0px;
			margin:						0px;
			width:						100%;
			border: 					1px solid rgba(255,255,255,0.3);			
			-webkit-transition:		 	0.9s ease;
			-moz-transition: 			0.9s ease;
			-o-transition: 				0.9s ease;
			-ms-transition: 			0.9s ease;
			transition: 				0.9s ease;
			}
			
.img-border:hover	{
			border: 					1px solid rgba(200,200,200,0.9);
			-webkit-transition: 		0.15s ease;
			-moz-transition: 			0.15s ease;
			-o-transition: 				0.15s ease;
			-ms-transition: 			0.15s ease;
			transition: 				0.15s ease;
			}
			
			
#logo-footer	{
			padding:					0px 10px 0px 0px;
			margin:						-23px 0px -1px 0px;
			position:					relative;
			border:						none;

}
			
						
.transparent {
			border:						none;
	  		-ms-filter: 				"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* IE 8 */
	  		filter: 					alpha(opacity=75);  /* IE 5-7 */
	  		-moz-opacity: 				0.75;  /* Netscape */
	  		-khtml-opacity: 			0.75;  /* Safari 1.x */
	  		opacity: 					0.75;  /* Good browsers */
			-webkit-transition:		 	0.5s ease;
			-moz-transition: 			0.5s ease;
			-o-transition: 				0.5s ease;
			-ms-transition: 			0.5s ease;
			transition: 				0.5s ease;
			}

.transparent:hover {
	  		-ms-filter: 				"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";  /* IE 8 */
	  		filter: 					alpha(opacity=95);  /* IE 5-7 */
	  		-moz-opacity: 				0.99;  /* Netscape */
	  		-khtml-opacity: 			0.99;  /* Safari 1.x */
	  		opacity: 					0.99;  /* Good browsers */
			-webkit-transition: 		0.15s ease;
			-moz-transition: 			0.15s ease;
			-o-transition: 				0.15s ease;
			-ms-transition: 			0.15s ease;
			transition: 				0.15s ease;
			}

.logo-icon-small {
			border:			none;
			margin-bottom: -3px;
			padding-left: 3px;
			}

.logo-icon {border:			none;	}




.flag 		{
			width:						20px;
			height:						13px;
			margin-bottom: 				-2px;	  		
			-ms-filter: 				"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";  /* IE 8 */
	  		filter: 					alpha(opacity=75);  /* IE 5-7 */
	  		-moz-opacity: 				0.75;  /* Netscape */
	  		-khtml-opacity: 			0.75;  /* Safari 1.x */
	  		opacity: 					0.75;  /* Good browsers */
			-webkit-transition:		 	0.5s ease;
			-moz-transition: 			0.5s ease;
			-o-transition: 				0.5s ease;
			-ms-transition: 			0.5s ease;
			transition: 				0.5s ease;
			border:			none;
			}
			

.flag:hover {
	  		-ms-filter: 				"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";  /* IE 8 */
	  		filter: 					alpha(opacity=1);  /* IE 5-7 */
	  		-moz-opacity: 				1;  /* Netscape */
	  		-khtml-opacity: 			1;  /* Safari 1.x */
	  		opacity: 					1;  /* Good browsers */
			-webkit-transition: 		0.15s ease;
			-moz-transition: 			0.15s ease;
			-o-transition: 				0.15s ease;
			-ms-transition: 			0.15s ease;
			transition: 				0.15s ease;
			}
			
			
			
			
/*-----------------------------------HEADER----------------------------------------------------------------------------------------------------------*/
					
#header		{
			position:					relative;
			top:						0px;
			width:						100%;
			height:						100px;
			margin:						auto;
			padding:					10px 0px;
			
			text-align:					right;
			font-weight:				300;	
			font-size:					10px;
			color:						rgba(255,255,255,1);	
			
			background-color: 			rgba(10,10,10,0.85);
			border-bottom:				1px solid rgba(255,255,255,1);
			}	
			
/*--FOOTER--*/
				
#footer		{	
			display:					absolute;
			position:					fixed;
			bottom:						0px;
			width:						100%;
			height:						50px;
			margin-bottom:				0px;
			padding:					0;
			text-align:					right;			
			font-weight:				400;	
			font-size:					11px;
			color:						rgba(255,255,255,1);			

			background-color: 			rgba(10,10,10,0.9);
			border-top:					1px solid rgba(255,255,255,1);
			clear:						both;
			}
	
	
.clearfix {
  overflow: auto;
  zoom: 1;
}		


/*--PRODUCTS POP UP--*/
	
	
	
.img-popup {

width:100%; height:auto; border:none;
filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity:1.00;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2 ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
box-shadow: 0 0 30px rgba(0,0,0,1); -webkit-box-shadow:	0 0 30px rgba(0,0,0,1); -moz-box-shadow: 0 0 30px rgba(0,0,0,1);
}


.black_overlay{
							display: none;
							position:fixed;
							top: 0%;
							left: 0%;
							width: 100%;
							height: 100%;
							background:  url(../images/graphic/bg-lines.png) repeat;
							background-color:#000;
							z-index:1002;
							filter: alpha(opacity = 80); -ms-filter: "alpha(opacity = 80)" ; opacity:0.80 ;
							}
	
.white_content 				{
							box-shadow: 0 0 30px rgba(0,0,0,1); -webkit-box-shadow:	0 0 30px rgba(0,0,0,1); -moz-box-shadow: 0 0 30px rgba(0,0,0,1);
							display: none;
							position: fixed;
							top: 0%;
							left: 20%; right: 20%;
							height: auto;
							padding: 50px 10px 10px 10px;
							background-color:rgba(0,0,0,0.75);
							text-align:center;
							color:#fff;
							font-size:22px;
							font-weight:400;
							z-index:1005;		
							border:none; 
							line-height:0.5;
							}
				
.logo-pop-up 				{							
							position: absolute; margin:0px auto; padding: 0;
							bottom:20px; height: 80px;
							border: none; z-index:1008;left: 4%; right: 4%;
							}	
										
.close-button 				{
							filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity:0.50;
							position: absolute; margin:-0px; padding: 1px;
							top:10px; right:0px; height: 70px; width:auto;
							border: none; z-index:1008;
							}
				
.next-button, .prev-button  {
							filter: alpha(opacity = 50); -ms-filter: "alpha(opacity = 50)"; opacity:0.50;
							position: absolute; margin: auto; padding: 10px;
							bottom: 40%; width: 100px; height: 100px;
							border: medium none;
							z-index: 1008;
							}
		
.next-button 				{right: 0px;}
		
.prev-button 				{left: 0px;}
		
		
	.next-button:hover, .prev-button:hover, .close-button:hover   {
	filter: alpha(opacity = 100); -ms-filter: "alpha(opacity = 100)"; opacity:1.00;
	}