#sidebars, #sidebars div.r1,  #sidebars div.r2, #sidebar-top, #sidebar-top div.wrap, #sidebar1, #sidebar1 div.wrap, #sidebar2, #sidebar2 div.wrap {padding: 0; margin: 0;}


/* first */
* { padding: 0; margin: 0; }
html, body {margin: 0; padding: 0;}
body {font: 62.5%/1em  Arial; background: url(images/fon.jpg); text-align: justify;}
#fon{ background: url(images/bg-top.jpg) repeat-x; }


/* default styles */

p { margin: 3px 0px 7px 0px;}
ul, ol {margin-left: 15px;}

a { color: #8b0000; text-decoration: none;}
a:hover { color: #8b0000; text-decoration: underline; }
a:active { color: orange; }

a img { border: none; text-decoration: none;} /* ie fix*/
a img, a:visited img, a:hover img, a img:hover, img+a, img+a:hover { border: none; text-decoration: none;}

h1 {font-size: 14pt; line-height: 1.2em; margin: 0; font-weight: normal;}
h2 {font-size: 11pt; margin: 5px 0 10px 0; }
h3 {font-size: 10pt; margin: 5px 0 10px 0;}
h4 {font-size: 9pt; margin: 5px 0 10px 0;}
h5 {font-size: 8pt; margin: 5px 0 10px 0;}
h6 {font-size: 7pt; margin: 5px 0 10px 0;}


/* structure */

#container { min-width: 1000px; width: 100%; margin: 0 auto; font-size: 9pt; line-height: 1.3em;}

#headers {}
#headers-wrap {}

#header1 {background: url(images/header.jpg) no-repeat; height: 110px; }
#header1 div.logo {float:left; height:110px; width: 268px; background: url(images/logo1.png) no-repeat center;}
#header1 div.r2 { background: url(images/logo-pic.jpg) no-repeat right top; height: 110px;}
#header1 div.r3 { background: url(images/title.png) no-repeat center 10px; height: 110px;}
#header1 h1 {padding: 35px 0 0 30px; font-size: 16pt;}
#header1 h1 a {color: #333333;}
#header1 h1 a:hover {}
#header1 h2 {padding: 0 0 0 40px; margin: 0; color: #333333; font-size: 10pt;}

#header2 {}
#header2 div.r1 {}
#header2 div.r2 {}
#header2 h1 {}
#header2 h1 a {}
#header2 h1 a:hover {}
#header2 h2 {}

#header3 {}
#header3 div.r1 {}
#header3 div.r2 {}
#header3 h1 {}
#header3 h1 a {}
#header3 h1 a:hover {}
#header3 h2 {}

#sub-container {width: 100%; padding: 0;}
#wrapper {width: 100%; padding-top: 1px;}

#gran {margin: 20px 50px 20px 400px;}
#granUP {height: 16px; width: 100%;}
#granUPL {float: left;  height: 16px; width: 16px; background: url(images/con-topleftcor.png); }
#granUPM {height: 16px; background: url(images/con-top.png); margin:0 16px 0 16px; }
#granUPR {float: right; height: 16px; width: 16px; background: url(images/con-righttopcor.png);}
#granL {background: url(images/con-left.png) left repeat-y;}
#granR {background: url(images/con-right.png) right repeat-y;}
#granBOT {height: 16px; width: 100%;}
#granBPL {float: left;  height: 16px; width: 16px; background: url(images/con-bottomleftcor.png); }
#granBPM {height: 16px; background: url(images/con-bottom.png); margin:0 16px 0 16px; }
#granBPR {float: right; height: 16px; width: 16px; background: url(images/con-bottomrightcor.png);}
#content { background: white; margin:0 15px 0 15px; padding: 20px;  }

#content div.content-top {}
#content div.content-bottom {}

#sidebars {float: left; width:355px; margin-top: -20px;}
#sidebars div.r1 {margin-left:45px;}
#sidebars div.r2 {background: url(images/panel-bottom.png) right no-repeat; height: 18px; margin-right:-2px;}

#sidebar-top {}
#sidebar-top div.wrap {}

#sidebar1 { width: 312px; background: url(images/panel-fon.png); padding-bottom:1px;}
#sidebar1 div.wrap { padding: 20px 15px 0 10px;}

#sidebar2 {}
#sidebar2 div.wrap {}

#footer { float: left; text-align: center; background: url(images/footer.png) no-repeat; height: 114px; width: 312px; color: white; font-size: 8pt; margin-left:0px; padding: 20px;}
#footer a {color: white;}

#footer-out {text-align: center;}


*html #wrapper {overflow: hidden;}
*+html #wrapper {overflow: hidden;}
*html #content {overflow: hidden;}
*+html #content {overflow: hidden;}
*html #sidebar1 {overflow: hidden;}
*+html #sidebar1 {overflow: hidden;}
*html #sidebar2 {overflow: hidden;}
*+html #sidebar2 {overflow: hidden;}
*html #sidebar-top {overflow: hidden;}
*+html #sidebar-top {overflow: hidden;}
*html #sidebars {overflow: hidden;}
*+html #sidebars {overflow: hidden;}