/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/


@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700italic,700);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);

/* CSS Document */

/*--------------------------------Reset--------------------------------------------- */
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}



/*-------------------------------- Global properties -------------------------------- */
html {width:100%; height:100%;}

body {
	background:#fff url(images/content_bg1.png);
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px; 
	min-width:960px;
	height:100%; 
	}
	
.wrapper {
	width : 100%;
	position: relative;		
	} 
	
div.center {
	margin:0 auto; 
	width:960px;
	}
	
.left {float:left!important;}
.right {float:right!important;}
.clear {clear: both;}
.blok {display:block;}
.centertext {text-align: center;}
.bold {font-weight: bold;}
.download {
	float: left;
	margin: 0 0 0 20px!important;
}

.text {
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:16px; 
	line-height:24px; 
	color:black; 
	text-align: center;
}

.text5 {
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:18px; 
	line-height:24px; 
	color:black; 
	text-align: left;
}

.text6 {
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:18px; 
	line-height:24px; 
	color:black; 
	text-align: center;
	
}
.text3 {
	font-family: sans-serif; 
	font-size:14px; 
	line-height:34px; 
	color:black; 
	text-align:left;
}

.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px; 
	line-height:24px; 
	color:black; 
	text-align: left;
}

.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px; 
	line-height:18px; 
	color:black; 
	padding: 0;
}

img.img {
	border: 1px #bfc1c2 solid;
    
}
	
/*h1{
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:32px; 
	line-height:32px; 
	color:#000; 
	font-weight:normal;
	padding:40px 0 30px;
	}

*/
	
h1 {
	font-family: 'Archivo Narrow', sans-serif;
	font-size:30px; 
	line-height:30px; 
	color:#00BAFF; 
	font-weight:normal;
	padding-bottom:25px;
	text-align: center;
	}	

h2{
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:24px; 
	line-height:24px; 
	color:#00BAFF; 
	font-weight:normal;
	padding-bottom:5px;
	text-transform:capitalize;
	padding-bottom: 40px;
}	

h3{
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:28px; 
	line-height:28px; 
	color:#00BAFF; 
	font-weight:normal;
	padding-bottom:17px; 
	}
	
h4{
	font-family: 'Archivo Narrow', sans-serif;  
	font-size:24px; 
	line-height:24px; 
	color:#fff; 
	font-weight:normal;
	padding-bottom:5px;
	text-transform:capitalize;
	}	

h6{
	font-family: 'Archivo Narrow', sans-serif;  
	font-size:17px; 
	line-height:17px; 
	color:#00BAFF; 
	padding:20px 0 10px;
	text-transform:uppercase;
	}	

h7 {
	font-family: 'Archivo Narrow', sans-serif;
	font-size:20px; 
	line-height:10px; 
	color:#00BAFF; 
	font-weight:bold;
	padding-bottom:15px;
	text-align: left;
	}	

h8{
	font-family: 'Archivo Narrow', sans-serif;  
	font-size:18px; 
	line-height:17px; 
	color:#00BAFF; 
	padding:20px 0 10px;
	text-transform:uppercase;
	}		
.title {
	font-family: 'Archivo Narrow', sans-serif; 
	font-size:17px; 
	line-height:23px; 
	color:#00BAFF; 
	padding-bottom:20px;
	text-transform: uppercase;
}

p.weight {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height:14px; 
	color:#48484c; 
	padding:10px 0 10px 40px;
	float: left;
	width: 50px;
}

div.line {
	background: url(images/bg_line.gif) left top repeat-x;
	height:4px;
	width: 100%;
	margin: 40px 0 40px;
}
.modalBackground {
	background-color:GrayText;
	filter:alpha(opacity=90);
	opacity:0.9;
/*	opacity:0.7; */
}
a.button {
	background: url(images/bg_button.png) left bottom no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:Black; 
	width:111px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 11px 0 12px 0;
	margin-top: 37px;
}



a.button:hover {
	background: url(images/bg_button.png) left top no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 11px 0 12px 0;
	margin-top: 37px;
}



a.more {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height:24px; 
	color:#282828; 
	text-align: center;
}

a.more:hover {
	text-decoration: none;
}
/*==================== header ====================*/
.header {    
	background: url(../images/bg_all.jpg) repeat-x ;
	position:relative;
	margin:0 auto; 
	width:100%; 
	margin-bottom: 30px;
}
	
