/*
-----------------------------------------------
Style Sheet
Site: 
Author: mamasiki.com
	Olga Litvinenko
	olga@voodyy.com
----------------------------------------------- */

html {border:0 none;height:100%;margin:0px;padding:0px} 
body {background:url(../i/bg_top.jpg) repeat-x top left;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:100.01%; min-height:100%;height:100%;text-align:center}

.wrap { background:url(../i/bg_btm.jpg) repeat-x bottom left; position:relative; width:auto}
.layout {background:url(../i/kid.png) no-repeat 515px 45px;width:1000px;height:auto!important;min-height:100%;height:100%;position:relative;margin:0 auto;text-align:left;}
.guarant {height:110px;clear:both}

/*-- COMMON --------------------- */
p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt, blockquote, pre, form, fieldset, table, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
hr {color:#075094;background:url(line.gif) repeat-x 0 0;height:1px;width:100%;clear:both;padding:0;margin:7px 0;border:medium none;overflow:hidden;;font-size:1px;display:block; _margin:0}

table {border-collapse: collapse; border-spacing:0}

a:link {color:#175b9b;text-decoration:none;outline-style:none}
a:hover {text-decoration:underline}
a:visited {color:#46a3fa}
a img {border:medium none}

sup, sub {line-height:1em}
sup {vertical-align:super}
sub {vertical-align:sub}

.left {float:left}
.right {float:right}

img.left {margin:0 15px 15px 0}
img.right {margin:0 0 15px 15px}
img.article {margin:10px 15px 15px 0; float:left}

/*-- HEADER --------------------- */
#header {background:url(../i/top_img.png) no-repeat 35px 32px;position:absolute;top:0;left:50%;margin:0 0 0 -500px;height:200px;width:1000px}
#header ul {list-style-type:none;float:right;font:normal 14px/30px Georgia, "Times New Roman", Times, serif;color:#000;margin:159px 15px 0 0}
#header ul li {float:left;margin:0 0 0 9px}
#header ul li.current {background:url(../i/btn.png) no-repeat 100% -90px;padding:0 10px 0 0;line-height:30px}
#header li.current span {display:block;height:30px;background:url(../i/btn.png) no-repeat 0 -30px;padding:0 0 0 10px;float:left;cursor:pointer}
#header li a {display:block;height:30px;background:url(../i/btn.png) no-repeat 100% -60px;padding:0 10px 0 0;line-height:30px;color:#000;text-decoration:none;float:left}
#header a span {display:block;height:30px;background:url(../i/btn.png) no-repeat 0 0;padding:0 0 0 10px;float:left;cursor:pointer}
#header li a:hover {background-position:100% -90px}
#header li a:hover span  {background-position:0 -30px}

/*-- CONTENT --------------------- */
h1 {position:absolute;top:48px;left:166px;width:260px;font:normal 14px Georgia, "Times New Roman", Times, serif;color:#1c60a0;z-index:7}
h1 a {text-decoration:none; color: #175b9b;}
h1 a:visited {color: #175b9b;}
#h1 {font:normal 14px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#1c60a0;}
#content {float:right;width:730px;margin:0 15px 0 0;padding:214px 0 0;font-size:13px;color:#333;text-align:justify;_display:inline}
#content p {margin:0 0 10px 0px}
#content h2, #content h3, #content h4, #content h5 {color:#666;font-family:Georgia, "Times New Roman", Times, serif}
#content h2.title {border-bottom:1px dotted #dcc49a;margin:0 0 12px}
#content h2 {font-size:22px;padding:0 0 9px}
#content h2 a, #content h3 a {color:#993333;text-decoration:none}
#content h2 a:hover, #content h3 a:hover {text-decoration:underline} 
#content h3 {padding:6px 0 5px;font-size:16px}
#content table ul li, #content table ul {margin-left: 15px}  
#content ul li {margin: 0 0 15px 30px}
#content ul.catalog li {margin: 0 0 0 0} 
#content .headline a, #content .headline {color:#993333; margin:0 0 15px; font-size:20px; font-family:Georgia, Times New Roman, Times, serif; text-decoration:none} 
#content .headline a:hover {text-decoration:underline} 

ul.catalog {list-style-type:none;overflow:hidden;_height:1%;padding:0 0 10px}
ul.catalog li {float:left; width:179px; text-align:center; font-size:13px;}
ul.catalog li a {padding:6px 0;display:block}

/*-- MENU --------------------- */
#extra {float:left;width:240px;margin:0;position:relative;padding:200px 0 0}
#menu {padding:0 0 0 9px}
#menu h3 {font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#175b9b;padding:0 0 0 20px}

#menu h3 a {color:#fff;text-decoration:none}
#menu h3 a:hover {text-decoration:underline}
#menu h3.main a {color:#175b9b;text-decoration:none}
#menu h3.main a:hover {text-decoration:underline}

#menu h3.blue {background:url(../i/menu_blue.png) no-repeat top left;line-height:40px}
#menu h3.green {background:url(../i/menu_green.png) no-repeat top left;line-height:38px}
#menu h3.red {background:url(../i/menu_red.png) no-repeat top left;line-height:35px}
#menu h3.pink {background:url(../i/menu_pink.png) no-repeat top left;line-height:43px}
#menu h3.grey {background:url(../i/menu_grey.png) no-repeat top left;line-height:41px}

#menu ul {list-style-type:none;padding:0 15px 0 30px;margin:10px 0}
#menu ul li {line-height:15px;font-size:13px;color:#175b9b;margin:0 0 5px}
#menu li a {background:url(../i/bullit.gif) no-repeat 0 4px;padding:0 0 0 17px; position:relative;color:#175b9b;text-decoration:none;display:block;line-height:15px;//height:1% }
#menu li a:hover {background:url(../i/bullit_hover.gif) no-repeat 0 4px;color:#883f00}

/*-- FOOTER --------------------- */
#footer {position:relative;z-index:10;background:url(../i/bg_btm.jpg) repeat-x bottom left;height:110px;font-size:12px;color:#727272;text-align:left;margin:-110px 0 0;clear:both;float:left; min-width:100%}
#footer a {color:#727272; text-decoration:underline}
#footer a:hover {text-decoration:none}
#footer .inn {width:1000px;margin:0 auto;padding:55px 0 0 }
#footer .inn p {padding:0 0 0 264px}
#footer p.counter {float:right; text-align:right; width:200px; padding: 0px 0px 0 0; margin:-10px 15px 0 0; display:inline}

/*-- FLOAT CLEARING --------------------- */
.clearfix:after {content:".";clear:both;height:0;visibility:hidden;display:block}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}
/* End hide from IE-mac */




/* ----------- */

#liquid-round {
width:50%;
margin:0px auto;
background:#fff url(leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(rightside.gif) repeat-y right top;
padding:1px 15px 1px 15px;
margin:-1px 0 -50px 0;
}
.center-content img {padding: 0 5px 3px 0}
.bottom {
width:100%;
height:60px;
background:url(bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(bottom-right.gif) no-repeat right top;
}
p {margin:0 0 1em 0}

/* ----------- */

/*index page */

dl {width: 330px; margin: 0 0 15px 0px; padding: 0; background: #1c60a0 url(box_bottom.gif) no-repeat bottom left;}

dt {margin: 0 0 10px 0; padding: 7px; font-size: 110%; font-weight: bold; color: #fff; border-bottom: 1px solid #fff; background: #1c60a0 url(box_top.gif) no-repeat top left; text-align: center; }
dt a {font-size: 100%; color: #fff; text-decoration: none; text-align:right}
dt a:hover {font-style: bold; text-decoration: none; color: fff;}
#red dt {background-color: #83090e;}
#yellow dt {background-color: #f3ab01;}
#green dt {background-color: #2c6301;}
#pink dt {background-color: #d84c35;}
#brown dt {background-color: #a77341;}
#violet dt {background-color: #6b3e77;}