body { font-family: Trebuchet MS; font-size: 12px; line-height: 18px; color: #363636; background: url(../images/s_blue.gif); }

a img { border: 0; }
a { color: #ff9933; text-decoration: underline; }
a:hover { text-decoration: none; }

.cright { float: right; }

.left  { float: left; }
.block { overflow: hidden; }
.clear { clear: both; }
* html .block { height: 1px; overflow: visible; }

.hidden { /*visibility: hidden;*/ display: none; }

html, body { height: 100%; width: 100%; min-width: 1000px; }
#All-bg { min-height: 100%; _height: 100%; }

#All-bg { background: url(../images/bg_all.jpg) no-repeat center top; }
#All { margin: 0 auto; width: 1000px; padding-bottom: 200px;overflow: visible;}

#Header { height: 317px; position: relative; /*border: 1px solid red;*/ }
  #Logo { position: absolute; left: 158px; top: 85px; }
  #Sputnik { position: absolute; left: 500px; top: 0; height: 250px; }
  #Navi-Lang { position: absolute; left: 415px; top: 80px; font-size: 14px; line-height: 24px; }
  #Navi-Lang a { color: #FFF; }

  #Navi-Lang .active { font-weight: bold; display: none; }
  #Navi-Lang .active a { text-decoration: none; }

  #Main-Navi {padding:284px 86px 0 0;font-size:16px;line-height:24px;color:#FFF;text-transform:lowercase;}
  #Main-Navi a {color:#ff9933;}
  #Main-Navi li {float:right;padding:5px 10px;}
  #Main-Navi li.active, #Main-Navi li:hover {background: #ff9933 url(../images/bg_mnavi.gif) repeat-x left bottom;}
  #Main-Navi li:hover {border-left:1px white solid;border-right:1px white solid;padding:5px 9px}
  #Main-Navi li.active a, #Main-Navi li:hover a {color:#FFF;text-decoration:none;}

#Main { background: #FFF url(../images/bg_main.gif) repeat-x left bottom; padding-bottom: 30px; overflow: hidden;height: 100%}
#Main .left  { width:260px; float:left; background: url(../images/bg_mleft.jpg) no-repeat left top; padding-bottom: 100px;height: 100%}
#Main .right {float:right; padding: 40px 40px 40px 0;height:100%;width:680px}
#Main .center { padding: 40px 50px 40px 0; background: url(../images/bg_mleft.jpg) no-repeat left top; }
#Main .cright a { margin: 0 5px; }

/*Left Menu*/
#Navi-Left ul.menu {list-style:none;padding:40px 15px 0 95px;}
#Navi-Left ul.menu ul {padding:0;margin-top:10px;}

#Navi-Left .menu li {min-height:18px;margin:10px 0;text-align:right;position:relative;line-height:18px;font-size:14px;text-transform:uppercase}
#Navi-Left .menu li li {text-transform:none;font-size:12px;line-height:14px;margin:1px 0}
#Navi-Left .menu li li.item105 a, #Navi-Left .menu li li.item77 a {font-weight:normal} 

#Navi-Left .menu a {display:block;padding:4px 6px 5px}

#Navi-Left .active a, #Navi-Left a:hover {background:#ff9933;color:#FFF;text-decoration:none;}
#Navi-Left .active li.active a {background:#ff9933;color:#FFF;}

#Navi-Left .menu li li a {padding:2px 4px 4px 2px;font-weight:bold}
#Navi-Left .menu li li li a {font-weight: normal}
#Navi-Left .menu li li a, #Navi-Left .active li a {color: #ff9933; text-decoration: none; background: none;}
#Navi-Left .menu li li a:hover, #Navi-Left li.active li a:hover {background:#ff9933;color:#FFF;padding-top:2px;}

#All-Footer { position: absolute; margin-top: -123px; width: 100%;}
#Footer {color: #FFF;font-size: 11px;margin:0 auto; width: 775px; height: 123px; padding-left: 225px; background: url(../images/bg_footer.png) no-repeat 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/_4all/images/bg_footer.png',sizingMethod='crop'); _background: transparent; }
#Header #Contacts {left: 5px;top:0;padding-bottom: 25px}
#Contacts {position: absolute;top:-50px;background: url(../images/bg_contacts.gif) no-repeat left 10px;padding: 0 0 0 34px;}
#Contacts img { margin:10px 0 0 -40px;padding:0 40px 5px;}
#Contacts p { display: block; padding: 0 40px 15px 40px; }
#add {position: absolute;top:-50px;float:right;margin:0 0 5px 387px;width: 390px;text-align: center;}
#add img {float:right;position:relative;top:-10px;right:15px}
#add a {color: #FFF;}

#Content p {text-align:justify;margin-bottom:10px}
p.dropcap:first-letter {display: block;margin: 7px 4px 0px 0px;float: left;font-size: 280%;font-family: Georgia, "Times New Roman", Times, serif;}

#Content ul { list-style: disc; margin: 5px 0 0 0;}
#Content ul li { margin-left: 20px; }
#Content ul li.nostyle { list-style: none; }

div.Item-Title h1 {margin-left: 0;}
.center h1 {margin-left: 270px;}
#Content h1 { font-size:22px; line-height: 28px;}
#Content h2 { font-size: 18px; line-height: 25px;font-weight: normal;margin-top:20px}
#Content h3 {margin: 15px 0 10px;font-size: 13px}
h1, h2, h3 {text-transform: uppercase;color: #ff9933;}
h1 {margin:10px 0 5px 0;}
p, h2 {margin:10px 0 0 0;}
.Item {padding:0 0 15px 0;}
.Item-Title {font-size: 14px;}
.Item .Item-Title { padding-left: 18px; background: url(../images/bull_toggle.gif) no-repeat -16px 6px; }
.Item .Item-Title.Open { background: url(../images/bull_toggle.gif) no-repeat 0 -14px; text-decoration: none; }
.Item .Item-Content { padding: 5px 18px; }
.Item .Item-More { padding: 0 18px; text-align: right; }
  
.News .Item-Date { float: left;  width: 250px; margin-right: -250px; text-align: right; }
.News .Item-Date b { background: #ff9933; color: #FFF; padding: 2px 10px; font-weight: normal; float: right; }
.News .Item-Type   { float: left;  width: 250px; margin: 28px -250px 0 0; text-align: right; padding: 0 0 5px 0; }
.News .Item-Title { background: none; margin-left: 270px; padding: 0 50px 0 0; }
.News .Item-Content { margin-left: 270px; padding: 0 50px 0 0; }

.Pager { padding: 10px 0; }
.Pager .Title {float:left;width:250px;text-align:right;margin-right:5px}
.Pager .Pages {padding: 0 50px 0 0; }
.Pager .Pages a, .Pager .Pages b { float: left; margin-right: 5px; }

.Zagogulya { position: absolute; z-index: 1000; width: 90px; height: 85px; overflow: hidden; left: -95px; top: -60px; background: url(../images/zagogulya.png) no-repeat 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/_4all/images/zagogulya.png',sizingMethod='crop'); _background: transparent; /*border: 1px solid red;*/ }
* html .Zagogulya { left: -152px; }
.BB_Zagogulya { position: relative; }

form.sendForm { width: 600px; background: url(../images/bg_form.gif) repeat-x left bottom; padding-bottom: 15px; }
form.sendForm .brdr { border: 1px solid #ebebeb; padding: 10px 20px; }
form.sendForm .block  { padding: 10px 0; }
form.sendForm label, form.sendForm input { float: left; margin: 0 5px; }
form.sendForm input {width: 160px; padding: 2px 5px; }
form.sendForm textarea {width: 538px; padding: 5px; }
form.sendForm textarea, form.sendForm input { border: 1px solid #363636; font-family: Trebuchet MS; font-size: 12px; color: #363636; }
form.sendForm button { border: 0; background: #FFF; font-size: 14px; font-family: Trebuchet MS; color: #ff9933; text-decoration: underline; }

#Main-Portfolio { background: #FFF url(../images/bg_main.gif) repeat-x left bottom; padding-bottom: 30px; overflow: visible; }
#Main-Portfolio .left  { width: 250px; margin-right: -250px; background: url(../images/bg_mleft.jpg) no-repeat left top; padding-bottom: 100px; }
#Main-Portfolio #Navi-Left ul { list-style: none; padding: 40px 0 0 0; }
#Main-Portfolio #Navi-Left li { min-height: 18px; _height: 18px; /*margin: 4px 0;*/ text-align: right; padding: 3px 0; position: relative; background: none;overflow: hidden;margin-top:6px;}
#Main-Portfolio #Navi-Left ul a { float: right; padding: 2px 5px; }
#Main-Portfolio #Navi-Left .active a { display: block; float: right; background: #ff9933; font-size: 14px; color: #FFF; padding: 2px 5px; text-decoration: none; }

#Main-Portfolio .right { margin-left: 270px; padding: 20px 20px 40px 0; }
#Main-Portfolio .right .Pages { padding: 20px 0 10px 0; text-align: center; }
#Main-Portfolio .right .Pages a, #Main-Portfolio .right .Pages b{ margin: 0 2px; font-size: 14px; font-weight: normal; }
#Main-Portfolio #Content { background: #efefef url(../images/bg_portfolio.jpg) repeat-x left top; padding: 19px; position: relative; }

#Content .PRJ-Next { float: right; width: 15px; margin-left: -15px; padding-top: 7px; text-align: right; }
#Content .PRJ-Prev { float: left; width: 15px; margin-right: -15px; padding-top: 7px; text-align: left; }
#Content .PRJ-Description { margin: 0 15px; line-height: 16px; }
#Content .PRJ-Description b { color: #a9a9a9; font-weight: normal; }
#Content .PRJ-Image-Big   { padding: 10px 10px; width: 652px; text-align: center; overflow-y: hidden;}
#Content .PRJ-Image-Big a { display: block; width: 652px; min-height: 200px; _height: 200px; background: url(../images/loading.gif) no-repeat center center; }
#Content .PRJ-Image-Big img { border: 1px solid #FFF; }
#Content .PRJ-Image-List  { padding: 10px 10px 0 10px; }
#Content .PRJ-Image-List a { float: left; margin: 0 5px 5px 0; }
#Content .PRJ-Image-List img { border: 1px solid #a9a9a9; }

.moduletable {padding: 0 10px 10px 10px; margin: 50px 0 0 0}
.moduletable div.moduletitle {background:#ff9933 none repeat scroll 0 0;color:#FFFFFF;text-align:center;padding:2px 10px;margin: 0 0 10px 0}
div.moduletable img {margin: 5px;}
div.moduletable p {font-size: 10px;padding: 0 15px}

.event {padding-top: 20px;}
.event big {font-size: 12px;font-weight: bold;}
.event center {color:#ff9933;font-size: smaller;text-decoration: underline;cursor: pointer}
.tags {font-size: xx-small; color: silver;}
#Navi-Left ul.tags li {text-align: left;margin: 0}
#Navi-Left ul.tags {padding:15px 15px 0 15px;}

div.phonenumber {border:1px #ff9900 solid;font-size:18pt;font-weight:bold;line-height:28px;background:#ff9933 url(../images/phone-ats.png) no-repeat 10px center;color:#FFFFFF;text-align:center;padding:5px 0 5px 20px;width:270px;margin: 5px auto;}
.phonenumber sub {font-size:8pt}

table.imageshow {margin: 10px auto;width: 100%;text-align: center}
table.imageshow td {text-align: center;vertical-align: top}
table.imageshow td.text {text-align: left;padding-right: 12px}
div#Content ul {list-style-type: none}
div#Content ul li {background:url(../images/online.gif) no-repeat;padding: 0 0 0 20px}
div#Content table caption {color:#ff9933;font-size: larger;margin: 15px 0}
div.yoo-gallery {overflow:hidden;}
div.default div.yoo-gallery div.thumbnail {float:left;padding:2px;}
dfn {font-weight: bold;color: #ff9933;}
span.bread-crumbs {margin: 20px 0;padding: 20px 0;display: block;font-size: 0.9em;font-weight: bold;clear: both}
span.bread-crumbs a {font-size: 0.95em;font-weight: normal}

.seccat {color:#999999;margin-bottom: 20px}
.seccat a {color:#999999;text-transform:uppercase;font-size:9px}

.multpg {float:right;margin-left:20px;border:solid silver 3px;margin-bottom: 10px}
.multpg td {padding:0 7px 3px}
.multpg a.current {text-decoration:none;color:gray}

.intro {font-size:11pt}
.important {font-size:11pt}
#Content .important p {margin-top:3px;font-size:14px}
.important big {color: #999999; font-size: 18px;line-height: 1.2em}
#Content .important h3 {color: #999999;font-size:17px;line-height:1.2em}
hr.dotted {border: dotted 1px #c8c8c8;display:block;height:1px;margin:15px 0;}
.insetleft {float:left;width:30%;margin:15px 15px 10px 0;color: #a9a9a9;font-style: italic;font-size:11px}

/*News*/
.dn-head {display: block;margin-bottom:5px;float: left;width:175px}
.dn-date {display: block;width:52px;float:right;background: #ff9933; color: #FFF;margin:0 0 5px 5px;padding:0 4px; font-size:8pt;}
.dn-introtext {display: block;clear: both;line-height:11px;font-size:11px}

.blackbox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #333333;
margin:10px 0;
padding:8px;}
.redbox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #521218;
margin:10px 0;
padding:8px;}
.bluebox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #417378;
margin:10px 0;
padding:8px;}
.greenbox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #CDD452;
margin:10px 0;
padding:8px;}
.yellowbox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #F2F096;
margin:10px 0;
padding:8px;}
.brownbox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #B05A3A;
margin:10px 0;
padding:8px;}
.purplebox {background:none repeat scroll 0 0 #EEEEEE;
border-left:8px solid #7F176B;
margin:10px 0;
padding:8px;}
.todayis {float:right;position: relative;right:-13px;top:-23px;font-size:9px;color:#999999;margin:5px}
.pagenavbar {clear: both;color: silver}
.yashare-auto-init {margin: auto;width:320px}

div.imagethumb {float:left;margin:5px 15px 0 0;}
div.float-right {float:right;margin:5px 0 0 15px;}
#Content .imagethumb p, #Content .float-right p {font-size:11px;line-height:11px;text-align:center;color: #999999;}
/*Prices*/
.prices {width:100%;}
.prices td {text-align:center;border: solid #999999 1px;padding:4px;font-size:12pt}
