@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/*** Embed fonts ***/
@font-face {
font-family: 'comic';
src: url('../fonts/comic.eot');
src: url('../fonts/comic.eot?#iefix') format('embedded-opentype'),

url('../fonts/comic.ttf') format('truetype'),
url('../fonts/comic.svg#comic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'avant';
src: url('../fonts/avgr45w.eot');
src: url('../fonts/avgr45w.eot?#iefix') format('embedded-opentype'),

url('../fonts/avgr45w.ttf') format('truetype'),
url('../fonts/avgr45w.svg#avgr45w') format('svg');
font-weight: normal;
font-style: normal;
}


/*** Basic ***/
* {
margin:0;
}


html {
background:#BCE7F4 url(../img/htmlBg.jpg) repeat-x;	
}

body {
height:100%;
font:14px "Open Sans";
background:url(../img/bodyBg.png) no-repeat 0 350px;
color:#545454;
margin:0;
padding:0;
clear:both;
}

input, textarea, select, td {
font:14px "Open Sans";
color:#000000;
}

h1 {
font:25px "avant";
text-transform:uppercase;
margin:15px 0;
padding:0;
}

h1 img, h2 img {
margin-left:5px;	
}

h2 {
font-size:15px;
font-weight:bold;	
}

p {
line-height:150%;
margin:0 0 8px 0;
}

li {
line-height:150%;
}

a {
color:#619B13;
text-decoration:none;
outline:none;
}

a:hover {
text-decoration:underline;	
}

a:active {
outline:none;
}

a img {
border-style:none;
}

.clear {
clear:both;
}

/*** Structure ***/
#container {
/*background:url(../img/containerBg.png) repeat-y;*/
width:988px;
min-height:910px;
height:auto !important;
height:100%;
margin:0 auto -150px auto;
padding:0;
}

.push {
height:150px;
clear: both;
}

#headerBg {
height:250px;	
background:url(../img/headerBg.png) repeat-x 0 160px;	
}

#header {
background:url(../img/logoBg.png) no-repeat 400px 0;	
height:110px;
margin-top:-250px;
padding-top:140px;
}

#header #contact {
float:left;	
font:17px "comic";	
margin:60px 0 0 20px;
}

#header #contact a {
color:inherit;
}


#header #contact .phone, #header #contact .email {
background:url(../img/contactBg.png) no-repeat;
float:left;
margin-right:45px;
padding-left:30px;
padding-top:2px;	
}

#header #contact .phone {
font-size:16px;	
}

#header #contact .email {
background-position:0 -28px;
}

#header #social {
float:right;	
margin:60px 20px 0 0;
}

#header #social a {
background:url(../img/socialBg.png) no-repeat;	
display:block;
width:22px;
height:22px;
float:left;	
margin-right:5px;
}

#header #social a {
background:url(../img/socialBg.png) no-repeat;	
display:block;
width:22px;
height:22px;
float:left;	
margin-right:5px;
}

#header #social .facebook {
background-position:0 -32px;
}

#header #social .twitter {
background-position:0 -64px;
}

/*** Langs ***/
#langs {
float:right;
margin:10px 15px 0 0;	
}

#langs .bullet {
background:url(../img/bullet.png) no-repeat 85px 13px;	
}

#langs .active {
color:#000000;
background:none;
padding:5px 27px;	
}

#langs .active:hover {
text-decoration:none;	
}

#langs li ul a {
display:block;
color:#000000;
padding:5px 27px;	
}

#langs li ul a:hover {
background-color:#F1FAEC;
text-decoration:none;
}

#langs .lv {
background:url(../img/lv.gif) no-repeat 6px 8px;	
}

#langs .ru {
background:url(../img/ru.gif) no-repeat 6px 8px;	
}

/*** Menu ***/
#menu {
float:left;
margin:-21px 0 0 -31px;
pading:0;
}

#menu li {
display:inline;
list-style:none;
margin:0;
}

#menu li a {
font:17px "comic";
text-align:center;
color:#545454;
text-transform:uppercase;
display:block;
float:left;
margin:0 10px 0 0;
padding:10px;
}

#menu li a:hover {
color:#E3494A;
text-decoration:none;	
}

#menu li .active, #menu li .active:hover {
color:#FFF;	
background:url(../img/menuBg.jpg) repeat-x;	
border-radius:4px;
}

/*** Content ***/
#content {
background:transparent url(../img/contentBg.png);
min-height:910px;
border:6px solid #BED62F;
border-radius:12px;
margin-top:5px;
padding:30px;
position:relative;
}

.adazi {
width:95px;
height:49px;
position:absolute;
right:0;
bottom:0;	
margin:30px;
}

/*** Submenu ***/
#submenu {
background:url(../img/textBg.png);	
width:240px;
height:500px;
overflow:scroll;
float:left;	
margin-right:30px;
padding:30px;
border-radius:12px;
}

#submenu li {
list-style:none;
margin:0;
}

#submenu li a {
font:15px "Open Sans";
color:#545454;
text-decoration:none;
display:block;
padding:4px 0 4px 0;
margin-bottom:5px;
}

#submenu li .active, #submenu li a:hover {
font-weight:bold;
}