#logo {
	float:left;
	padding-left: 10px;
	}
	
#logo a {
	display:block;
	font-family: Bodoni MT Black, sans-serif; 	
	font-size: 27px;
	padding-top: 50px;
	color: #ffffff;
	text-decoration: none
	}	
	
ul.nav {
	padding-top: 55px;
	
	}	
.nav li {
	float:left; padding-left:0px;
	
	}

.nav li:hover{
	background:none;
	color:Blue; 
	text-decoration:none;
	}

.nav li a {
	display:inline-block;
	float:left;
	font-family: 'Titillium Web', sans-serif; 
	font-size:13px; 
	line-height:13px; 
	color:Black; 
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:0; 
	width: 90px;
	font-style:normal;
	}

.nav li a:hover,.nav li a.active {
	display:inline-block;
	float:left;
	font-family: 'Titillium Web', sans-serif; 
	font-size:13px; 
	line-height:13px; 
	color:#ff4a4e; 
	font-weight:normal;
	padding:0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}	

/*==================== slider ====================*/
.slider-wrapper {
    background:none;
    height:372px;
    margin:0 auto;
    position: relative;
}	
#slider {
	position: relative;
	width:100%;
	padding:0;
}

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

.nivo-caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	left:0px;
	bottom:63px;
	background:none;
	color:#fff;
	width: 540px;
	z-index:6;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.nivo-caption span { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 16px;
    font-weight:normal;
    line-height: 26px;
    color:#000; 
    text-transform:none;
    display: inline-block;
}

.nivo-caption p { 
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px; 
	font-weight:bold;
	line-height:40px; 
	color:#000; 
	text-align: right;
}

.nivo-caption a {
	background: url(images/bg_button.png) left bottom no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 11px 0 12px 0;
	margin-top: 37px;
}

.nivo-caption a:hover {
	background: url(images/bg_button.png) left top no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 11px 0 12px 0;
	margin-top: 37px;
}


.nivo-html-caption {
    display:none;
	
}

.nivo-controlNav {
	position: absolute;
	z-index: 9;
	left: 430px;
	bottom: 27px;
}

.nivo-controlNav a {
	display:inline-block;
	width:15px;
	height:6px;
	background: url(images/slider_pinn.png) left top no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 5px;
}

.nivo-controlNav a.active {
	background: url(images/slider_pinn.png) right top no-repeat;
}
/*==================== footer ====================*/
.footer {
	background: url(images/footer.png) repeat-x;
	padding: 50px 0;
	width:100%;
	margin-top:62px;
 	} 

.footer h5{
	padding-bottom: 30px;
}   

.footer p{
	color:#fff;
	font-family:Arial, sans-serif, Helvetica;
	font-size:12px;
	line-height:18px;
}

.footer a{
	color:#fff;
	font-family: 'Archivo Narrow', sans-serif;
}   

.footer .center{ 
	background: none!important;
	}
	
ul.foot li a{
	display:block;
	height: 28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	padding-left:15px;
	padding:8px 0 0 40px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
	
ul.foot li a:hover{
	color:#f00;
}

.bg1 {
	background: url(images/footer_li_bg.png) left top no-repeat;
}

.bg2 {
	background: url(images/footer_li_bg.png) left -30px no-repeat;
}

.bg3 {
	background: url(images/footer_li_bg.png) left -66px no-repeat;
}

.bg4 {
	background: url(images/footer_li_bg.png) left -102px no-repeat;
}

.policy {
	background:none;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:14px; 
	line-height:24px; 
	color:#fff;
}
	
.policy span {
	cursor:pointer;
	text-decoration:underline;
	color:#e1abab;
	}
	
.policy span:hover {
	cursor:pointer;
	text-decoration:none;
	}	
/*==================== Login page ====================*/

/* Form Style */
.form_wrapper
{
	top:0px;
	background:#fff;
	border:1px solid #ddd;
	margin:0 auto;
	width:400px; float:right;
	font-size:16px;
	-moz-box-shadow:1px 1px 7px #ccc;
	-webkit-box-shadow:1px 1px 7px #ccc;
	box-shadow:1px 1px 7px #ccc;
}
.box{
	width:49%;
}
.left{
	float:left;
}
.right1{
	float:right;
}
div.left {
	width: 45%;
	float: left;
}
div.right {
	width: 55%;
	float: right;
}

.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;}

