html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body {
  background: #eee;
  min-height: 100%;
height: auto !important;
height: 100%;
position: relative;

}

p {
text-align: justify;
}

#underline-top {
height: 22px;
background: #339966;
margin-bottom: 15px;
position: absolute;
top: 0;
width: 100%;
}

#underline-bottom {
height: 22px;
background: #339966;
width: 100%;
position: absolute;
bottom: 0;
}

#odeyalo {
width: 850px;
margin: 0 auto;
position: relative;
padding-top: 35px;
}

#button_table {
margin: 0 auto;
text-align: center;
padding: 10px;
}


#button_table span {
color: white;
font-style: italic;
font-weight: bold;
text-align: center;
font-size: 24px;
text-transform: uppercase;
}

div .button {
height: 260px;
width: 260px;
border: 0px solid;
display:table-cell;
vertical-align:middle;
cursor: pointer;
}


.green {
background: green;
}

.pink {
background: pink;
}

.orange {
background: #FFCC00;
}

.blue {
background: #333399;
}

.purpule {
background: #993399;
}

.red {
background: red;
}

#podushka {
height: 100px;
background: #fff;
opacity: 0.9;
margin: 0 auto;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#podushka .slider img {
float: left;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
padding: 10px;
height: 260px;
width: 910px;
}

.slider {
float: left;
}

.info {
 margin-top: 60px;
 width: 210px;
 float: right;
 font-size: 14px;
}

#podushka .info img {
width: 20px;
float: left;
padding-right: 4px;

border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


#content {
margin: 0 auto;
width: 100%;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
}

#left_column {
min-height: 200px;
float: left;
padding: 10px;
width: 240px;
margin-top: 10px;
background: #fff;
opacity: 0.9;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
}

#right_column {
min-height: 200px;
padding: 10px;
float: right;
width: 240px;
margin-top: 10px;
background: #fff;
opacity: 0.9;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
}


#center_column {
padding: 10px;
margin: 10px 0 20px 0;
background: #fff;
opacity: 0.9;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
min-height: 480px;
}

.insideMainText {
text-align: justify;
}

#center_column  img {

}

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

#menu3 {
	width: 200px;
	margin: 10px;
	}

#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}

#menu3 li a:link, #menu3 li a:visited {
	color: #888;
	display: block;
	padding: 8px 0 0 10px;
	}

#menu3 li a:hover, #menu3 li a:active {
	color: #339966;
	padding: 8px 0 0 30px;
	}




	#header {
height:85px;
position:relative;
}
 #header #logo_block {text-align:center; color:#333333; position:absolute; padding-right:5px; top:10px; left:10px;}

 #header #middle_block {width:400px; display: block; margin-left:260px;}

 #header #contacts_block {position: absolute; left: 635px; display: block; top: 5px; width: 200px; height: 70px;
text-align: left;}
 #header #contacts_block a {color:#339966; text-decoration:underline; font-size:9pt;}
 #header #contacts_block a:hover {text-decoration:none; color:#da0a0d;}
 #header #contacts_block h1 {margin-bottom:2px; font-weight:normal; font-size: 25px}

 #header #authorize_block {width:160px; float:right; margin-top:10px; padding-right:10px;}
 #header #authorize_block a {color:#339966; text-decoration:underline; margin-right:12px; display:inline; font-size:8pt;}
 #header #authorize_block a:hover {color:#339966; text-decoration:none;}

 #header #toppest_menu {color:#339966; height:25px; width:400px; display: block; }
 #header #toppest_menu a {color:#339966; text-decoration:underline; margin:5px 14px 0 14px; display:inline; font-size:11pt; font-style:italic; font-weight: bold;}
 #header #toppest_menu a#active {color:#339966;  text-decoration:none;}
 #header #toppest_menu a:hover {color:#339966; text-decoration:none;}

 #header #icons_block {
height:15px;
width:110px;
display:block;
padding-top:10px;
padding-left:10px;
margin-bottom:15px;
}
 #header #icons_block img {
margin-right:18px;
border:0;
}

 #header ul {margin-top:4px; margin-left:0; margin-bottom:0; height:45px; width:970px; padding-left:40px; background:url(../img/top_menu_bg.jpg) no-repeat; display:block;}
 #header li{list-style:none; height:45px; background:url(../img/divider.jpg) right top no-repeat; display:block; padding-right:2px; margin:0; float:left;}
 #header  li a {height:31px; padding:14px 19px 0 19px;  display:block; margin:0; color:#FFFFFF;  font-size:11pt; text-decoration:none;}
 #header  li a:hover {background:url(../img/button_hover.jpg) right top repeat-x;}
 #header .act {background-image:url(../img/button_active.jpg);}
 #header #last_li{background:none;}

 #header #pics {
height:270px; margin-bottom:10px; border: 0px solid black;
}
 #header img {
margin:0 3px 0 3px;
}
 #header h1,h2,h3,h4,h5,h6 {
	margin: 7px 0 7px 0;  /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	background:none;
}
 #header h1{
color:#535353;
font-size:230%;
}
 #header h4{
font-size:11pt;
}

a {
color: #339966;
}

 #header #search_bar {height:50px; margin-top:15px;}
 #header #search_bar h3 {font-size:12pt;}
 #header #search_bar .all_inputs {float:right;}
 #header #search_bar .search_button {width:79px; height:26px; background:url(../img/search_button.jpg) no-repeat; border:0; margin:5px; text-align:center; padding-top:2px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
 #header #search_bar .search_button:hover {background:url(../img/search_button_hover.jpg) no-repeat;}
 #header #search_bar select {width:200px; margin:5px 15px 0 15px;}


#contact-wrapper {
	width:210px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
	float: right;
	height: 435px;
	border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
-khtml-border-radius:20px;
margin:0 0 5px  10px;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
	width: 210px;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width: 210px;
}

#slider {
    margin: 0;
	margin-left: 7px;
    padding: 0;
    background: #ddd;
    margin: 15px 0;
    border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-khtml-border-radius: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#slider ul, #slider li {
    margin:0;
    padding:0;
    width:850px;
    height: 350px;
    list-style:none;
    }

#slider img {
    margin:0;
    padding:0;
    height: 350px;
    width:850px !important;
    }

#prevBtn, #nextBtn {
	display: none;
}