@charset "windows-1251";
body { background: url(../images/bg.jpg)  repeat  top left;
        margin:0 auto;
        padding:0;
		color:#ddd;font-family: "Lucida Grande", Arial, Helvetica, sans-serif;font-size:12px;}

a{color:#fff;}
img {border: 0;}

*{margin:10;padding:0;}

td{vertical-align:top;}
a{outline: none;}
#rolik_block {background:  url(../images/tabl_bg.jpg) repeat-y left top;width:666px;padding:0 0 0 2px;}
.rolik {
text-align:center !important;
padding-top:20px;
float:none;
}
.clear {
       clear:both;
       line-height:1%;
       margin-bottom:-1px;
       height:1px;
       overflow:hidden;
       font-size:0px}

#conteiner { 
        background: url(../images/cont_bg.gif) repeat;
        border:1px solid #4c4c4c;
        margin:0 auto;
        padding:0;
        width:998px;}


#header {      
        background: url(../images/header.jpg)  no-repeat  top center;
        width:100%;
        margin:0;
        padding:0;
        height:305px;
		position: relative;}
#logo{width:431px;height:77px;background:url(../images/logo2.png) no-repeat center;left:310px;top:225px;position:absolute;}
#line {      
        background: url(../images/line.jpg)  no-repeat  top center;
        width:998px;
        margin:0;
        padding:0;
        height:50px;}

h2.red_text{ 
        width:170px;
	padding:17px 0 0 110px;
	margin:0;
        font:18px tahoma;
        color: #fff;
        float:left;}

h2.blue_text{ 
        width:663px;
	padding:13px 0 0 30px;
	margin:0;
        font:16px tahoma;
        color: #fff;
        float:left;}

#wrapper {      
        width:100%;
        margin:0;}

#left_bar{ 
        margin:0;
        padding:0 0 20px 17px;
        width:283px;}

#left_bot{background: url(../images/left_bot.jpg)  no-repeat  bottom left;width:283px;min-height:35px;margin:0 0 20px 0;}

ul#menu {background: url(../images/left_bg.jpg) repeat-y  top left; width:283px; list-style: none;margin:0;padding:0 0 0 9px;}

#menu li {   
        background: url(../images/li.gif)  no-repeat  top left;   
        height:25px;
        width:265px;
        margin:0;
        padding:0 0 0 45px;}

#menu a{font:14px tahoma; color: #fff;font-weight: bold;padding:0;margin:0;text-decoration:none;}

#menu a:hover{color: #c60000;text-decoration:underline;}

.statistic{
	padding:0 0 0 35px;
	margin:0;
        font:14px tahoma;
        color: #dfdfdf;}

.statistic a{font:14px tahoma;color: #fff;font-weight: bold;}

#gallery {background:  url(../images/tabl_bg.jpg) repeat-y left top;width:666px;padding:0 0 0 2px;}
#gallery2 {border:1px solid #333333;margin:3px;}
.short{border:2px solid #7a7a7a;}
.title{background:  url(../images/conter.jpg) repeat-x left top;height:42px;text-align:center;font:11px tahoma;color: #fff;}
.title2{text-align:center;font:14px tahoma;color: #fff;font-weight:bold;}
.title a{display:block;color:#fff;font-size:14px;font-weight:bold;text-decoration:none;padding-top:5px;height:20px;overflow:hidden;}
#gallery2 td{width:160px;padding:2px;font:12px Tahoma;color:#fff;}

		
#petro img {width:150px;height:auto;border:2px solid #fff;}

h1 {
        background:  url(../images/red.gif) repeat-x left top;
        width:160px;
        height:19px;
	padding:3px 0 0 0;
	margin:0;
        text-align:center;
        font:11px tahoma;
        color: #fff;}
.h111 {
        background:  url(../images/red.gif) repeat-x left top;
        width:160px;
        height:19px;
	padding:3px 0 0 0;
	margin:0;
        text-align:center;
        font:11px tahoma;
        color: #fff;}

.blue a {
        display: block;
        background:  url(../images/blue.gif) repeat-x left top;
        height:22px;
	    padding:5px 0 0 0;
	    margin:0px;
        text-align:center;
        font:11px tahoma;
        color: #fff;
}

#tabl_bot{background:none;position:relative;background: url(../images/cen_bot.jpg) no-repeat ;width:666px;height:35px;padding:0;}


#footer {
        background:  url(../images/footer.jpg) no-repeat left top;
        width:998px;
        height:61px;
	padding:0;
	margin:0;  
        clear: both;}

p.copy_l{font:11px tahoma; color: #fff;padding:15px 0 0 50px;margin:0;float:left;}
p.copy_l a{ color: #fff;text-decoration:none;}
p.copy_r{font:11px arial; color: #000;padding:14px 33px 0 0;margin:0;float:right;}

.navigation {
	color:#666; 
	border:0px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #fff;
	background:  url(../images/conter.jpg) repeat-x left -5px;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.navigation span {
	text-decoration:none;
	background:  url(../images/conter.jpg) repeat-x left -5px;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}
.harmonica-menu a, .harmonica-menu h3 {
    display: block;
    padding: 5px 5px 5px 15px;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
}

.harmonica-menu a, .harmonica-menu h2 {
    display: block;
    padding: 5px 5px 5px 7px;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
}
    
.harmonica-menu h3 {
    background: url(../images/level-item.png) left center no-repeat;
}

.harmonica-menu h2 {
    background: url(../images/level-item.png) left center no-repeat;
}
    
.open {
    background: url(../images/level-item2.png) left center no-repeat !important;
}

.harmonica-menu-hidden {
    display: none;
    padding: 5px 5px 5px 20px;
}
    
.harmonica-menu-hidden a {
    font-weight: normal;
    padding: 5px;
}