@charset "utf-8";
/* CSS Document */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; border:0; outline:0;}
html {height:100%;}
img {border:none; font-size:11px;}
body {color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:0; height:100%; background:#b7dbff url(../img/top-bgr.jpg) top center no-repeat fixed;}
a:link {color:#006ab3; text-decoration:underline;}
a:visited {color:#006ab3; text-decoration:none;}
a:hover {color:#bf1120; text-decoration:none;}
h1 {font-size:20px; text-align:left; margin:10px auto 10px 30px; color:#55a1c5;}
h2 {font-size:16px; text-align:left; margin:10px auto 8px 30px; color:#bf1120;}
h3 {font-size:14px; text-align:left; margin:10px auto 5px 30px; color:#999;}
h3 a:link {color:#666; text-decoration:underline;}
h3 a:visited {color:#999; text-decoration:underline;}
h3 a:hover {color:#55a1c5; text-decoration:none;}
.wrapper {max-width:1000px; min-width:850px; margin:0 auto; text-align:center; background:url('../img/body-bgr.png') repeat; border:#fff 1px solid;}
.banner {max-width:1000px; min-width:850px; height:200px; margin:0px auto; /*background: url('../img/1x1-20.png') repeat;*/}
.ban-image {height:180px; vertical-align:top; background:url(../img/banner.jpg) no-repeat center top; border-bottom:#999 1px dotted;}
.logo {width:200px; height:200px; position:relative; float:left; left:0px; top:0px; border:none;}
.logo img {width:200px; height:200px;}
.logo p {margin-top:0; font-weight:bold; color:#000; font-size:12px; line-height:1.4em;}
.table {margin:20px; clear:both; width:95%;}
.page {text-align:justify; background:#fff; border:1px #ccc dotted; margin:20px auto 50px auto; padding:20px 0;}
.page p {padding:0 30px; font-size:13px; line-height:normal; margin-top:0px;}
.page ul {padding-left:60px; margin-top:-8px;}
.footer {clear:both; margin:0 auto; text-align:center;}
.right {width:240px; vertical-align:top; text-align:center;}
.fb-badge {width:240px; background:#FFF; margin:0px 10px 10px 10px;}
.contacts {text-align:center; clear:both; font-size:13px; line-height:18px;}
.copy {font-size:11px; text-align:center;}
/* стили статей*/
.line img, .article .r-img img {border:1px solid #ccc; margin:8px; text-align:left; padding:3px;}
.r-img {float:right; margin:10px 10px 10px 20px; border:#ccc 1px dotted;}
.l-img {float:left; margin:10px 20px 10px 10px; border:#ccc 1px dotted;}
.line {text-align:left; margin:10px;}
/* стили таблиц */
.prices {width:90%; margin:30px; padding:0px; border:#ccc 1px dotted;}
.prices td {margin:0px; padding:5px; border-bottom:#ccc 1px dotted; border-right:#ccc 1px dotted; text-align:center; vertical-align:middle;}
.prices p {text-align:left; padding-left:5px;}
.prices h2 {font-size:13px; text-align:left; margin:5px auto 8px 5px; color:#bf1120;}
.coltitles td {color:#333; font-size:13px; font-weight:bold; vertical-align:middle; padding:2px;}
/* технические стили */
.clear {clear:both;}
.hr {width:95%; border-bottom:#CCC 1px dotted; margin:20px auto 10px auto;}

/* MAIN NAVIGATION - start */
#menu {width:700px; text-align:center; height:40px; text-align:left; margin:0px auto; background:url(../img/menu-bgr.png) #6CF; border-top:1px solid #fff; border-left:solid 1px #bf1120; border-right:solid 1px #bf1120;}
#menu li {height:40px; position:relative; float:left; list-style:none; font-size:13px; text-decoration:none; font-weight:bold; text-align:left; background:url(../img/separator-v.png) no-repeat right; /*border:#CCC 1px solid;*/	-webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -o-transition:color .2s ease-in-out; -ms-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
#menu li, #menu li a {display:block; line-height:40px; height:40px; text-decoration:none;}
#menu li span a {height:40px; display:block; color:#bf1120; text-decoration:none; text-shadow:1px 1px 2px #ссс; padding-left:32px; padding-right:34px; height:40px; line-height:35px;}
#menu li a:hover {cursor:pointer; background:url(../img/menu-bgr-h.png); box-shadow:1px 1px 1px #999;}
#menu li a:hover span {color:#061630; text-shadow:none; cursor:pointer;}
#menu .current a { }
#menu .current span {color:#54a1c5; text-shadow:none;}
/* *****submenu01***** */
#menu li:hover > ul {opacity:1; visibility:visible; background:none; z-index:2000;}
#menu li:hover > ul li {overflow:visible; visibility:visible;}
#menu li ul {position:absolute; top:25px; z-index:1000; left:-28px; margin:0; opacity:0; background:none; visibility:hidden; width:auto; border:none; 
	-webkit-transition:opacity .50s ease .1s; -moz-transition:opacity .50s ease .1s; -o-transition:opacity .50s ease .1s; -ms-transition:opacity .50s ease .1s;	transition:opacity .50s ease .1s;}
#menu li ul li {overflow:hidden; padding:0; height:40px; width:100%; background:#79c1ef; border-bottom:#bf1120 1px solid; font-family: Arial, Helvetica, sans-serif; font-size:12px;
	-webkit-transition:height .50s ease .1s; -moz-transition:height .50s ease .1s; -o-transition:height .50s ease .1s; -ms-transition:height .50s ease .1s; transition:height .50s ease .1s;} 
#menu li ul li a {color:#fff; padding:0 14px 0 14px; box-shadow:1px 1px 2px #999;}
#menu li ul li a:hover {text-shadow:none; background:none #6bb0dd; color:#fff;}
#menu .separator {height:18px; z-index:1; background:none; border:none;}
#menu .separator a:hover > ul {opacity:1; visibility:visible; background:none; z-index:2000;}
* html #menu li {float:left; text-decoration:none;}
* html #menu li a {float:left; text-decoration:none;}
* html #menu li a span {float:left; text-decoration:none;}
/* MAIN NAVIGATION - end */