/* CSS Document */
.header { padding-left:78px; padding-bottom:70px}
.wrapper { width:auto; }
.content { padding-bottom:45px}

html {
	overflow-y: scroll;
}

BODY { 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	background-color: #cccccc;
	margin: 0px;
}

p, td {
	font-size : 15px;
	color : #ffffff;
	font-family: "Lucida Sans Unicode", "Arial";
	line-height: 20px;
	font-weight: normal;
}

a { color : #0099cc;
    font-weight: normal; 
	text-decoration: none;
}

a:hover { color : #ffff00;
    font-weight: normal; 
	text-decoration: underline;
}
		
.title {
	font-size : 20px;
	font-weight: bold;
	line-height: 25px;
	
}

a.title { font-size : 13px; color : #000000;
        font-family: "Arial", "Helvetica", "sans-serif";
		font-weight: normal; 
		text-decoration: none;
		line-height: 18px;
				}

a.title:hover { font-size : 13px; color : #FFFFFF;
        font-family: "Arial", "Helvetica", "sans-serif";
		font-weight: normal; 
		text-decoration: underline;
		line-height: 18px;
		}
		
h1 {
	font-size : 15px;
	color : #000000;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 30px;
	font-weight: bold;
	
}
	
		
.text {
	
	
}

a.text {
	font-size : 15px;
	color : #0099FF;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 30px;
	text-decoration:underline;
	font-weight: normal; 

	}
	
a.text:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size : 15px;
	color : #990000;
	line-height: 30px;
	text-decoration:underline;
	font-weight: normal; 
	}

.text2 {
	font-size : 13px;
	color : #0099FF;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	font-weight: normal;
	
}

.texteng {
	font-size : 13px;
	color : #DDDDDD;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	font-weight: normal;
	
}

a.texteng {
	font-size : 13px;
	color : #DDDDDD;
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 18px;
	text-decoration:underline;
	font-weight: normal; 

	}
	
a.texteng:hover {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size : 13px;
	color : #b41000;
	line-height: 18px;
	text-decoration:underline;
	font-weight: normal; 
	}	

 
.dropdownbox {
	font-family: "Avant Garde Book BT", "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	color: #333333;
	border: 2px inset ;
	height: 20px;
	width: 320px;
	vertical-align: middle;
	font-size: 11px;
	
}
.button {
	border: thin none;
	background-position: center;
	cursor: pointer;
	height: 50px;
	width: 110px;
	background-image: url(images/contact-reset.jpg);
}
.button2 {
	border: thin none;
	background-position: center;
	cursor: pointer;
	height: 50px;
	width: 110px;
	background-image: url(images/contact-send.jpg);
}

.button3 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #EEEEEE;
	padding: 1px;
	height: 24px;
	width: 60px;
	border: 2px outset;
}

	


.picborder {
	border: 1px solid #cccccc;
}	

.pnavmo {
	font-size : 14px;
	color : #66CCFF;
	font-family: "calibri", "Arial";
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}


a.pnav, pnav {
	font-size : 14px;
	color : #444444;
	font-family: "calibri", "Arial";
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
	text-decoration:none;
}

a.pnav:hover {
	font-size : 14px;
	color : #66CCFF;
	font-family: "calibri", "Arial";
	line-height: 18px;
	text-decoration:underline;
	font-weight: normal;
}

input[type='text'], select{
font-family: "calibri", "Arial";
font-size: 13px;
width:300px;
height:30px;
line-height:25px;
border:1px solid #AAAAAA;
padding-left: 3px;
margin: 0px auto;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color:#F5F5F5;
box-sizing: border-box;
opacity:0.8;
filter:alpha(opacity=80);
}

textarea {
font-family: "calibri", "Arial";
font-size: 13px;
width:300px;
line-height:25px;
border:1px solid #AAAAAA;
padding-left: 3px;
margin: 0px auto;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color:#F5F5F5;
outline: none;
resize: none;
overflow-y: auto;
box-sizing: border-box;
opacity:0.8;
filter:alpha(opacity=80);
}



/* BEGIN: Общие стили */
#wrapper {
  margin: 0px;
}

.menu,
.sub-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  cursor: pointer;
  position: relative;
  transition: background-color .5s;
  -moz-transition: background-color .5s;
  -o-transition: background-color .5s;
  -webkit-transition: background-color .5s;
  /* IE lt 10, Chrome lt 1, Opera lt 11.6, Safari lt 3, FF lt 4, Android lt 2.1 и iOS lt 2.0 не поддерэивают transition. */
}

.menu li:hover {
 
}

.menu a {
  color: #FFF;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  word-wrap: break-word;
}

.menu a:hover {
  /* Защита от простого a:hover. */
}
/* END: Общие стили */

/* BEGIN: Главное меню */
.menu {
  /* Рекомендуется задать высоту главного меню именно отсюда. */
  height: 91px;
}

.menu > li {
  float: left;
  height: 100%;
  /* IE lt 9, Chrome lt 19, Opera lt 15, Safari lt 6, FF lt 4, Android и iOS не поддерэивают calc. */
}

.menu > li.home {
  width: 90px;
}

.menu > li.current {
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  /* IE lt 9, Chrome lt 1, Opera lt 10.5, Safari lt 3, FF lt 3.5, Android lt 2.1 и iOS lt 2.0 не поддерэивают box-shadow. */
}

.menu > li:not(:first-child) {
  box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -moz-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
  -webkit-box-shadow: inset 1px 0 0 0 #272B31, inset 2px 0 0 0 #434A52;
}

.menu > li.home > a {
  color: transparent !important;
}

.menu > li > a > span {
  left: 0; /* Селектор .menu a выравнивает содержимое по центру, из-за чего span начинается от центра. Исправляем. */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  /* IE lt 9, Chrome lt 5, Opera lt 10.5, Safari lt 3.1, FF lt 3.5, Android lt 2.1 и iOS lt 2.0 не поддерэивают transform. */
}
/* END: Главное меню */

/* BEGIN: Подменю */
.sub-menu {
  z-index:9999;	
  max-height: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transition: max-height .5s .2s;
  -moz-transition: max-height .5s .2s;
  -o-transition: max-height .5s .2s;
  -webkit-transition: max-height .5s .2s;
}

li:hover > .sub-menu {
  max-height: 600px;
}

.sub-menu li {
}

.sub-menu a {
  transition: color .5s;
  -moz-transition: color .5s;
  -o-transition: color .5s;
  -webkit-transition: color .5s;
  white-space: nowrap;
}

.sub-menu li.current a,
.sub-menu a:hover {
}