html {
	-webkit-text-size-adjust: none;
}
ol,
ul {
	list-style: none;
	margin: 0;
}

a img {
	border: 0 none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
embed,
iframe,
object {
	max-width: 100%;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}

/* Commented backslash hack */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clearfix-third,
.clearfix-fourth {
	clear: both;
}


table {border-collapse: collapse;}
hr {color: #666666; height: 1; width: 95%;  margin-top:0; margin-bottom:0; background-color: #B2DDF0; line-color:  #b0b0b0;}
body {font-family: "Open Sans", Arial, Verdana, Tahoma; color: #666666;}
h1 {text-align: center; color: #333333; font-family: "Lobster", "Open Sans", Arial, Verdana, Tahoma; font-weight: 400;}
h2 {text-align: center; color: #555555; font-family: "Lobster",  Arial, Verdana, Tahoma; font-weight: 400;}
h3 {text-align: center; color: #666666; font-family: "Lobster", Arial, Verdana, Tahoma; font-weight: 400;}
h4 {color: #777777; font-family: "Lobster", Arial, Verdana, Tahoma; font-weight: 400;}
h5 {color: #888888; font-family: "Lobster",  Arial, Verdana, Tahoma; font-weight: 400;}
h6 {text-align: center; color: #666666; font-family: "Lobster",  Arial, Verdana, Tahoma; font-weight: 400;}

img {max-width: 100%}

A:link {color: #666666;}
A:visited {	color: #666666;  }
A:hover {
color: #b0b0b0;  
}
A:active {
color: #666666; 
}
#main {}
#main2 {margin: 0 auto; max-width: 1175px;  box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); }

p { font-size: 16px; text-indent: 15; color:  #333333;  margin: 6px; line-height: 1.5}
  
.lmenu {text-decoration: none; font-weight: bold; font-size: 15px; color: #666666; font-family: "Open Sans", Arial, Tahoma;  }
a.lmenu {text-decoration: none; font-weight: bold; font-size: 15px; color: #666666; font-family: "Open Sans", Arial, Tahoma; text-decoration: none; }

a.lmenu:link {text-decoration: none; font-weight: bold; font-size: 15px; color: #666666; font-family: "Open Sans", Arial, Tahoma; text-decoration: none; }
a.lmenu:visited {text-decoration: none; font-weight: bold; font-size: 15px; color: #666666;  font-family: "Open Sans", Arial, Tahoma; text-decoration: none; }
a.lmenu:hover {text-decoration: none; font-weight: bold; font-size: 15px; color: #dododo; font-family: "Open Sans", Arial, Tahoma; text-decoration: none; }
a.lmenu:active {text-decoration: none; font-weight: bold; font-size: 15px; color: #666666; font-family: "Open Sans", Arial, Tahoma; text-decoration: none; }
  
.lmenu1 {text-decoration: none; font-weight: bold; font-size: 13px; color: #666666; font-family: "Open Sans", Arial, Tahoma; padding-left:10; }
a.lmenu1 {text-decoration: none; font-weight: bold; font-size: 13px; color: #666666; font-family: "Open Sans", Arial, Tahoma; text-decoration: none;  padding-left:10;}
a.lmenu1:link {text-decoration: none; font-weight: bold; font-size: 13px; color: #666666; font-family: "Open Sans", Arial, Tahoma; text-decoration: none;  padding-left:10;}
a.lmenu1:visited {text-decoration: none; font-weight: bold; font-size: 13px; color: #666666;  font-family: "Open Sans", Arial, Tahoma; text-decoration: none;  padding-left:10;}
a.lmenu1:hover {text-decoration: none; font-weight: bold; font-size: 13px; color: 999999; font-family: "Open Sans", Arial, Tahoma; text-decoration: none;  padding-left:10;}
a.lmenu1:active {text-decoration: none; font-weight: bold; font-size: 13px; color: #666666; font-family: "Open Sans", Arial, Tahoma; text-decoration: none;  padding-left:10;}


.lmenu2 {text-decoration: none;  font-size: 10px; color: #bbb; font-family: "Open Sans", Arial, Tahoma; }
a.lmenu2 { font-size: 10px; color: #bbb; font-family: "Open Sans", Arial, Tahoma;  }
a.lmenu2:link {  font-size: 10px; color: #bbb; font-family: "Open Sans", Arial, Tahoma;   }
a.lmenu2:visited {  font-size: 10px; color: #bbb;  font-family: "Open Sans", Arial, Tahoma;  }
a.lmenu2:hover {text-decoration: none;  font-size: 10px; color: #bbb; font-family: "Open Sans", Arial, Tahoma; text-decoration: none; }
a.lmenu2:active { font-size: 10px; color: #bbb; font-family: "Open Sans", Arial, Tahoma;  }


.maintext {text-align: justify; font-size: 16px; text-indent: 15; color:  #333333;  margin: 6px; line-height: 1.5;}
.maintext2 {text-align: justify;}
.nmenu1 {font-size: 11px; color: #666666; font-family: "Open Sans", Arial, Tahoma;}

.mysite {background: #f1f1f1; border-bottom: 1px solid #cccccc;  margin: 0 0 20 20; height: inherit; width: 95%; min-width: 700px}
.mysite td {padding: 20 10; width: 100%}
div.img {float: left; margin: 0 10; font-size: 12px; color: 444444}
a img { border:0}
.namesite {font-weight: bold; font-size: 20px; padding: 0; margin:0; }
.namesite a {color: #333333}
ul.works {margin: 10 0 10 20; padding: 0 10 0 20; font-size: 14px}
ul.works li { padding: 3 0 3 20; list-style-position: inside; color: #555555}
ul.works li a {color: #666666}

a.chayniy div {background: url(/chayniy.jpg) center center no-repeat; width: 160px; height: 320px;   background-size: 100%; transition-property: background-size;  transition-duration: 0.5s; transition-timing-function: ease-in-out;  outline: 1px solid #aaa;}
a.chayniy:hover div { background-size: 110%; }
a.chayniy {text-decoration: none}

a.abrau div {background: url(/abrau.jpg) center center no-repeat; width: 160px; height: 160px;   background-size: 100%; transition-property: background-size;  transition-duration: 0.5s; transition-timing-function: ease-in-out;  outline: 1px solid #aaa;}
a.abrau:hover div { background-size: 110%; }
a.abrau {text-decoration: none}

.mainmenu {padding: 0; width: 100%; background: #fff; position:fixed; top:0; z-index: 10; max-width: 1175px }
#mainmenu  { position:fixed;   max-width: 1175px; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); }
.mainlogo {width: 120px; height: 30px; margin-left: 20px;
padding: 12px 10px 8px 40px; font-size: 22px; font-weight: bold; float: left; background: url(/logo.jpg) center left no-repeat; }
.mainlogo a {text-decoration: none}
/*--------------------------------------------------------------
5.0 - Navigation
--------------------------------------------------------------*/
.main-navigation {
	float: right; margin-right: 20px;
}
.main-navigation  a.lmenu1  {color: #bbb; font-weight: normal; font-size: 12px}
.main-navigation li {
	float: left;
	position: relative;
	margin-left: 25px;
}
.main-navigation a {
	color: #666;
	float: left;
	font-size: 13px;
display: block;
	font-weight: normal;
	padding: 20px 0 0;
	height: 30px;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
	color: #999;
}

/* Dropdown */
.main-navigation ul li ul,
.main-navigation ul li .menupole,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
	display: none;
	z-index: 9999;
}
.main-navigation ul li:hover ul,
.main-navigation ul li:hover .menupole,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
	display: block;
		
}

.main-navigation ul li .menupole
{
position: fixed; top: 50px; left: 0;
width: 100%;  z-index: 11; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff;

box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); }

.main-navigation ul li ul {

	background-color: #fff;
	left: 0;

	
}

.main-navigation ul li .menupole ul {

	background-color: #fff;
	left: 0; 
	width:auto;
	margin:  0 0 0 10px;
	
}

.main-navigation ul li .menupole  ul li ul {




 padding: 0;

	
}
.main-navigation ul li ul li {
	float: left;
	margin: 0;
		padding: 10px;
}


.main-navigation ul li .menupole  ul  li {
	float: left;
	position: relative;
	padding-right: 35px;
		padding: 0px;
}

.main-navigation ul li .menupole  ul  li   ul  li  {
	float: left;
	position: relative;
	padding-right: 35px;
}


.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	float: none;
	line-height: 20px;
	font-size: 14px;
	height: inherit;
	padding: 8px 10px;
	color: #666;

}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	color: #999;
}

/* Responsive Navigation */
.menu-toggle {
	display: none;
}

.mainp {margin-top: 50px}

@media only screen and (max-width: 767px) 
{ 
.mainp {margin-top: 0}
.menu-toggle {
		display: block;
		background-color: rgba(0, 0, 0, 0);
		font-size: 0;
		border: 0 none;
		padding: 0;
		color: #666;
		width: 30px;
		height: 30px;
		float: right;
		cursor: pointer;
		margin-top: 10px;
	}
	
	.hgroup-right {
		clear: both;
		float: none;
	}
	.main-navigation {
		display: none;
	}
	.toggled-on  .main-navigation {
		display: block;
	}

.mainmenu {position:relative !important; top:0;}




.main-navigation {
		float: none;  display: none;
	}
	
	.main-navigation ul li .menupole 
	{position:relative; top: 0px; border: none; }
		.main-navigation ul li .menupole  ul {border: none;}
	.main-navigation li {
		position: inherit;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: 0;
	}
	.main-navigation a {
		float: none;
		padding: 10px 0;
		height: inherit;
	}
	/* Dropdown */
	.main-navigation ul li ul,
	.main-navigation ul li .menupole,
	.main-navigation ul li:hover ul ul,
	.main-navigation ul ul li:hover ul ul,
	.main-navigation ul ul ul li:hover ul ul,
	.main-navigation ul ul ul ul li:hover ul ul {
		display: block;
	}
	
	.main-navigation ul li .menupole ul {

	background-color: #fff;
	left: 0; 
	width:100%;
	margin:  0 10px 0  10px;
	
}
	.main-navigation ul li ul {
		position: inherit;
		top: 0;
		width: inherit;
		border: 0 none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.main-navigation ul li ul li a,
	.main-navigation ul li.current-menu-item ul li a,
	.main-navigation ul li ul li.current-menu-item a,
	.main-navigation ul li.current_page_ancestor ul li a,
	.main-navigation ul li.current-menu-ancestor ul li a,
	.main-navigation ul li.current_page_item ul li a {
		padding: 10px 0 10px 25px;
	}
	.main-navigation ul li ul li a:hover,
	.main-navigation ul li ul li:hover > a,
	.main-navigation ul li.current-menu-item ul li a:hover {
		background-color: inherit;
	}
	
	.main-navigation ul li ul li ul {
		left: 0;
		padding-left: 6px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; border-top: none;
		margin-left: 0px;
	}
	.main-navigation ul li ul li ul a.lemnu1 {padding-left: 16px; margin-left: 10px;}
}