﻿*{
padding: 0;
margin: 0;
border: 0px none;
}
body, html {
text-align: center
}

img, div, input, table, a{ behavior: url("../styles/iepngfix.htc") }

h1{
margin-top:10px;
font-family:Geneva;
color: #b60000;
font-size: 22px;
}

img{
outline: 0;
margin: 0;
padding: 0;
border: 0px none;
}
a{
outline: 0;
}
ul{
position: relative;
padding: 0px;
margin-left: 0px;
}

h3{
color: #13b302;
font-size: 16px;
font-family: Tahoma;
margin-left:10px;
}

.clear { clear: both; }

#total_page{
border:0px solid #04390e;
width: 940px;
margin: 0 auto;
padding: 0;
min-height: 400px;
text-align: left;
border:3px solid #49693a;
background:#fff;
}

#mainContainer {

width: 940px;
margin: 0 auto;
min-height: 400px;
text-align: left;
}
* html #mainContainer {
height: 450px;
width: 940px;
/*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#top{
text-align:center;
color: #ffffff;
font-size: 16px;
padding-bottom:10px !important;
padding-top: 5px !important;
font-family: Verdana;
}
#header {
width: 909px !important;
height: 250px;
border:15px solid #fff;
border-right:18px solid #fff;
border-bottom:5px solid #fff;
}

/*
* html #header {
width: 908px;
height: 250px;
overflow:hidden;
border-bottom:0px solid #fff;
}
*/
html>body #header {
width: 909px;
height: 250px;
border:15px solid #fff;
border-right:16px solid #fff;
border-bottom:5px solid #fff;
}

#header div{
float: left;
height: 129px;
}
#left_corner{
background: url('../images/left_corner.gif') no-repeat left top;
width: 9px;
}



#header_inner{
width: 909px !important;
border-bottom:solid 4px #cfd1d0;

}
/*
*html #header_inner{
width: 909px;
overflow:hidden;
border-bottom:0px solid #fff;
}
*/
#right_corner{
background: url('../images/right_corner.gif') no-repeat left top;
width: 9px;
}

#leftico{
float:left;
margin-left:28px;
}

#title{
clear:both;
margin-top:-125px;	
margin-left:150px;	
font-size:14px;
line-height: 14px;
padding-left: 20px;
overflow:hidden;
}

* html #title{
margin-top:-125px;	
margin-left:80px;	
font-size:14px;
line-height: 16px;
width:60%;
padding-left: 20px;
}

.tophover{
height:129px;
float: right;
margin-right: 10px !important;
}
/*-------------*/
#logic{
background-color: #ffffff;
border-left:0px solid #3b3534;
border-right:0px solid #3b3534;
}

#logic_inner{
margin:0 15px;
height: 53px !important;
}
#logic_inner span{
padding-top:15px;
float: left;
font-size: 21px;
}

#logic_inner img{
margin:0 10px;
float: left;
}
#logic_left{
float: left;
width: 580px;
}

* html #logic_left{
margin-top:0px;
float: left;
width: 663px;
}

#logic_right{
width:253px;
float: right;
}

#logic_right span{
float: left;
color: #404040;
}

#favorite{
clear: both;
padding-top: 10px;
margin-right:15px;

}
#favorite a{
padding-left: 20px;
}

#favorite_top{

background: url('../images/logic_bg.jpg') repeat-x left top;
height: 53px
}
#favorite_top img{
float: left;
}

#favorite_top span{
color:#404040;
float:left;
font-size:21px;
padding-top:15px;
padding-left:15px;
}
/*--------------------*/
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
background-color: #ffffff;
border-left: 0px solid #404040;
border-right: 0px solid #404040;

padding-left: 264px;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 623px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

#content_article{
margin-left:0px;
margin-right:10px;
margin-top:20px;
font-size:14px;
}

#content_article a{
color: #44433a;
font-weight:bold;
}

#content a{
color: #44433a;
font-weight:bold;
}

#content a:hover{
color: #b60000;
font-weight:bold;
}

#content_article a:hover{
color: #b60000;
font-weight:bold;
}

.menu_main{
border-bottom: 1px solid #ccc;
width:95%;
}

.float-wrap {
float: left;
width: 940px;
margin-left: -264px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 635px;
min-height:800px;
margin-right:25px;
margin-bottom:7px;

}


* html #content {
float: right;
width: 635px;
min-height:800px;
margin-right:15px;
margin-bottom:7px;
}