/*** Text ***/
#text {
background:url(../img/textBg.png);	
width:525px;
min-height:250px;
float:left;
margin-bottom:100px;
padding:30px;
padding-top:0;
border-radius:12px;
}

#text table {
border-collapse:collapse;
margin:10px 0;
}

#text td {
font:12px Verdana, Geneva, sans-serif;
border:1px solid #000000;
padding:4px;	
}

#text #admin td {
border:none;
padding:2px;
}

#text a {
text-decoration: underline;
}

#text a:hover {
text-decoration:none;
}

#text ul {
margin:15px 0 15px 30px;
padding:0;	
}

#text .date {
color:#999999;
font-style:italic;
}

#text .pa_kreisi {
float:left;
margin:0 5px 5px 0;	
}

#text .pa_labi {
float:right;
margin:0 0 5px 5px;	
}

/*** Banners ***/
#banners {
width:150px;
float:left;
text-align:center;
padding-bottom:50px;
}

#banners img {
margin-bottom:20px;	
}

/*** Staff ***/
.staff {
width:400px;
height:100px;
float:left;
overflow:hidden;
margin:0 15px 15px 0;	
}

.stafflink {
color:#000000;
}

.staff img, .staff2 img {
float:left;	
margin-right:10px;
}

.staff p {
float:left;
margin:15px 0 0 0;	
}

.staff2 {
background:url(../img/staffBg2.jpg) repeat-y;
width:493px;
min-height:88px;
line-height:135%;
}

.staff2 div {
padding:5px 0;	
}

.buttons {
float:left;	
}

.buttons .links {
margin:0 0 20px 0;
}

.buttons .links a {
margin-right:5px;	
}

/*** Photos ***/
#photos {
margin-left:-30px;	
}

#photos li {
background:none;
float:left;
height:100px;
overflow:hidden;
margin:0 10px 10px 0;
padding:0;
}

#photos .buttons {
float:right;
margin-bottom:5px;	
}

#photos .buttons a {
margin-left:8px;	
}

/*** Videos ***/
.avideo {
margin:0 0 10px 0;	
}

.videos {
float:left;
line-height:100%;
margin:5px 10px 10px 0;	
}

.videos a {
width:155px;
display:block;
font-size:11px;
z-index:inherit; 
}

.videos a:hover {
text-decoration:none;
}

.videos p {
margin-top:10px;
}

.videos p a {
display:inline;
}

/*** Footer ***/
#footer {
width:988px;
height:150px;
margin:0 auto;
}

#footer #bg {
background:#EEEEEE url(../img/bgBg.png) no-repeat 670px center;
width:968px;
height:150px;
margin:0 auto;
}

#bg .phone, #bg .email {
background:url(../img/contactBg.png) no-repeat;
font:21px "Myriad Pro";
font-style:italic;
height:31px;
float:left;
margin:58px 0 0 55px;
padding:10px 0 0 50px;
}

#bg .email {
background-position:0 -42px;
}

#bg .copy {
font-size:11px;
text-align:center;
margin-top:25px;	
}

#bg a {
color:#000000;	
}

#bg .copy a:hover {
text-decoration:none;	
}

#copy {
font-size:12px;	
text-align:center;
margin-top:5px;	
}

/*** Administration ***/
#admin {
font-size:14px;
margin:0;
padding:0 30px 50px 30px;
}

#admin p {
margin:10px 0;	
}

#admin .categories {
width:260px;
float:left;
margin:0 9px 10px 0;
}

#admin h2 {
font-size:14px;
margin:5px 0;
}

#admin ul {
margin:0;
padding:0;
}

#admin li {
display:block;
list-style:none;
background:none;
margin:0;
padding:0;	
}

#admin li ul li {
margin-left:15px;
}

#admin li a:hover {
text-decoration:underline;	
}

#admin li img {
margin:2px 0 0 5px;
}

#admin .success {
font-weight:bold;
color:#619B13;	
}


/*** Administration tabs ***/
#admin .tabs {
margin:20px 0 0 220px;
}

#admin .tabs li {
float:left;	
margin-right:10px;
}

#admin .tabs li a {
text-decoration:none;
}

#admin .tabs li a:hover {
text-decoration:underline;
}

#admin .tabs .current {
font-weight:bold;
}

#admin .tabs .current a:hover {
text-decoration:none;
}

/*** Administration forms ***/
#admin input {
width:632px;
padding:4px 8px;	
}

#admin textarea {
width:500px;
height:500px;
padding:4px 8px;
}

#admin .label {
font-weight:bold;
margin:15px 0 5px 0;	
}

#admin .submit {
width: auto;
background-image: none;
background-color: #F1FAEC;
color: #000000;
border: 1px solid #999999;
margin: 10px 0 0 0;
padding: 6px 10px;
cursor: pointer;
border-radius: 3px;
}

/*** Questions ***/
#questions {
margin-top:25px;	
}

#questions .question {
margin:25px 0 10px 0;
}

#questions .question .title {
font-size:14px;
font-weight:bold;	
}

#questions .question p {
margin-top:5px;
}

.qoptions {
margin-top:10px;	
}

.qoption {
margin:5px 0 0 15px;
}

/*** Banners ***/
.banners {
margin-top:50px;
text-align:center;
}

.banners img {
margin-bottom:20px;	
}