.form_wrapper .bottom{
	background-color:#444;
	border-top:1px solid #ddd;
	margin-top:10px;
	clear:both;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
.form_wrapper .bottom a{
	display:block;
	clear:both;
	padding:10px 30px;
	text-align:right;
	color:#ffa800;
	text-shadow:1px 1px 1px #000;
}

.form_wrapper span.error{
	visibility:hidden;
	color:red;
	font-size:11px;
	font-style:italic;
	display:block;
	margin:2px 15px;
}
.form_wrapper label
{
	color:Black;
	display:block;
	padding:5px 30px 0px 30px;
	margin:10px 0px 0px 0px;
}
.form_wrapper form{
	display:none;
	background:#fff;
}
.form_wrapper .column{
	width:47%;
	float:left;
}
form.active{
	display:inline;
}
form.login{
	width:380px;
}
.form_wrapper input[type="text"],
.form_wrapper input[type="password"]{
	border: solid 1px #E5E5E5;
	background: #FFFFFF;
	margin: 5px 30px 0px 30px;
	padding: 9px;
	display:block;
	font-size:16px;
	width:76%;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
.form_wrapper input[type="text"]:focus,
.form_wrapper input[type="password"]:focus{
	background:#feffef;
}

.form_wrapper input[type="submit"] {
	background: #e3e3e3;
	border: 1px solid #ccc;
	color: #333;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0 9px;
	text-align: center;
	width: 200px;
	cursor:pointer;
	float:right;
	margin:15px 20px 10px 10px;
	text-shadow: 0px 1px 0px #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
.form_wrapper input[type="submit"]:hover {
	background: #d9d9d9;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}
/*==================== home page ====================*/
.news {
	display:block;
	width:100%;
	padding-top:30px;}

.news span {
	display:block;
	width:120px;
	font-family:'bebas_neueregular';
	height:27px;
	font-size:22px; 
	line-height:22px; 
	color:#4b4b4b; 
	}
		
/*==================== services page ====================*/	

ul.services a {
	background:url(images/services_pinn.png) left bottom no-repeat;
	
	font-family: 'Archivo Narrow', sans-serif
	font-size:12px; 
	line-height: 2em; 
	text-transform:none;
	text-decoration:none;
	color:Black;
	padding-left: 20px;
	margin-bottom: 12px;
	text-indent: 5px;	
}	
	
ul.services a:hover {
	background:url(images/services_pinn.png) left top no-repeat;	
	color:#00BAFF;
	text-decoration:underline;
}

/*==================== contact page ====================*/		
.map {
	width:100%;
	padding-bottom:30px;
	}

.ulink{
	display:block;
	width:100%;
	padding-bottom:20px;
	display:block;
	float:left;
	color:#797979; 
	}

.adress {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	width:250px; 
	text-decoration:none; 
	}
	
.adress a{
	color:#2997AB; 	
	font-size:12px;
	text-decoration:underline;
	cursor:pointer;
	}
	
.adress a:hover	{
	color:#ff0000; 	
	text-decoration:none;
	cursor:pointer;
	}
	
.adress tr {width:400px;}

.adress, table td {
	border:none; 
	font-size:12px;
	line-height:18px;
	color:Black;
	text-align:left;
	font-weight:normal;
	}

/*==================== CSS goes in the document HEAD or added to your external stylesheet ====================*/	

table.imagetable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
	width:700px;
}
table.imagetable th {
	background:#b5cfd2 url('cell-blue.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	
}
table.imagetable td {
	background:#dcddc0 url('cell-grey.jpg');
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #999999;
	
}



.second {
	width:240px;
	}
	
/*==================== contact form ====================*/	
.box1_contact {width: 600px;}
.notification_error{ height: auto;width: 96%;padding: 4px;background: #2e2e2e; text-align: left; color:#f00; margin-bottom:5px; border: 1px solid #000; }
.notification_ok{ border: 0px #879295 solid; height: auto; width: 96%; padding: 8px; background: #2e2e2e; text-align: center; color:#fff} 
.info_fieldset { border: 0px #879295 solid; }
.info_fieldset legend { border: 0px #879295 solid;  color: black;   font: 13px Verdana;  padding: 2px 5px 2px 5px; -moz-border-radius: 3px; }

input.button { 
	background: url(images/bg_menu_span.html) left 80% no-repeat;
	display:block; 
	width:80px; 
	height:22px; 
	text-decoration:none; 
	text-align:center; 
	font-size:16px; 
	color:#fff; 
	text-transform:uppercase; 
	margin-top:14px; 
	line-height:18px; 
	font-weight:bold;
	}
	
input.button:hover{ 
	text-decoration: underline;
	}

/* Label */
label  {
	color:Black;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:16px;
	line-height:16px;
	width: 120px;
	margin: 0px;
	float: left;
	text-align: left center;
	}

/* Input, Textarea */
input{ 
	float: right;
	background-color:#f7f7f7;
	width:328px;                          
	height:40px;
	border: 1px #c9c9c9 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	padding: 0 5px;
	margin-bottom:18px;
	}

textarea{
	float: right;
	background-color:#f7f7f7;
	width:328px;
	height:103px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	margin-bottom:18px; 
	line-height:22px;
	border: 1px #c9c9c9 solid;; 
	padding:5px;
	}	

#submit {
	background: url(images/bg_button.png) left top no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	height: 39px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 6px 0 11px 0;
	margin: 37px 0 0 120px;
	border: none;
	float: left;
}
   
#submit:hover {
	background: url(images/bg_button.png) left bottom no-repeat;
	font-family: 'Titillium Web', sans-serif; 
	font-size:16px; 
	line-height:16px; 
	color:#fff; 
	width:111px;
	height: 39px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 6px 0 11px 0;
	margin: 37px 0 0 120px;
	border: none;
	}

.captcha {
	width: 100px;
	float: left;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/	
.mt_0 {
	margin-top: 0!important;
}

.paragraph {
	margin-top: 6px;
}

.pb_20 {
	padding-bottom: 20px;
}

.mr_20 {
	margin-right:20px;
	}

.ml_35 {
	margin-left:30px;
	}

.mt_50 {
	margin-top:50px;
	}	

.mr_60 {
	margin-right:60px;
	}

.ml_80 {
	margin-left:80px;
	}

.ml_400 {
	margin-left:400px;
	}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
	{
	display:inline;
	float: left;
	position: relative;
	}
	
/* Grid - content >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1{
	width:300px;
	float: left;
	}

.grid_1 h3{
	text-align:center;
	}

.grid_2{
	width:220px;
	float: left;
	margin: 0 5px;
}

.grid_2 h6{
	text-align:center;
	}

.grid_3{
	width:420px;
	float: left;
	}
	
.grid_4{
	width:460px;
	float: left;
	}	

.grid_5{
	width:260px;
	float: left;
	margin: 0 30px;
	}

.grid_6{
	width:640px;
	float: left;
	}

.grid_7{
	width:180px;
	float: right;
	}
/* -------- Login -------------- */

nav#nav-container {
    border-top:solid 1px rgb(220,220,220);
    border-bottom:solid 1px rgb(220,220,220);
    margin-bottom:18px;
    line-height:40px;
}
 
nav#links {
    width:724px;
    float:left;
}
 
nav#links ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
 
#links ul li {
    margin:0 12px;
    padding:0;
    float:left;
    text-align:center;
}
 
#links ul li a {
    display:block;
    padding:0 12px;
}
 
nav#login {
    width:300px;
    float:left;
    position:relative;
}
 
#login p {
    margin:0;
    padding-left:24px;
    cursor:pointer;
    background-image:url('../img/open.png');
    background-position:left;
    background-repeat:no-repeat;
}
 
#login p.close {
    background-image:url('../img/close.png');
}
 
#login-form {
    position:absolute;
    z-index:999;
    background-color:#fff;
    border:solid 1px rgb(220,220,220);
    padding:12px;
    width:300px;
    box-shadow:1px 1px 4px rgb(220,220,220);
    top:40px;
    left:0;
    display:none;
}
 
#login-form label {
    display:block;
}
 
#login-form input[type="text"],
#login-form input[type="password"] {
    display:block;
}
 
#login-form input,
#login-form label {
    margin-bottom:4px;
}