#titulnuy_text{
font-size: 12px;
width:90%;
font-family: Tahoma;
color: #333333;
text-align:left;
margin-left:30px;
margin-right:20px;
margin-top:15px;
margin-bottom:10px;
}



/*  РїРѕСЃР»РµРґРЅРёРµ СЃС‚Р°С‚СЊРё --------------------------- */


*+html #favorite {
margin-bottom:690px;
}

.image_main{
text-align:center;
vertical-align:middle;
border: 1px solid #b9b9c2;
}

.image_prev_contur{
float:left;
height:auto;
text-align:center;
width:115px;
margin-top:2px;
}

*+html .latestnews_item {
width:100%;
}

.latestnews{
position: relative;
height:auto;
border-top:1px solid #ccc;
margin-bottom:2px;
padding:2px;
width:95%;
}

.latestnews_item{
margin-top:3px;
width:auto;
margin-left:115px;
height:auto;
min-height:95px;
}

* html .latestnews_item { 
height: expression( this.scrollHeight < 98 ? "97px" : "auto" ); 
min-height: 97px;
margin-top:3px;
width:auto;
margin-left:115px;
}

.latestnews_title{
font-weight:bold;
text-align:left;
margin-top:0px;
font-size: 12px;
font-family: Tahoma;
color: #b60000;

}

.latestnews_info{
font-size: 12px;
font-family: Tahoma;
color: #333333;
margin-top:0px;
height:auto;
}

* html .latestnews_info{
font-size: 12px;
font-family: Tahoma;
color: #333333;
margin-top:0px;
height:auto;
margin-bottom:20px;
}

.latestnews_info img{
margin:5px;
}

.latestnews_link{
position: absolute;
text-align: right;
font-size: 12px;
font-family: Tahoma;
color: #333333;
bottom:5px;
right:0px;
}

* html .latestnews_link{
position: absolute;
clear:both;
text-align: right;
font-size: 12px;
font-family: Tahoma;
color: #333333;
bottom:5px;
right:0px;
width:100px;
}

#banner{
position: relative;

/*overflow:hidden ;*/
margin:5px;
float:right;
width:85%;
font-size: 12px;
font-weight:bold;
font-family: Tahoma;
color: #333333;
border: 1px solid #cccccc;
}


/*  article -------------------------------*/
* html #content {
position: relative;
font-size: 14px;
}


.contentWrap{
position: relative;
margin-top: 40px;
padding-bottom: 15px;
margin-left: 30px;
font-size: 12px;
font-family: Tahoma;
color: #333333;
line-height:16px;
text-align:left;
}

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#left {
/*position: relative; */
float: left;
width: 266px;
min-height: 250px;
}
* html #left {
/*position: relative; */ /*** IE needs this  ***/
height: 268px;
}
#left a{
display: block;
clear: both;
}

#left a:hover{
position: relative; 
text-decoration: none;
}

/**************************
FOOTER
**************************/
#footer {
border: 15px solid #fff;
border-top: 0px solid #a1a2a6;
width: 910px;
margin: 0 auto;
height:65px;
background-color: #aeb1b6;
color: #edeeee;
font-size: 18px;
text-align: center;
}

#footer_inner{
border-top: 5px solid #a0a1a5;
}

#footer div{
line-height: 44px;
}

#footer #madeby{
float: right;
width: 250px;
padding-right: 15px;
padding: 15px;
font-size: 13px;
}

#footer #madeby a{
text-decoration: none;
color: #edeeee;
}
#footer #madeby a:hover{
text-decoration: underline;
color: #edeeee;
}
#footer #copy{
width: auto;
float: left;
text-align: left;
padding-left: 14px;
}

#footer2{
width: 843px;
margin: 5px auto;
}

#styleone{
margin:5px;
float:left;
position:relative;
height:23px;
font-size:13px;
font-weight:bold;
background:url('layout_images/bgOFF.gif') repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-bottom:1px solid #d9d9d9;
margin-bottom: 30px;
}

#styleone ul{margin:0;padding:0;list-style-type:none;}

#styleone ul li{display:block;float:left;margin:0 1px 0 0;}

#styleone ul li a{border:solid 1px;display:block;
float:left;
color:#034895;
text-decoration:none;
padding:3px 20px 1px 20px;
height:18px;}

#styleone a:hover span,
#styleone a:hover
{
color:#034895;
background:url('layout_images/bgON.gif') repeat-x top left;
}

#comment_editor{
margin-top: 10px;
margin-left: 0px;
font-size:16px; 
margin-bottom: 0px;
text-align:left;
float:left;
}

.editor_comment{
border:1px solid #034895;
}

