html,body{
  padding:0;
  margin:0;
  width:100%;
  height:100%;
  font-family:Tahoma;
}

p{
   text-align: justify;
   padding-right: 15px;
}

.upt{
position: relative;
top: 5px;
right: 20px;
font-size: 11px; 
line-height: 1.2;
}

.upt2{
position: relative;
top: 5px;
right: 10px;
font-size: 11px; 
line-height: 1.2;
}



body{
  background-color:#E6E3CC;
  /*background-color:#fbf8ef;*/
  /*background-image:url(../images/body_bg.png);*/
  /*background-repeat:repeat-x;*/
}

.base{
  background:url(../images/footer_bg.png) bottom center no-repeat #fbf8ef;
  display: table;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
}

.head{
  width: 100%;  
  height: 291px;
  display: table-row;
}

.head div{
  display: table-cell;
}

.head div div{
  background:url(../images/head_bg.png) repeat-x;
  background-color:#fbf8ef; 
  height: 291px;
  position: relative;
  display: block;
}

.head div div div{
  background:url(../images/head_left_bg.png) left top no-repeat; 
  height: 291px;
  position: relative;
  display: block;
  margin: 0 auto;
}

.head div div #contacts{
  background: none;
  width: 98%;
  margin: 0 auto;
  height: 30px;
  text-align: right;
  font-size: 12px;
  padding:10px 0 0;
}

.head div div a#logo{
  position: absolute;
  top: 50px;
  left: 100px;
}

.head div div table{
  width: 100%; 
  height: 300px; 
}

.head div div table tr td{
  background:url(../images/board_big.png) right 75px no-repeat;
}

.head div div table tr:first-child td{
  background:url(../images/board_small.png) right 75px no-repeat;
}

.head div div table tr td ul{
  padding: 0;
  margin: 0 5px 0 0;
  list-style: none;
}

.head div div table tr td ul li{
  display: block;
  width: 95px;
  text-align: center;
  float: right;
  padding: 0 5px;
}


.head div div table tr td ul li a{
  color: #000;
  font-size: 9px;
  line-height: 10px;
  text-decoration: none;
}

.head div div table tr td ul li a img{
  border: none;
  margin: 0 0 3px 0;
}

.head div div table tr td ul li a span{
  display: block;
  width: 95px;
}

.head div div table tr td ul li.active a span{
  color: maroon;
}

/* MAIN */
.main{
  width: 100%;
  display: table-row;
}

.main div{
  display: table-cell;
}

.main div div{
  display: table;
}

.main div div div{
  display: table-row;
}

.main div div div #left{
  display: table-cell;
  padding: 10px;
  width:auto;
  vertical-align: top;
}

/* left */
.main div div div #left div#size{
  display: block;
  width: 260px;
  height: 1px;
}

.main div div div #left h3{
  color: #444;
  font-size: 25px;
  font-weight: normal;
  margin: 15px 0 15px 20px;
}

.main div div div #left ul{
  list-style: none;
  padding: 0;
  margin:0 20px;
  border-left:5px solid #e1d5c2;
  width: 220px;
}

.main div div div #left ul li{
  padding: 2px 0 2px 15px;
}

.main div div div #left ul li.active{
  background: #f3ede2;
}

.main div div div #left ul li a{
  color: #c10000;
  text-decoration: none;
  font-size: 18px;
}

.main div div div #left ul li.active a{
  color: #000;
}


/* news */
.main div div div #left ul.latestnews{
  border: none;
}

.main div div div #left ul.latestnews li{
  font-size: 12px;
  line-height: 20px;
  padding:5px 0 0 40px;
}

.main div div div #left ul.latestnews li span.date{
  color: #02a9e8;
  font-size: 14px;
  text-decoration: underline;
  margin:0 0 0 -44px;
  padding: 0 2px;
}

.main div div div #left ul.latestnews li a{
  font-size: 18px;
}

.main div div div #right{
  display: table-cell;
  padding: 10px;
  vertical-align: top;
}

.main div div div #right img{
  background: white;
  padding: 10px;
  border: 1px solid gray;
}

.main div div div #right p{
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0;
}

.main div div div #right h1{
  color: #444;
  font-size: 20px;
  font-weight: normal;
  margin: 10px 0 15px 0;
}

.main div div div #right h2{
  color: #444;
  font-size: 20px;
  font-weight: normal;
  margin: 10px 0 15px 0;
}

.main div div div #right h3{
  color: #444;
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0 15px 0;
}

.main div div div #right ul{
  margin: 5px 0;
  padding: 0 0 0 25px;
  list-style-image:url(../images/list_marker.png);
  font-size:12px;
  line-height:20px;
}

.main div div div #right ol{
  margin: 5px 0;
  padding: 0 0 0 25px;
  font-size:12px;
  line-height:20px;
}

.main div div div #right span.block{
  display: table-cell;
  width: 100%;
  padding: 20px;
  background:#F3EDE2;
  border-left:5px solid #E1D5C2;
}

.main div div div #right table tr td{
  padding: 10px;
  background:none;
  border-bottom:1px solid #E1D5C2;
}

.main div div div #right table tr:first-child td{
  background:#F3EDE2;
  border-bottom:5px solid #E1D5C2;
  font-weight: bold;
}

/* FOOTER */
.footer{
  width: 100%;
  height: 100px;
  display: table-row;
  vertical-align: top;
}

.footer div{
  display: table-cell;
  height: 100px;
}

.footer div div{
  display: table;
  height: 100%;
}

.footer div div div{
  display: table-row;
}
.ssil {color: #A9A9A9;font-size: 10px; text-align: right; }
.ssil a{color: #A9A9A9;font-size: 10px; text-align: right; }
.ssil a:visited{color: #A9A9A9;font-size: 10px; text-align: right; }
.ssil a:link{color: #A9A9A9;font-size: 10px; text-align: right; }
.ssil a:hover{color: #A9A9A9;font-size: 10px; text-align: right; }

.footer div div div #left{
  width: 30%; 
  font-size: 10px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding:0 0 0 60px;
  background:url(../images/footer_border.png) 40px 50% no-repeat;
}


.footer div div div #center{
  width: 30%;
  font-size: 10px;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding:0 0 0 60px;
  background:url(../images/footer_border.png) 40px 50% no-repeat;
}

.footer div div div #right{
  width: 30%;
  display: table-cell;
  vertical-align: middle;
  text-align: center; 
}



/* slider */
.menu_banner li{
  width: 185px;
  height: 126px;
  margin: 0 5px;
}

.menu_banner li img{
  margin: 3px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.jcarousel-container-horizontal {
  padding:0 10px;
  width: 574px !important;
  border-left:5px solid #E1D5C2;
  border-right:5px solid #E1D5C2;
  margin: 30px auto !important;
}

.jcarousel-clip-horizontal{
  width:584px !important;
  display: block !important;
}

.jcarousel-prev-horizontal{
  background:url(../images/slide_btn_prev.png) no-repeat;
  position:absolute;
  width:17px !important;
  height:44px;
  left:-25px;
  top:40px;
}

.jcarousel-next-horizontal{
  background:url(../images/slide_btn_next.png) no-repeat;
  position:absolute;
  width:17px !important;
  height:44px;
  right:-25px;
  top:40px;
}