body {
margin: 0 auto;
padding: 0;
font-family: Verdena, Arial, sans-serif;
background: url(img/bg.png) repeat-x white;
font-size: 12px;
color: #444;
text-align: left;
}

.left {float: left; }
.right {float: right; }
.clr {clear: both;}
.center {text-align: center;}


img {border: none;}


h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
hr {}

thead {cursor: pointer;}
th {text-align: left;}


input {}
textarea {}
select {}
input.normal_link {margin: 0; padding: 0; background: none; border: none; cursor: pointer;}
form input.hidden {display: none; height: 0; width: 0; border: none; background: none;}

ul {margin: 0; padding: 0;}
li {margin: 0; padding: 0;}


small {font-weight: normal;}
span.normal {font-weight: normal;}
.alert {color: red; text-align: center; margin: 10px 0;}
a.alert {color: red;}



a {text-decoration: none; color: #214366;}
a:hover {text-decoration: underline;}

/******************************positions************************************/

#page {width: 941px; margin: 0 auto; }

#header {background: url(img/bgheader.png) no-repeat top; height: 218px;}
#header .left {width: 300px; }
#header .right {width: 550px; text-align: right; padding-top: 10px;}


#header .right a {color: #214366; font-size: 10px; margin: 10px 10px;} 

#log {height: 100px;}

#logo {height: 145px;}
#logo a {display: block; width: 300px; height: 145px;}



#middle {background: url(img/bgmiddle.png) repeat-y; padding-top: 10px;}
#middle .left {width: 580px;}
#middle .right {width: 350px; }

#content {}
#content .left {}
#content .right {}



#footer {font-size: 11px; width: 941px; background: url(img/bgfooter.png) no-repeat; height: 330px;}
#copyright {font-size: 10px; padding: 10px; background: white;}
#copyright .left {width: 300px; text-align: left;}
#copyright .right {width: 300px; text-align: right;}
#copyright a {font-weight: bold;}
#copyright a:hover {color: black; text-decoration: none;}

.box { float: left; height: 222px; margin: 15px;}
#b1 {width: 312px;}
#b1 a {display: block; width: 312px; height: 222px;}
#b2 {width: 302px;}
#b3 {width: 222px;}
#b3 a {display: block; width: 222px; height: 222px;}

#clu {text-align: justify; color: #444; padding: 0 10px 10px 20px; min-height: 200px; font-size: 13px;}
#clu  h1 {font-size: 210%; color: #204162; margin-bottom: 10px; background: url(img/icon_all.png) no-repeat; padding-left: 46px; line-height: 46px;}
#clu  h2 {font-size: 130%; color: #204162; font-weight: bold; line-height: 25px;}
#clu ul {margin: 20px;}
#clu li {list-style: none; background: url(img/arrow.png) no-repeat; padding-left: 20px;}
#clu p {margin: 0 0 10px 0;  line-height: 1.5em;}
#clu a {font-weight: bold;}



.news_list {background: url(img/bgnews.png) no-repeat; width: 299px; height: 291px; padding: 20px; color: #204162;}
.news_list h1 {font-size: 210%; color: #204162; margin-bottom: 10px; background: url(img/icon_news.png) no-repeat; padding-left: 46px; line-height: 46px;}
.news_list a {font-weight: bold; line-height: 20px; font-size: 14px;}
.news_list li {list-style: none; margin: 3px 0; padding: 0 10px 10px 20px; background: url(img/bgnewsli.png) no-repeat bottom;}
.news_list h3 {color: #349201; font-size: 130%; margin-bottom: 5px;  background: url(img/arrow_news.png) no-repeat; padding-left: 15px; font-weight: bold;}
.news_list p {margin: 2px 0;}
.news_list p.date {color: #ccc; font-size: 11px;}



#lang {line-height: 30px; height: 30px;}
#lang a {margin: 0 3px;}