#comment_add{
position:relative;
display:block;
margin-left: 30px;
margin-top: 10px;
margin-bottom: 40px;
font-size:16px; 
width:82%;
}

#comment_title{
margin:5px;
font-size:14px; 
border:solid  1px #034895;
height:21px;
width:200px;
}

#comment_table{
position:relative;

display:block;
padding:1px;
border:solid 1px #034895;
width:82%;
overflow:auto;
margin-top: 5px;
margin-left: 35px;
margin-bottom: 10px;
font-size:16px; 
}

#comment_row{
position:relative;
float:left;
width:100%;
background:#d8eaf8;
border-bottom:solid 1px #034895;

}

#comment_name{
position:relative;
float:left;
margin-left: 5px;
font-weight:bold;
}

#comment_date{
position:relative;
text-align:right;
margin-right: 30px;
margin-bottom: 5px;
}

#comment{
position:relative;
float:left;
overflow:auto;
padding-top:5px;
padding-left:5px;
padding-bottom:25px;
padding-right:5px;
font-size:16px; 	
}

#comment_all{

position:relative;

width:100%;
float:left;
background:#ffffff	;
font-size:16px; 
}

#comment_save_text{
margin-left:30px;
}


#captcha{
position:relative;
float:left;
margin-left:15px;
font-size:16px; 
margin-left:35px;
width:80%;
}

#captcha_image{
position:relative;
float:left;
border:solid 1px #af0895;
margin:5px;
}

#captcha_input{
position:relative;
float:left;
border:solid 1px #034895;
margin:5px;
font-size:21px; 
height:28px;
width:79px;
text-align:center;
margin-bottom: 10px;
}

#captcha_text{
float:left;
vertical-align:bottom;
margin-top:10px;
}
#captcha_in{
position:relative;
float:left;
width:100%;
margin:5px;
}

#guest_add{
position:relative;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 40px;
font-size:16px; 
width:82%;
clear:both;
}

#guest_title{

font-size:14px; 
border:solid  1px #034895;
width:200px;
text-align:left;
}

#guest_info{
position:relative;
height:100px;
width:90%;
bottom:0px;
}

#guest_line{
position:relative;
text-align:left;
border:solid 1px #034895;
bottom:20px;
}

#guest_after_save{
font-size:14px; 
margin-left:30px;
font-weight:bold;
color:#034895;
}

#title1, #title2{
width: 40px;   
position: relative;  
margin-top:10px;
}

#title2 { 
left: 30px;
float:left;
}

#title1 { 
float:left;
}

.tr{
position: relative;  
clear:both;
width:350px;

}

.result{
position: relative;  
clear:both;
width:90%;
height:45px;
}

#rezult1{
position: relative;  
float:left;
margin-top:10px;
}

#rezult2{
position: relative;  
float:left;
}

#rezult3{
position: relative;  
clear:right;
}

#star{
color:#fb1c1e;
font-weight:bold;
}

#photogalleries{
/*
margin-left:30px;
width:100%;
margin-bottom:30px;*/
}

#photogallery_main{

float:left;
margin-top:10px;
width:210;
margin-left:30px;
}

#photogallery_main:hover{
float:left;
margin-top:10px;
width:210;
margin-left:30px;
border:2px;
}

#outer_site {
width: 210px;
height:210px; 
overflow: hidden; 
position: relative;
}

#outer_site[id] {display: table; position: static;}

#middle_site {position: absolute; top: 50%;left: 50%; } /* for explorer only*/

#middle_site[id] {display: table-cell;text-align:center; vertical-align: middle; position: static;}

#inner_site {position: relative; top: -50%;left: -50%; } /* for explorer only */
#inner_site[id] {position: static;} 

.gallery_image{

}

.kommentariy{
font-weight:bold;
font-size:18px;
margin-top:40px; 
margin-left:40px; 
color:#0f781d;
}

.borger_gallery{
border: 1px solid #0a0a0a; 
}

.borger_gallery:hover{
border:1px solid  #7aa1f0;
}

a#current {
font-weight:bold;
font-family: Tahoma;
color:#3c9bef;
font-size:12px;
}

a#current_hor{
font-weight:bold;
font-family: Tahoma;
color:#868fa5;
font-size:13px;
margin-top:2px;
border-bottom:3px solid #ff9c00;
}

* html a#current_hor{
font-weight:bold;
font-family: Tahoma;
color:#868fa5;
font-size:13px;
margin-top:1px;
border-bottom:3px solid #ff9c00;
}

