@font-face {
	font-family: 'Novecentowide-Normal';
	src: url('../fonts/novecentowidenormal.eot');
	src: url('../fonts/novecentowidenormal.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/novecentowidenormal.woff') format('woff'),
			 url('../fonts/novecentowidenormal.ttf') format('truetype'),
			 url('../fonts/novecentowidenormal.svg#novecentowidenormal') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Novecentowide-Bold';
	src: url('../fonts/novecentowidebold.eot');
	src: url('../fonts/novecentowidebold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/novecentowidebold.woff') format('woff'),
			 url('../fonts/novecentowidebold.ttf') format('truetype'),
			 url('../fonts/novecentowidebold.svg#novecentowidebold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Garamond-Italic';
	src: url('../fonts/garait.eot');
	src: url('../fonts/garait.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/garait.woff') format('woff'),
			 url('../fonts/garait.ttf') format('truetype'),
			 url('../fonts/garait.svg#garait') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
		font-family: 'AGaramondPro-Regular';
		src: url('../fonts/agaramondproregular.eot');
		src: url('../fonts/agaramondproregular.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/agaramondproregular.woff') format('woff'),
				 url('../fonts/agaramondproregular.ttf') format('truetype'),
				 url('../fonts/agaramondproregular.svg#agaramondproregular') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'AGaramondPro-Bold';
		src: url('../fonts/agaramondprobolditalic.eot');
		src: url('../fonts/agaramondprobolditalic.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/agaramondprobolditalic.woff') format('woff'),
				 url('../fonts/agaramondprobolditalic.ttf') format('truetype'),
				 url('../fonts/agaramondprobolditalic.svg#agaramondprobolditalic') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'AGaramondPro-Bold';
		src: url('../fonts/agaramondprobold.eot');
		src: url('../fonts/agaramondprobold.eot?#iefix') format('embedded-opentype'),
				 url('../fonts/agaramondprobold.woff') format('woff'),
				 url('../fonts/agaramondprobold.ttf') format('truetype'),
				 url('../fonts/agaramondprobold.svg#agaramondprobold') format('svg');
		font-weight: normal;
		font-style: normal;
}

.garaI{ font-family: 'Garamond-Italic'; }
.novB{ font-family: 'Novecentowide-Bold'; }
.gal{ font-family: 'AGaramondPro-Regular'; }


body,html {	font-family: Arial, Verdana , Tahoma;	color: #000000;	font-size: 100%;	padding: 0px;	margin: 0px;	height:100%;	width:100%;}
body {    font:1em/1.5em 'Verdana', 'Arial', sans-serif;}
img{  border:0; }
.site{ width:978px; margin:auto; }
form {	padding: 0px;	margin: 0px;	border: 0px;}
p {	margin: 0px;	padding: 5px 0px 5px 0px;	}

h1 {	color: #FFF;	margin: 10px 0px 0px 0px;	padding: 0px 0px 5px 0px;	font-weight: bold;	font-size: 2em; text-transform:uppercase; line-height:1em;  }
h2 {	color:#FFF;	margin: 6px 0px 6px 0px;	padding: 0px;	font-weight: normal;	font-size: 1.3em; text-transform:uppercase;}
h3 {	color: #000000;	margin: 4px 0px 4px 0px;	padding: 0px;	font-weight: normal;	font-size: 14px;}

a {	text-decoration: none;	color: #000;}
a:hover {	color: #333;}
.clearer{	clear:both;	}

.menu{ width:100%; height:77px; position:fixed; background: transparent url( ../hpimages/bgr_menu_def.png ) repeat-x top left; padding-top:22px; z-index:200;  }

.logoBox{ width:25%; float:left; text-align:center; }
.logoBox img.l{ width:180px; margin-top:5px; }

.menuItem{ width:75%; list-style:none; margin:0px; padding:0px;  float:left; }
.menuItem li{ float:left; width:33%; text-align:center; }
.menuItem li a { font-family: 'Novecentowide-Bold'; display:block; color:#FFF; font-weight:bold;}
.menuItem li a:hover {  color:#c3f5fb;   }
.menuItem li a span{ font-family: 'AGaramondPro-Bold'; display:block; font-weight:normal; color:#c3f5fb; font-size:0.9em; line-height:0.9em; }
.menuItem li a:hover span{ color:#FFF; }

.openMenu{ display:block; margin-top:10px; display:none; }

.writingText{ font-size:1em; font-style:italic; display:inline-block; }
.collectBox h2{font-family: 'Novecentowide-Normal'; font-size:0.9em;}
.collectBox h1{ font-size:2.2em; }


.contentFirst{ background:#fcdf7b url(../hpimages/bgr_first3.jpg) repeat-x top left; padding-top:90px; height:619px;}

.firstBoxSlide{  height:619px;  }
.slideBr1{ background:transparent url(../hpimages/slidepic1.jpg) no-repeat top center;  }
.slideBr2{ background:transparent url(../hpimages/slidepic2.jpg) no-repeat top center;  }
.slideBr3{ background:transparent url(../hpimages/slidepic3.jpg) no-repeat top center; }
.slideBr4{ background:transparent url(../hpimages/slidepic4.jpg) no-repeat top center; }
.slideBr5{ background:transparent url(../hpimages/slidepic5.jpg) no-repeat top center; }

.slideBox{ text-align:center; }
.slideBox .title{  color:#0097aa; font-family: 'Novecentowide-Bold'; font-size:24px; padding-top:450px;  }

.slideLead{ font-family: 'AGaramondPro-Bold'; margin:0px 60px; padding:0px; line-height:1em; margin-top:0.7em;} 

.box1Slide2 .title{ color:#0097aa; font-family: 'Novecentowide-Bold'; font-size:24px; padding-top:490px; }

.contentSec{ background:#d1f59f  url(../hpimages/bgr_green.jpg) repeat-x top left; border-bottom:1px solid #dcd3b9; border-top:1px solid #e3fbfd; }

.contentTh{ z-index:400; background:#adf0f9 url(../hpimages/bgr_blue_x.jpg) repeat-x top left ; text-align:center; border-top:1px solid #e3fbfd; }

.contentTh h1 , .contentTh h2{ color:#0097aa; margin-top:0px;  font-family: 'Novecentowide-Bold'; }
.contentTh h1 { padding:1em; line-height: 1em; margin-bottom:1.5em; }
.contentTh h2{ margin:1em 1em; }

.bgrBlue{ background:transparent url(../hpimages/bgr_blue.jpg) no-repeat top center; padding-bottom:30px;  }


.col{ width:33%; float:left; text-align:center; }

.sepBox{ border-top:1px solid #686362; border-bottom:1px solid #1b1716; color:#FFF; background:#362f2d url(../hpimages/bgr_brown_shadow.png) repeat-x top left; text-align:center; padding:2em 3em;  }

.titleLead{ font-size:1em; font-weight:bold; font-family: 'AGaramondPro-Bold'; color:#000; line-height:1.2em; margin:auto 1em 1.5em 1em;}
.leadText{ padding:1.5em; font-size:0.9em; text-align:justify; }
a.btnContact{ display:inline-block; height:32px; width:144px; text-align:center; color:#FFF; font-family: 'Novecentowide-Bold'; background:transparent url(../hpimages/button.png) no-repeat top left;  padding-top:6px;  }

a.btnContact:hover{ background:transparent url(../hpimages/button_hover.png) no-repeat top left; }

.contact h2{ font-size:0.9em; font-weight:bold; font-family: 'Novecentowide-Bold';}

.flexslider2{ height:618px; overflow:hidden; }

.slideBr21{ background:transparent url(../hpimages/slidepic21.jpg) no-repeat top center;  }
.slideBr22{ background:transparent url(../hpimages/slidepic22.jpg) no-repeat top center;  }
.slideBr23{ background:transparent url(../hpimages/slidepic23.jpg) no-repeat top center;  }
.slideBr24{ background:transparent url(../hpimages/slidepic24.jpg) no-repeat top center;  }
.slideBr25{ background:transparent url(../hpimages/slidepic25.jpg) no-repeat top center;  }

.titleBox2{ padding-top:500px !important; }

.appPic{ margin-top:10px; }
.lang{ padding:2em 0 0 0;  color:#c3f5fb; font-family: 'AGaramondPro-Bold';}
.lang a{ font-size:0.8em;  color:#c3f5fb; }

.contentFrom{ background-color:#0097aa;  text-align:center; border-top:1px solid #e3fbfd;  color:#FFF; padding:30px 0px 30px 0px; }
.formLine{ padding:4px 0px 3px 0px; }
.inp{ border:none; border-radius:5px;  -moz-border-radius:5px; padding:7px; width:50%;  border:1px solid #FFF; }
.inpshort{ width:30%; }
.leadFormText{ padding:15px 20px 15px 20px; }
.sendBox{ padding:10px 0px 10px 0px; }

a.sendBtn{ width:145px; height:38px; text-transform:uppercase;  font-family: 'Novecentowide-Bold'; line-height:36px; cursor:pointer; background:transparent url(../hpimages/sendbtn.png) no-repeat top left; display:inline-block;  color:#FFF; font-size:13px; text-shadow:1px 1px 1px #333; -moz-text-shadow:1px 1px 1px #333; }
.formText{ font-weight:bold; font-size:1em; }

.sendOkBox{ padding:3.5em 0em 3.5em 0em; }
input.errorInputs{ border:1px solid red; background-color:#fffcd5; }
.loadingOrder{ padding-top:10px; padding-bottom:10px; }

.appPic span{display:inline-block; width:20px; }

@media screen and (max-width:978px) {
    .site{ width: 100%; }
}

@media screen and (max-width:748px) {
    body {
        font-size:0.8em;
    }
	.logoBox img.l{ width:100%; }
	.firstBoxSlide{ width: 100%; height:619px;  }
	
}

@media screen and (max-width:320px) {
    body {
        font-size:0.7em;
    }
	
	.openMenu{  display:block; margin-bottom:15px; }
	.logoBox{ float:none; width:100%; }
	.logoBox img.l{ width:180px; }
	.menuItem { float:none; width:100%; margin-top:-6px;  display:none;   }
	.menuItem li{ float:none; width:100%; background-color:#362f2d; border-bottom:1px solid #302a28; border-top:1px solid #302a28; padding:6px 0px; }
	.menu{ padding-top:8px;  height:auto; }
	.col{ float:none; width:100%; }
	a.btnContact{ padding-top:10px;}
	.contentTh h2{ font-size:1.5em; }
	
	.titleLead{ font-size:1.5em;}
	
	.leadText{ font-size:1.5em; }
	
	.firstBoxSlide{ width: 320px; height:389px;  }
	.contentFirst{ height:389px; }
	
	.slideBr1{ background:transparent url(../hpimages/slidepic1_320.jpg) no-repeat top center;  }
	.slideBr2{ background:transparent url(../hpimages/slidepic2_320.jpg) no-repeat top center;  }
	.slideBr3{ background:transparent url(../hpimages/slidepic3_320.jpg) no-repeat top center; }
	.slideBr4{ background:transparent url(../hpimages/slidepic4_320.jpg) no-repeat top center; }
	.slideBr5{ background:transparent url(../hpimages/slidepic5_320.jpg) no-repeat top center; }
	
	.slideLead{ font-size:1.3em; line-height:1.1em; margin:0px; padding:0px 10px 0px 10px; font-family: 'AGaramondPro-Regular'; }
	.slideBox .title{ font-size:14px; line-height:16px;  padding-top:180px; margin-bottom:10px;   }
	
	.appPic{ margin-top:20px; }
	
	.titleFirst{ margin-left:0px !important; width:100% !important; text-align:center !important; padding-top:190px !important; }
	.k1{ padding-top:220px !important; }
	.leadFirst{  margin:0px 25px 0px 10px !important;  text-align:center !important; }
	.menu{ position:relative; height:auto; }
	.openMenu{ padding-bottom:10px; margin-bottom:0px; }
	.contentFirst{ padding-top:0px;  }
	
	.contentSec{ height:389px; }

	.titleBox2{ padding-top:170px !important; }
	
	.slideBr21{ background:transparent url(../hpimages/slidepic21_320.jpg) no-repeat top center;  }
	.slideBr22{ background:transparent url(../hpimages/slidepic22_320.jpg) no-repeat top center;  }
	.slideBr23{ background:transparent url(../hpimages/slidepic23_320.jpg) no-repeat top center;  }
	.slideBr24{ background:transparent url(../hpimages/slidepic24_320.jpg) no-repeat top center;  }
	.slideBr25{ background:transparent url(../hpimages/slidepic25_320.jpg) no-repeat top center;  }
	
	.inp{ border:none; border-radius:5px;  -moz-border-radius:5px; padding:7px; width:80%; }
	.inpshort{ width:50%; }
	.formLine , .leadFormText{ font-size:1.5em; }
	
}