/* Reset
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align: top;
valign: top;
margin: 0px;
padding: 0px;
}
ul, ol {list-style: none; }
img { border: none; }

/* Body
-------------------------------------------------------------------*/
body{
    color: #666;
}

body, td, div, a.nolink{
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Arial, Verdana;
    vertical-align: top;
}

a {color: #EC6C05; text-decoration: underline;}
a:hover {color: #ff6600; text-decoration: none;}
a.w_link{color: #FFF;}
a.h{color: #666; text-decoration: none;}
a.h:hover{color: #666; text-decoration: none;}

h1, h2, h3, h4, h5, h6 {
color: #666; 
}
h1,h2,h3{
height: 29px;
font: bold 18px Tahoma; 
background: #e2e2e2 url(h1_bg.gif) no-repeat center left;
margin-bottom: 20px;
padding: 2 0 0 30;
line-height: 1.4;
}

#production h2{
height: 40px;
background: #e2e2e2 url(h1_bg_catalog.gif) no-repeat top left;
padding: 6 0 0 60;
}

h4, h5, h6 { font: bold 18px Verdana;}
h4 { font-size: 16px; margin-bottom: 2px; color:#666;}
h5 { font-size: 14px; margin-bottom: 2px; }
h6 { font-size: 12px; margin-bottom: 2px; }

#header {
height: 158px;
background: url(header.gif) repeat-x top right;
border-collapse: collapse;
}

#header .logo{

height: 158px;
background: url(header_left.gif) no-repeat top left;
}

#header .logo img{
margin: 40 0 0 65;
}

#header .slogan{
height: 158px;
background: url(header_right.jpg) no-repeat top right;
text-align: right;
}

#header .slogan .shire{
margin: 50 70 0 0;
padding-right: 30;
font: bold 22px Tahoma, Arial; 
color: #000;
width: 270px;
float: right;
}

#header .slogan .shire p{
margin-right: -25px;
}

#header .slogan .shire span{
color: #ed9901;
}
#header .icons{
position: absolute; 
margin: 10 0 0 65;
}

#header .icons img{
margin: 0 10;
}

#top_menu{
min-width: 1007px;
background: url(top_menu_left.gif) no-repeat top left;
}

#top_menu ul{
text-align: center;
height: 34px;
padding-top: 13px;
//padding-bottom: 17px;
background: url(top_menu_right.gif) no-repeat top right;
}

#top_menu ul li{
display: inline;
padding: 0 5;
}

#top_menu a{
font: normal 14px Tahoma, Arial; 
color: #61636f;
}

#top_menu li.selected a{
font: bold 14px Tahoma, Arial; 
text-decoration: none;
color: #000;
}

#content {
border-collapse: collapse;
background: url(content_left.gif) no-repeat top left;
}

.leftcolumn{
padding: 20 5 0 70;
}

.leftsidebar{
padding-top:16px;
background: url(left_menu_top.gif) no-repeat top left;
}

.left_menu{
padding-bottom: 16px;
background: url(left_menu_bot.gif) no-repeat bottom left #FFF;
width:230px;
}

.left_menu ul{
border-left: 6px solid #ebebeb; 
padding-bottom: 10px;
padding-left: 10px;
}

.left_menu a:hover{
text-decoration: underline;
}

.left_menu li{
text-transform:uppercase;
background: url(left_menu_arrow.gif) no-repeat 5px 5px;
padding:7 0 8 27;
}

.left_menu ul li ul li{
text-transform:none;
background: url(left_menu_arrow1.gif) no-repeat 5px 5px;
}

.left_menu ul li ul li ul li{
text-transform:none;
background: url(left_menu_arrow2.gif) no-repeat 7px 7px;
padding:5 0 3 23;
}

.left_menu ul li ul li ul li ul li{
text-transform:none;
background: url(left_menu_arrow3.gif) no-repeat 5px 5px;
padding:5 0 3 23;
}


.left_menu li li li a{
color: #ff9900 !important;
font: normal 12px Tahoma, Arial; 
}

.left_menu li li li li a{
color: #cc6600 !important;
font: normal 12px Tahoma, Arial; 
}

