@charset "utf-8";
*{margin:0px; padding:0px;}
a {outline: none; text-decoration: none;}
img {border:0;}
ul,li{list-style-type: none;}
h1, h2, h3, h4 {font-weight:normal}
body {background: #D2D2D2  url(../../img/bg_novo.jpg) repeat-x 0px -17px;}
body.inner {background: #D2D2D2  url(../../img/bg_novo.jpg) repeat-x 0px -17px}
p {font: 12px trebuchet ms; color: #333; line-height: 17px;}
.clear {clear: both; height: 0px;}
.container {
 width: 933px;
 margin: auto;
}
.container .header {
 position: relative;
 padding-top: 15px;
 height: 124px;
}
.container .header .contact {
 float: right;
 padding: 31px 25px 0px 0px;
}
.container .header .contact p {
font: 12px trebuchet ms;
color: #fff;
line-height: 17px;
text-align: right;
}
.container .header .contact a {
font: 12px trebuchet ms;
color: #fff;
line-height: 17px;
text-align: right;
text-decoration: none;
}
.container .header .contact p.bold {
font-weight: bold;
}
.container .header a.logo {
 float: left;
 margin: 7px 0px 3px 15px;
 background: url(../../img/logo.png) repeat-x top left;
 background: url(../../img/logo_ie.gif) repeat-x top left;
 width: 133px;
 height: 105px;
}
.container .header cite {
 float: right;
 font-size: 18px;
 color: #ccc;
 padding: 25px 0px 0px 0px;
}
.container .header a.participate {
 background: url(../../img/participate_btn.png) no-repeat top left;
 width: 106px;
 height: 27px;
 position:absolute;
 bottom: 0px;
 right: 0px;
 font-size: 17px;
 color: #fff;
 padding: 6px 0px 0px 58px;
 display: block;
}
.container .header a.participate:hover {
 background-position: bottom left;
}
.container .sub_header {
 padding-left: 20px;
 height: 154px;
 _height: 153px;
 }
.container .sub_header .exp_art_box {
 background: url(../../img/exp_art_box.png) no-repeat 0px 0px;
 _background: #fff;
 width: 300px;
 height: 171px;
 _height: 155px;
 float: left;
 margin-right: 1px;
 position: relative;

}
.container .sub_header .inner{
 background: none;
 width: 300px;
 height: 70px;
 float: left;
 padding-top: 0px;
 position: relative;
 margin-top: 10px;
}
.container .sub_header .inner h2 {
 position: absolute;
 top: -10px;
 left:0px;
 width: 285px;
 color: #fff !important;
 text-shadow: #333 1px 1px 1px;

}
.container .sub_header .exp_art_box p {
 padding: 5px 15px 15px 15px;
 _padding: 5px 15px 0px 15px;
}
.container .sub_header .exp_art_box a.more  {
 background: url(../../img/more_btn.png);
 _background: url(../../img/more_btn_ie.jpg);
 width: 113px;
 height: 34px;
 _height: 25px;
 position: absolute;
 bottom: -29px;
 _bottom: 0px;
 right: -6px;
 _right: -1px;
 font: 10px tahoma;
 color: #fff;
 text-transform: uppercase;
 text-align: center;
 padding: 11px 0px 0px 0px;
}
.container .sub_header .exp_art_box a.more:hover  {
 color: #fff;
}
.container .sub_header .exp_art_box h2 {
 font: 17px georgia;
 color: #425F78;
 padding: 10px 0px 0px 15px;
 border-top: 10px solid #6F6F6F;
}
.container .sub_header .exp_art_box.inner h2 {
 padding: 42px 0px 0px 15px;
}
.container .sub_header .exp_art_box.inner a {
 height: 1px;font: 1px arial;
}
.container .sub_header .exp_art_box h2.sec {
 border-top: 10px solid #858585;
}
.container .sub_header .exp_art_box h2.th {
 border-top: 10px solid #A3A3A3;
}
.container .content {
 background: url(../../img/content_bg.png) repeat-y 10px 0px;
 _background: none;
 padding-left: 20px;
 zoom: 1;
 _margin-top: -18px;
}
.container .content_shadow {
 background: url(../../img/content_shadow.png) no-repeat 10px 0px;
 _background: none;
 padding-top: 1px;
 _margin-top: -20px;
 }
.container .content .contant_wrap {
 background:  url(../../img/content_wrap_2.png) repeat-y top left;
 margin-top: 0px;
 _margin-top: 1px;
}
.container .content .left_nav {
 float: left;
 width: 270px;
 margin-right: 1px;
 padding: 35px 15px 15px 20px;
}
.container .content .left_nav ul li a {
 font: 18px georgia;
 color: #333;
 padding: 10px 0px 10px 15px;
 display: block;
 zoom: 1;
}
.container .content .left_nav ul li ul  {
 margin-bottom: 10px;
}
.container .content .left_nav ul li ul li a {
 font: 16px georgia;
 color: #333;
 padding: 7px 0px 7px 35px;
 display: block;
}
.container .content .left_nav ul li a.active {
 background: url(../../img/nav_active.gif) no-repeat 4px 17px;
 color: #4C6D8A; 
}
.container .content .left_nav ul li ul li a.active {
 background: none;
 color: #4C6D8A; 
 text-decoration: underline;
}

.container .content .left_nav ul li ul li ul li a {
 font: 13px georgia;
 color: #333;
 padding-left: 55px;
}
.container .content .left_nav ul li ul li ul li a.active {
 background: none;
 color: #4C6D8A;
 text-decoration: none;
}
.container .content .left_nav ul li a:hover {
 color: #3E5970; 
}
.container .content .right_cont {
 float: left;
 width: 562px;
padding: 43px 25px 15px 15px;
 position: relative;
 }
.container .content .right_cont h2 {
 font: 19px georgia;
 color: #3E5970;
 margin-bottom: 20px;
 float: left;
 }
.container .content .right_cont img.img {
 border: 1px solid #eee;
 background: #F4F4F4;
 margin-right: 15px;
 padding: 5px;
 float: left;
 }
.container .content .right_cont p {
 margin-bottom: 15px;
 }
 .container .content .right_cont ul.pagination  {
 float: right;
 margin-top: 15px;
 } 
.container .content .right_cont ul.pagination li  {
 float: left;
 display: inline;
 background: none;
 } 
.container .content .right_cont ul.pagination li a {
 font: 16px georgia;
 color: #999;
 float: left;
 text-decoration: none;
 } 
.container .content .right_cont ul.pagination li a:hover {
 font: 16px georgia;
 color: #333;
 float: left;
 text-decoration: none;
 }
.container .content .right_cont ul.pagination li a.active {
 font: 16px georgia;
 color: #FF8C0C;
 float: left;
 text-decoration: none;
 }  
.container .content .right_cont a.in {
 text-decoration: underline;
 color: #333;
 }
.container .content .right_cont a:hover {
 color: #000;
 } 
.container .content .right_cont h3 {
 font: 17px georgia;
 color: #4C6C8A;
 margin: 10px 0px;
 }
.container .content .right_cont ul  {
 margin-bottom: 15px;
 } 
.container .content .right_cont ul li {
 font: 12px trebuchet ms;
 color: #333;
 background: url(../../img/li_bg.gif) no-repeat 0px 11px;
 padding: 5px 0px 5px 15px;
 }
.container .content .right_cont ul li a {
 font: 12px trebuchet ms;
 color: #333;
 text-decoration: underline;
}
.container .content .right_cont ul.conn li a {
text-decoration: none;
}
.container .content .right_cont ul.conn li a span
{
    color:#999999;
font-weight:bold;
}
.container .content .right_cont ul li a:hover {
 font: 12px trebuchet ms;
 color: #FF9117;
 text-decoration: underline;
} 
.container .content .right_cont .gallery   {
 position: relative;
 height: 128px;
 margin-bottom: 20px;
 width:562px;
 overflow:hidden;
 }
.container .content .right_cont .gallery  a.left {
 background: url(../../img/gal_left.png) no-repeat 0px -36px;
 width: 35px;
 height: 36px;
 float: left;
 margin-top: 38px;
 }
.container .content .right_cont .gallery  a.right {
 background: url(../../img/gal_right.png) no-repeat 0px -36px;
 width: 35px;
 height: 36px;
 float: right;
 margin-top: 38px;
 } 
.container .content .right_cont .gallery  a.left:hover,
.container .content .right_cont .gallery  a.right:hover {
 background-position: 0px 0px;
 } 
.container .content .right_cont .gallery  .scroll_wrap {
 position: absolute;
 top: 0px;
 left: 36px;
 overflow: hidden;
 width: 488px;
 height: 105px;
} 
.container .content .right_cont .gallery .items {
 position: absolute;
 top: 0px;
 left: 0px;
  width: 10000px;
}
.container .content .right_cont   a.pdf {
 float: right;
 background: url(../../img/pdf_download.png);
 width: 186px;
 height: 59px;
 font: bold italic 16px georgia;
 color: #fff;
 padding: 14px 0px 0px 15px;
 text-decoration: none;
}
.container .content .right_cont  a.pdf:hover {
 color: #333;
}
.container .content .right_cont .gallery  .items img {
 border: 1px solid #eee;
 background: #F4F4F4;
 margin-right: 4px;
 padding: 5px;
 float: left;
 cursor:pointer;
 }
.container .content .right_cont .gallery  .items img:hover {
 border: 1px solid #CECECE;
} 
.container .content .right_cont a.archive {
 background: url(../../img/archive_btn.gif) no-repeat top left;
 width: 120px;
 height: 20px;
 float: right;
 font: 12px trebuchet ms;
 color: #3E5970;
 padding: 3px 0px 0px 0px;
 text-align: center;
 }
.container .content .right_cont a.archive:hover {
 color: #000;
 } 
.container .content .right_cont .news_box {
 margin-bottom: 0px;
 overflow: hidden;
 }
.container .content .right_cont .news_box p.date {
 font: 11px trebuchet ms;
 color: #3E5970;
 margin-bottom: 3px;
 }
.container .content .right_cont .news_box img {
 border: 1px solid #eee;
 background: #F4F4F4;
 margin-right: 15px;
 padding: 5px;
 float: left;
 }
.container .content .right_cont .news_box h3 a {
 font: 18px georgia;
 color: #333;
 margin-bottom: 15px;
 display: block;
 }
.container .content .right_cont .news_box h3 a:hover {
 text-decoration: underline;
 } 
.container .content .right_cont .news_box p {
 margin-bottom: 15px;
 }
.container .content .right_cont .news_box .news_txt {
 float: left;
 width: 399px;
 } 
.container .content .right_cont .news_box a.more {
 margin-bottom: 15px;
 background: url(../../img/news_more_btn.gif);
 width: 50px;
 height: 19px;
 float: right;
 font: 11px trebuchet ms;
 color: #3E5970;
 text-align: center;
 padding: 4px 0px 0px 0px;
  }
.container .content .right_cont .news_box a.more:hover {
 color: #000;
  }  
.container .footer {
 background: url(../../img/footer.png)  no-repeat top left;
 _background: url(../../img/footer_ie.jpg)  no-repeat top left;
 width: 933px;
 height: 128px;
 _margin-top: -40px;
 } 
.container .footer ul  {
padding: 45px 0px 70px 25px;
  }
.container .footer ul li {
 display: inline;
 float: left;
  }  
.container .footer ul li a {
 font: 21px georgia;
 color: #fff;
 width: 285px;
 height: 15px;
 padding: 0px 0px 5px 15px;
 background: url(../../img/footer_links.png) no-repeat 255px 2px;
 _background: none;
 float: left;
  }
.container .footer ul li a:hover {

 }
.container .footer p.copyright {
 font: 18px georgia;
 color: #fff;
 padding: 0px 0px 20px 40px; 
  } 

.preloaderBox
  {
position: absolute;
left: 0px;
top: 20px;
z-index: 2000;
text-align: center;
width: 596px;
min-height: 40px;
background: transparent url(../../img/opacityPromo.png) repeat left top;
  } 
  
 /* ---------------------Galerija---------------------------*/
 .modalElement {padding: 15px; background: #fff;} 
 .modalBackground { background-color: #000; opacity:.70; filter: alpha(opacity=70);}
.galleryDescription h2{background: #fff; font: bold 12px arial; color: #333; padding: 10px 0px 0px 0px;}
.galleryDescription p{background: #fff; font: 11px arial; color: #333; padding: 0px 0px 10px 0px;}
 .galleryLeft,
 .galleryRight 
    {
      font: bold 13px arial; 
      color: #333; 
      padding: 0px 0px 10px 0px;
      text-decoration: none;
      }
 .galleryLeftDisabled,
 .galleryRightDisabled 
    {
      font: bold 13px arial; 
      color: #ccc; 
      padding: 0px 0px 10px 0px;
      text-decoration: none;
      }
  
     
 .galleryLeft:hover,
 .galleryRight:hover 
    {
      color: #E78807; 
      } 
  .galleryNavigation {text-align: right;}                
 .counterModal
    {
      font: bold 13px arial;  
      color: #E78807; 
      padding: 0px 0px 10px 0px;
      }  
      .closeBtn   {
position: absolute;
right: 23px;
top: 23px;
display: block;
width: 23px;
height: 23px;
z-index: 125;
text-indent: -999em;
}  

 .form label
{
    color:#000000;
    display:block;
    float:left;
    font-family:Arial;
    font-size:11px;
    margin-right:5px;
    padding:2px;
    text-align:right;
    width:150px;
}
.form label span
{
    padding-right: 5px;
    color: Red;
}
.form input 
{
    padding:2px;
    width:200px;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #999;
    color:#000000;
    float:left;
    font-family:Arial;
    font-size:11px;
    margin-bottom:10px;
}
.form textarea 
{
  
    border:1px solid #999;
   
}
.form select
{
    font-family:Arial;
    font-size:11px;
    padding:3px 3px 3px 3px;
    width:206px;
     margin-bottom:10px;
     border:1px solid #999;
}
.form .formSendBtn
{
    padding:2px;
    text-align:center;
    text-transform:uppercase;
    width:90px;
    border:1px solid #E0E6E8;
    clear:both;
    color:#2E3135;
    display:block;
    font-family:Arial;
    font-size:11px;
    background:#E0E6E8 none repeat;
    margin-left:160px;
}
.errorMsg
{
    font: bold 11px Arial;
    color: red;
    text-align: left;
    margin-bottom: 10px;
}