/*
Theme Name: BL
Description: Beautiful Life theme
Author: Dolgov Dmitry
Version: 1.0
*/

body, html {
height: 100%;

}


*{
padding:0;
margin:0;
font-family:"Arial";
color:#424242;
font-size:12px;
}
h1{font-size:20px;}
@font-face {
    font-family: Modern; /* ????????? ?????? */
    src: url(amoderno_0.ttf); /* ???? ? ????? ?? ??????? */
   }

body{
background:url("images/bg.png") repeat-x;
}

.fleft{
float:left;
}
.fright{
float:right;
}
.l40{margin-left:40px;}
.l160{margin-left:160px;}
.mbott20{margin-bottom:20px;}
.ml200{margin-left:200px;}
.mycontent{margin-left:40px;}
.mbott40{margin-bottom:40px;}
.bold{font-weight:bold;}
.clear{
clear:both;
}
.w220{width:220px;}
.w640{width:640px;}
.p30{padding-left:30px;}
.l220{margin-left:220px;}

.pos{
width:1000px;
margin:0 auto;
}

#mycontacts{
width: 780px;
}

#mypage{
min-height: 110%;
margin-bottom:20px;
}

/*header*/
#header{
height:200px;
margin-top:20px;
}

#header a{
color:#3c8ecd;
text-decoration:none;
font-size:23px;
}

.slogan{
padding-top:10px;
text-align:right;
font-family:'Modern';
font-size:36px;
color:#3c8ecd;
 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/*text*/
.pos .zag{
font-size:20px;
color:rgb(60, 142, 205);
margin-bottom:10px;
}
/*content*/
#content{
margin-top:20px;
}
/*menu*/
#menu{
z-index: 20;
position: relative;
width:180px;
/*height:221px;*/
height:256px;
background:#3c8ecd;
border-radius: 4px;
}

#menu ul{
list-style:none;
}

#menu ul li{
width:100%;
padding:10px 0 10px 0;
position: relative;
display: block;
}

.menu_border{background:url("images/line.png") no-repeat bottom ;}

#menu ul li:first-child{margin-top:10px;}
#menu ul li:last-child{margin-bottom:10px;}

#menu ul li a{
margin-left:40px;
text-decoration:none;
color:#fff;
font-size:13px;
}

#menu a:hover{
text-decoration:underline;
}

/*textcontent*/
.textcontent div{
width:610px;
}

.textcontent div,.textcontent h1,.textcontent p{
margin-bottom:10px;
}
.textcontent h1{
color:rgb(60, 142, 205);
}

.photo{
margin:10px 0 0 10px;
display:block;
}

/*footer*/


#footer{
min-width:1000px;
position:relative;
border-top:1px solid #dae3e8;
height:115px;
background:#ebf8ff;
}

#footer .pos{
min-width: 1000px;
position: relative;
}

#footer .pos div{
margin-top:10px;
color:#80b0d7;
}
#footer .pos a{
color:#3c8ecd;
font-weight:bold;
text-decoration:underline;
}

/*about*/

#about .fleft div{
margin-bottom:10px;
width:610px;
}
.abf{
width:150px;
margin-right:20px;
}

.tleft{text-align:left;}
.tright{text-align:right;}
/*mycontacts*/

#mycontacts center div{font-weight:bold;}

/*beautiful menu for products*/
/*************************** ???????? ?????? */
#products{min-height:400px;}

.alldisp{
opacity:1 !important;
visibility:visible !important;
margin:0 !important;
}

#mainmenu{
    position:relative;
    background-color: #111;
    background-image: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background-image: -webkit-linear-gradient(#444, #111);
    background-image: -o-linear-gradient(#444, #111);
    background-image: -ms-linear-gradient(#444, #111);
    background-image: linear-gradient(#444, #111);

    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -o-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -ms-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    height:40px;
    padding:0;
    z-index:10 /* ??? ??????????? ?????????? ?????? ????????? ?????? */
}
#mainmenu ul, /* ?????????? ???? ? ??????? ? ??????? */
#mainmenu ul ul {
    list-style:none;
    padding:0;
    margin:0;
}
#mainmenu ul {
    clear:left;
    position:relative;
    right:50%;
    height:40px;
    float:right;
    text-align:center;
    font:12px Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}
#mainmenu ul li {
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    -moz-box-shadow: 1px 0 0 #444;
    -o-box-shadow: 1px 0 0 #444;
    -ms-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    position:relative;
    left:50%;
    float:left;
    height:40px;
    padding:0;
    margin:0
}
#mainmenu ul li:last-child {
    border:none;
    box-shadow:none
}
#mainmenu ul li a {
    display:block;
    color: #ccc;
    text-decoration: none;
    padding:13px 20px
}


#mainmenu ul li a:hover {
    background-color: rgb(60, 142, 205);
    color: #fff
}
/*
#mainmenu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
 */
/*************************** ?????????? ????????? */
#mainmenu ul li ul {
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform:none;
    opacity: 0;
    visibility: hidden;
    position:absolute;
    left:0;
    top:40px;
    font-size:12px;
    height:auto;
    width:150px
}
#mainmenu ul li ul li {
    border:none;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -o-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -ms-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    position:relative;
    left:0;
    float:none;
    height:auto;
    margin:0;
    text-align:left !important;
}
#mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainmenu ul li ul li a {
    padding:10px 8px;
    border:none
}

/*************************** ?????????? ?????? ??????? ?????? */
#mainmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#mainmenu .tlevel>ul{width:300px;}
/*********************** ????????? ?? ?????????? */
#mainmenu ul ul li:first-child > a {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
#mainmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
#mainmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#mainmenu ul ul li:first-child a:hover:after {border-bottom-color: rgb(60, 142, 205);}

#mainmenu ul ul ul li:first-child a:hover:after {
    border-right-color: rgb(60, 142, 205);
    border-bottom-color: transparent;
}
#mainmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.zag2{
	font-size: 20px;
color: rgb(60, 142, 205);
}

.ft150{width:150px;}
.ft250{width:250px;}

/*yandex*/
.yandex{width:700px;}

#ya-site-form0 .ya-site-form__search-input{padding:0 !important;}

/********** ???????? ????? **********/
.left {
  float: left;
  margin: 0 1em 1em 0;
}

/********** ???????? ?????? **********/
.right {
  float: right;
  margin: 0 0 1em 1em;
}

/********** ???????? ????? ?????? **********/
.columns {
  float: left;
  max-width: 30%;
  margin: 0;
}
.img-center {
  float: left;
  margin: 0 1.5% 0 1.5%;
  max-width: 37%;
}
/********** ???????? ?? ??????********* */
.center {
  display: block;
  margin: 0 auto 1.5%;
}

/*dima*/

.pure-table {
	empty-cells: show;
	border: 1px solid #cbcbcb;
}

.pure-table, table {
	border-collapse: collapse;
	border-spacing: 0;
}
.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}
tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
legend, td, th {
	padding: 0;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
.pure-table td:first-child, .pure-table th:first-child {
	border-left-width: 0;
}
.pure-table th, .pure-table td {
	padding: 0.5em 1em;
}
.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb;
}
.pure-table td {
	background-color: transparent;
}
.pure-table td, .pure-table th {
	border-left: 1px solid #cbcbcb;
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: .5em 1em;
}
h1.l220 {
    font-size:14px;
    font-weight:bold;
    margin:440;
    line-height:1.3;
}