.left_menu li.selected{
background: url(left_menu_arrow_selected.gif) no-repeat 5px 7px !important;
}

.left_menu li.selected ul li.selected a{
font: bold 12px Tahoma, Arial !important; 
color: #999 !important;
}

.left_menu ul li a{
font: normal 14px Tahoma, Arial;
text-decoration: none;
color: #000;
}

.left_menu ul li ul li a{
font: normal 12px
}

.left_menu a.submenu:hover{
border:none !important; 
}

.left_menu ul li ul{
margin-left:-10px;
padding:0px;
}


.left_menu ul ul{
padding-left:0px;
//padding-left:5px;
//margin-top:10px;
border: none;
padding-bottom: 5px;
}

.left_menu ul ul li{
background: url(left_menu_arrow.gif) no-repeat 5px 5px;
//background: url(left_menu_arrow.gif) no-repeat 0px -3px;
padding:4 0 5 27;
//padding:4 0 5 25;
}

.left_menu ul li ul li a{
color: #666;
}

.left_menu ul li ul li ul li a{
font: normal 12px Tahoma, Arial;
color: #ed9901;
}

.left_menu ul ul li.selected{
background: url(left_menu_arrow.gif) no-repeat 0px -3px;
}

.main{
line-height: 1.5;
padding: 20 5 0 5;
}

#zakaz{
text-align: center;
align: center;
}

#zakaz table{
margin-top: 10px;
}

#zakaz .b{
border: 1px solid #CCC;
}

#zakaz .b1{
background: #999;
color: #FFF;
font-weight: bold;
}


.main p{
padding:0 0 20 0;
}

.main ul{
margin: 0 0 15 30;
}

.main li{
margin: 0 0 5 30;
}

.main ul li{
margin: 0 0 5 0;
}

.main li{
list-style-image: url(/images/bullet.gif);
list-style-position: outside;
}

.main ul ul li{
list-style-image: url(/images/bullet1.gif);
list-style-position: outside;
}

.main ol li{
list-style-image: none;
list-style-type: decimal;
margin: 0 0 7 30;
}

.rightcolumn{
padding-top: 20px;
}

.rightmenu{
margin: 0 0 0 30;
background: url(right_menu_top.gif) top left no-repeat;
padding-top:12px;
height: 247px;
}

.rightmenu ul{
padding-bottom: 120px;
padding-top: 10px;
background: url(right_menu_bot.gif) bottom left no-repeat;
padding-left: 20px;
}

.rightmenu ul li ul{
background: none;
padding: 10 5 0 15;
}

.rightmenu ul li{
margin-bottom: 10px;
}

.rightmenu ul .selected li .selected a{
color: #666;
text-decoration: none;
}

#ring {padding: 120 0 0 20;}

#partners{
height: 60px;
overflow: hidden;
}

#partners img{
display:inline;
overflow: hidden;
}


#footer{
color: #000;
background: url(footer_bg.gif) repeat-x top left;
border-collapse: collapse;
}

.megapolis{
background: url(copyrights_bg.gif) no-repeat left bottom;
}

.megapolis p{
padding: 115 0 0 65;
font-size: 11px;
}

.reart{
background: url(copyrights_bg.gif) no-repeat right bottom;
}

.reart p{
padding: 115 0 0 65;
font-size: 11px;
}
 

.icowind img{float: left; margin: 0px 0px 5px 0px;}

.icowind .o-radio{float: left; margin: 12px 0px 0px -7px;}

.icos{
margin: 0px 0px 0px 47px;
-margin: 0px 0px 0px 22px;
width: 70px;
float: left;
}
.icos2{
margin: 0px 0px 0px 65px;
width: 70px;
float: left;
}
.char{
float: left; width: 200px;
}
.char div{
font-weight: bold; margin-bottom: 10px;
}
.floatchar{
float: left;
}

#production h4{
width: 520px;
height: 36px;
background: url(h4_bg.gif) no-repeat left top;
padding-top: 5px;
text-align: center;
}

#production .icons{
margin-bottom: 10px;
}

#production .icons img{
width: 45px;
margin-left: 20px;
}

#production .icons p{
height: 45px;
display: inline;
vertical-align:middle;
}