/*	==========================================================
	FONT SAMPLE

@font-face {
    font-family: 'sui_generisregular';
    src: url('./font/suigener.eot');
    src: url('./font/suigener.eot?#iefix') format('embedded-opentype'),
         url('./font/suigener.woff') format('woff'),
         url('./font/suigener.ttf') format('truetype'),
         url('./font/suigener.svg#sui_generisregular') format('svg');
}
	==========================================================	*/
	
/*								GENERAL CSS				*/
/* html{ overflow: hidden; } /* added for IE lag in scrolling with fixed background */ 
html, body{
	height:100%; width:100%; 
	margin:0px; padding:0px;
}
body{
	overflow: auto;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color:#F6F5F4;	
	overflow: auto;
}
.weg{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/*								HEADER				*/	
#HEAD{
	position:fixed;
	z-index:2;
	top:0px; left:0px; width:100%;
	padding-bottom:1px;
	border-bottom:1px solid #EEEEEE;
	background-color:#FFFFFF;
}
/*								NAVIGATION				*/	
#NAV{
	max-width:1200px;
	height:45px;
	margin:0px auto;
	top:0px; left:0px; width:100%;
	background-color:#FFFFFF;
}
#LOGO{
	width:30%;
	display:inline-block;
	vertical-align:middle;
}
#LOGO img{
	width:100%;
}
nav{
	width:60%;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
}
nav a{
	display:inline-block;
	text-decoration:none;
	color:#999999; 
	margin:0px 30px; 
	font-size:1em;
	letter-spacing: 0.1em;
}
nav select{
	display:none;
	color:#999999; 
	margin:10px 30px 0px 30px; 
	padding:5px 10px;
	font-size:1em;
	letter-spacing: 0.1em;
}
nav a:hover{
	color:#0099CC;
}
nav ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}
nav li{
	display:inline-block; 
}
/*								GENERAL LAYOUT				*/	
section{
	z-index:1;
	width:100%;
	margin-top:45px;
	line-height:150%;
}
.LIGHT{
	background-color:#FDFDFD;
	padding-bottom:1px;
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
}
article{
	max-width:1200px;
	margin:0px auto;	
	position:relative;
	padding-top:50px; 
}
article h2{
	font-size:1.5em;
	padding:0px 5px;
	color:#0099CC;
}
article p {
	padding:10px;
	text-align:justify;
}
article a {
	color:#0099CC;
}
/*								HOME				*/	
#HOME1{
	max-width:100%;
	background-color:transparent;
	background-image:url(./img/home-back-2.jpg);
	background-position:left top;
	background-size:cover;
	border-top:1px solid #EEEEEE;
	padding-top:0px;
}
#HOME1 header{
	max-width:50%;
	margin:0px auto;
	text-align:center;
	padding:80px 20px; 
	color:#FFFFFF;
	text-shadow:0px 0px 5px #000000;
	letter-spacing:0.1em;
	font-size:1.2em;
	line-height:150%;
}
#HOME1 h2{
	color:#FFFFFF;
}
#HOME1 h2 a{
	color:#FFFFFF;
}
#HOME2{
	max-width:100%;
	background-color:#DDD5C7;
	border-top:1px solid #C7BBA5;
	border-bottom:1px solid #C7BBA5;
	padding:10px 0px; 
}
#HOME #SUBNAV{
	max-width:1200px;
	margin:0px auto;
}
#HOME2 ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align:center;
}
#HOME2 li{
	display:inline-block;
}
#HOME2 a{
	display:inline-block;
	padding:10px;
	margin:5px;
	text-decoration:none;
	color:#887777;
	background-color:#E4DDD2;
	font-size:0.9em;
	letter-spacing:0.1em;
	}
#HOME2 a:hover{
	color:#554444;
	background-color:#D4CDC2;
}
.TOP {
	max-width:1200px;
	margin:30px auto;
	text-align:center;
}
.TOP a{
	text-decoration:none;
	font-size:0.8em;
	letter-spacing:0.1em;
	margin-right:10px;
	color:#0099CC;
}
.TOP a:hover{
	color:#554444;
}
.PICL{
	float:left;
	width:20%;
	padding:10px 20px; 
}
.PICR{
	float:right;
	width:20%;
	padding:10px 20px; 
}
.PICL img, .PICR img{
	width:100%;	
	margin-bottom:10px; 
}
/*								CONTACT				*/	
#CONTACT1{
	max-width:100%;
	background-color:transparent;
	background-image:url(./img/contact-back-1.jpg);
	background-position:left top;
	background-size:cover;
	border-top:1px solid #EEEEEE;
	padding-top:0px;
}
#CONTACT1 header{
	max-width:50%;
	margin:0px auto;
	text-align:center;
	padding:40px 20px; 
	color:#FFFFFF;
	text-shadow:0px 0px 5px #000000;
	letter-spacing:0.1em;
	font-size:1.2em;
	line-height:150%;
}
#CONTACT1 h2{
	color:#FFFFFF;
}
#CONTACT2 #MAN{
	float:left;
	width:20%;
	vertical-align:bottom;
	margin-top:80px;	
}
#CONTACT2 form{
	float:left;
	display:block;	
	width:75%;
	vertical-align:bottom;
	margin-top:40px;
}
#CONTACT2 label{
	display:block;	
	margin-bottom:20px;
}
#CONTACT2 .R{
	display:inline-block;
	text-align:right;
	white-space:nowrap;
	margin-right:10px;
	width:25%;
	vertical-align:top;
}
#CONTACT2 input, #CONTACT2 textarea{
		width:50%;
		line-height:150%;
		padding:5px;
		font-family: Arial, Helvetica, sans-serif;
}
#CONTACT2  #CAPTCHA{
	vertical-align:top;
	margin-left:20px; 
	border:1px solid #999999
}
#CONTACT2  #REFRESH{
	vertical-align:top;
	width:30px;
	margin-left:10px;
	border-width:0px;
}
#MSG{
	color:#FF0000;
	text-align:center;
	margin-bottom:20px;
}
/*								FOTO				*/	
#FOTO1{
	
}
#FOTO1 img{
	width:25%;
	vertical-align:top; 
	float:left;
	margin:20px;
	padding:10px; 
	border:1px solid #999999;
}
/*								FOOTER				*/	
footer{
	z-index:1;
	width:100%;
	max-width:1200px;
	margin:0px auto;
	position:relative;
	text-align:right;
	margin-top:50px;
	clear:both;
}
footer h2{			width:100%; font-size:0.7em; }
footer a{			text-decoration:none; color:#CCCCCC; padding-right:10px; padding-bottom:10px;  }


/*								RESPONSIVE START	-  100% = 1 em ~= 16px ~= 14pt			*/
/* 								TABLET (landscape) 				*/

@media all and (max-width: 55em){
nav a{
	display:none;
}
nav select{
	display:inline-block;
}
	
	

}