/* global */
body {font-family: Arial, Helvetica, sans-serif; font-size: 76%; color: #000; padding: 0; margin: 0; background: #fff;}
img {border: 0;}
p {margin: 0; padding: 0;}
a:link {color: #05c;}
a:visited {color: #05c;}
a:hover {color: #0099FF; text-decoration: none;}
a:active {color: #05c;}
h1 {font-size: 1.9em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em; color: #333; padding: 0; margin: 10px 0 0 0;}
h1,h2,h3,h4 {font-family: "Trebuchet MS";}
.left {display: inline-block; float: left;}
.right {display: inline-block; float: right;}
.clear {clear: both;}
.hide {position: absolute; margin-left: -500px;}
.spell {position: absolute; top: 25px; right: 20px; text-align: right; width: 430px;}
.spell p {font-style: italic; color: #fff; font-size: 12px; margin-bottom: 10px;}
.spell a {color: #fff; text-decoration: none;}
.spell a:hover {color: #fff; text-decoration: underline;}
.line {border-bottom: 1px solid #ccc;}
#outer_wrapper {min-width: 740px; width: 100%; background: #fff url(../i/hbg.gif) top left repeat-x;}
#wrapper {padding-bottom: 30px;} 

/* header */
#header {height: 122px; padding: 0 30px; margin-bottom: 30px;}
#logo {padding: 20px 0 0 0; height: 55px;}
#logo img {margin-right: 10px;}
#logo h1 {padding: 0; margin: 3px 0 0; color: #fff; font-weight: normal;}
#logo span.tags {color: #fff; font-size: 12px;}
#menu {margin: 23px 0 0 64px; padding: 0; list-style: none; line-height: 24px; font-size: 12px; width: 400px;}
#menu li {display: inline-block; width: 78px; margin: 0 2px; background: #fff url(../i/tap-light.gif) top left no-repeat; float: left;}
#menu a {float: left; display: block; text-decoration: none; width: 78px; text-align: center; color: #fff;}
#menu a:hover {float: left; display: block; text-decoration: none; background: url(../i/tap.gif) top left no-repeat; color: #05c; width: 78px;}

/* content */
#container {float: left; width: 100%; display: inline; margin-left: -250px; border-right: 1px solid #ccc;}
#left {float:left; width: 220px; display:inline; margin-left: 280px;}
#main {margin-left: 500px; margin-right: -1px; padding: 0 30px;}
#sidebar {padding-left: 100%; margin-left: -250px; padding-right: 30px;}

/* main */
.m-block {margin: 0 0 20px;}
.m-block p {margin: 5px 0 20px;}
.m-block h4 {margin-bottom: -4px;}
.m-block {padding: 3px;}
.m-block h2 {padding: 0 0 5px 40px; margin: 0; color: #1e5982; border-bottom: 1px solid #ccc; font-weight: normal; line-height: 32px;}
a.ilinks  {color: white; padding: 3px 5px; margin: 0 5px 0 0; background: #1e5982; text-decoration: none;}
.spi {padding: 5px 5px 5px 10px; border-left: 4px solid #CC0000; background: #f2f2f2;}
.m-block dt {font-weight: bold;}
.m-block dd {padding: 3px 10px 10px;}
.m-block dd.minis {border-left: 4px solid #ccc; padding: 0 0 0 4px; margin: 3px 42px 10px;}
.m-block .img {border: 1px solid #ccc; background: #fff; padding: 3px; margin: 5px 10px 5px 0 }
.news {margin: 0 0 40px;}
.news .date {background: #f2f2f2; font-weight: bold; padding: 5px; border-left: 4px solid #ccc;}
.news h5 {padding-left: 5px;}
.head {font-size: 1.2em;}
/* left side */
.block-l {padding: 10px; border: 1px solid #90bedf; margin: 0 0 30px; background: #fff url(../i/bb.gif) bottom left repeat-x;}
.block-l h3 {padding: 13px 0 0 0; margin: -13px 0 7px; line-height: 24px;/* background: #fff url(../i/ht.gif) top left no-repeat;*/}
.block-l p {padding: 3px 0;}
.block-l .links {margin: 0; padding: 5px 0 5px 15px;}
.block-l form {margin: 5px 0;}
.wid {width: 128px;}
.but {margin: 20px auto 0; width: 156px; text-align: center;}
.but a {color: #fff; line-height: 23px; height: 44px; text-decoration: none; display: block; background: url(../i/but.jpg) top left no-repeat;}
.but a:hover {background: url(../i/buth.jpg) top left no-repeat;}
.block-l .def {margin: 0; padding: 5px 0 5px 15px;}
.block-l .def li {padding: 3px 0;}
.block-ll a {color: #666; text-decoration: none;}
.block-ll a:hover {color: #000; text-decoration: underline;}

/* right side */
.side-cont {border-left: 1px solid #ccc;}
.stikr {width: 160px; height: 142px; color: #666666; background: url(../i/stikr.jpg) top left no-repeat; padding: 20px 10px 0px 15px; margin-left: 20px;}
.stikr h5 {font-size: 11px; padding: 0; margin: 0;}
.stikr p {padding: 2px 0 4px 10px; font-size: 11px;}
.stikr ul {padding: 0; margin: 0 0 0 10px; list-style-type: none; font-size: 11px; line-height: 14px;}
.putnik {margin-left: 20px; font-size: 12px;}
.putnik ul {padding: 0 0 0 20px; margin: 0; line-height: 16px;}
.side-cont p {color: #666666;} 
#sidebar h4 {padding: 0; margin: 15px 0 5px;}
/* footer */
#footer {border-top: 1px solid #4694cb; padding: 0 30px; height: 122px;}
#f-menu {margin: 0 0 0 64px; padding: 0; list-style: none; line-height: 24px; font-size: 12px; width: 400px; float: left;}
#f-menu li {float: left; display: inline-block; width: 78px; margin: 0 2px; background: #fff url(../i/tap-bot.jpg) top left no-repeat;}
#f-menu a {float: left; color: #fff; display: block; text-decoration: none; width: 78px; text-align: center;}
#f-menu a:hover {float: left; display: block; text-decoration: none; background: url(../i/tap-bot-light.jpg) top left no-repeat; color: #333; width: 78px;}
#copy {font-size: 12px; margin: 0 0 0 66px; width: 700px; clear: both; padding-top: 20px;}
#copy a {color: #999999;}
#copy a:hover {color: #333;}
.add-links {}
ul.sys-links {padding-left: 0; margin-left: 0; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px;}
.sys-links li {display: inline; padding: 0 20px 0 20px; list-style-type: none; line-height: 20px;}
.sys-links li.print {display: inline;  background: url(../i/print_16.gif) top left no-repeat;}
.sys-links li.mail {display: inline;  background: url(../i/mail_16.gif) top left no-repeat;}
.sys-links a {color: #333;}
.spi-b {padding: 5px 5px 5px 10px; border-left: 4px solid #4694cb; background: #f2f2f2; margin: 20px 0 0 !important;}

/*climat - ne moya mut'*/
.table-cap-podr		{font-size: 12px; font-weight: bold; background: #333771; color: #ffffff}
.table-cap-inner-podr	{font-size: 12px; font-weight: normal; background: #333771;}
.table-podr-even		{font-size: 12px; background: #f8f8f8}
.table-podr-odd		{font-size: 12px; background: #efefef}
.table-cap				{font-size: 12px; font-weight: bold; color: #ffffff; background: #3D96C2}
.table-cap-inner		{font-size: 12px; font-weight: normal; background: #9DD3EE}
.table-header			{font-size: 12px; font-weight: bold; color: #ffffff; background: #217198}
.table-tr			{font-size: 12px; font-weight: bold; color: #ffffff; background: #3D96C2}
.table-tr-odd			{font-size: 12px; background: #efefef}
.table-tr-even			{font-size: 12px; background: #f8f8f8}