.print_button{
height:27px;
width:200px;
background:url('../images/print_but.gif') no-repeat ;
margin:10px;
padding-left:35px;
font-size:18px;
}

.search_form_all{
margin-top:10px;
padding-left:645px;
}

.search_input{
margin:5px;
float:left;
width:160px;
height:20px;
border:1px solid #66a8f2;
}

.search_button{
margin:5px;
float:left;
background:url('../images/search_but.jpg') left ; 
width:72px;
height:22px;
}

.calendar_position{
position:relative;
margin-top:10px;
margin-left:-70px;
width:300px;
height:auto;
}

#stroika{
height:41px;
margin:10px;
float:left;
margin-left:15px;
vertical-align:middle;
}

.karta_saita{
margin:10px;
}

.karta_expand{
border:1px solid #7899e4; 
margin:5px;
font-size:14px;
background: #d7e0f4;

}

.karta_collapse{
border:1px solid #7899e4; 
background: #d7e0f4;
margin:5px;
font-size:14px;
padding:1px;
}

#banner1{
border:0px solid;
background:#fff transparent;
}

.search_kat{
position:absolute;
margin-left:200px;
margin-top:60px;
height:auto;
}

*html .search_kat{

margin-left:250px;
margin-top:60px;
float:left;
}

.select_menu{
border:1px solid #b0def6;
height:24px;
font-size:16px;
width:130px;
}



.search_sait_kateg{
margin-top:-25px;
margin-left:5px;
width:60px;
height:56px;
float:right;
overflow:hidden;
background:url('../images/search.png') no-repeat top ; 
}

* html .search_sait_kateg{
margin-top:-25px;
margin-left:165px;
width:56px;
height:56px;
float:left;
behavior: url("../styles/iepngfix.htc");
background:url('../images/search.png') no-repeat center ; 
}

.error_sait{
font-size:22px;
color:#cb765f	;
font-weight:bold;
}
.index_page_pos{
margin-bottom:9px;
}

a.indexpage{
padding-top:0px;
padding-left:6px;
padding-right:6px;
padding-bottom:0px;
border:solid 1px #1853a3;
background-color: #fff;	
margin:3px;
color:#2c2c27;
text-decoration:none;

}

a.indexpage_active{
padding-top:0px;
padding-left:6px;
padding-right:6px;
padding-bottom:1px;
background-color: #7bbbf7; 
margin:3px;
margin-bottom:5px;
text-decoration:none;
}

a.indexpage:hover{
margin:3px;
background-color: #fff; 
}

.indexpage777{
text-decoration:none;
margin:3px;
}

#login_form{
clear:both;
position:absolute;
}

#login_div{
position:absolute;
margin-left:715px;
margin-top:60px;
background:url('../images/login.png') no-repeat top ; 
width:178px;
font-size:14px;
padding-left:5px;
padding-top:0px;
}

* html #login_div{
float:left;
text-align:left;
position:absolute;
margin:0px;
padding:0px;
background:url('../images/login.png') no-repeat top ; 
width:180px;
font-size:14px;

margin-left:-50px;
margin-top:-240px;
padding-left:10px;
padding-top:5px;
}

* html #login_div input{
position:absolute;
font-size:14px;
}

#login_input{
position:absolute;
}

#pass_input{
position:absolute;
margin-top:40px;
}

#enter_login{
position:absolute;
margin-top:85px;
height:20px;
font-size:13px;
}

.enter_button{
font-size:13px;
width:40px;
height:22px;
background:#fff;
padding-top:2px;
padding-left:5px;
padding-right:5px;
padding-bottom:2px;
border:1px solid #7899e4;
text-decoration:none;
color:#000;
}

.photogallery_image_thumbs{
margin-top:5px;
}

#footer #madeby2{
float: right;

padding-right: 15px;
padding: 15px;
font-size: 12px;
text-align: right;
font-family: Tahoma;
}

#footer #madeby2 a{
	color: #ffffff;
	text-decoration: none;
}
#footer #madeby2 a:hover{
	color: #ffffff;
	text-decoration: none;
}

#footer #madeby2 a{
	color: #ffffff;
	text-decoration: none;
}
#footer #madeby2 a span{
	color:#808080;
	font-weight:bold;
}
#footer #madeby2 a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.homee{
clear:both;
font-size:13px;
font-family:Tahoma;
padding: 10px 0 0 35px;
color:#404040;
}
#left .homee a{
  color:#404040;
  text-decoration:underline;
  display:inline;
}
#left .homee a:hover{
  color:#404040;
    display:inline;
  text-decoration:underline;
}


