@import "template.css";
@import "menu.css";
@import "page.css";
@import "screen.css";
@import "forms.css";

body {
  background: #303030 url(../images/site-bg.gif) repeat fixed;
}

/******************PAGE PROPORTIONS*********************/

/*Width of the page */

#container {
  width: 960px;
  padding-bottom: 0px;
  /*background-image: url(../images/bg-container.png);
  background-repeat: repeat;
  background-color: transparent*/
}

/*Header height*/


.logo-icons {
  width: 960px;
  height: 123px;
  margin: 0px;
  padding: 0px;
  background: transparent url(../images/logo-icons.gif) no-repeat;
}

.logo {
  width: 570px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

.logo a {
  display: block;
  width: 570px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.icons {
  width: 390px;
  height: 123px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

#topmenu {
  height: 42px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #666666;
}

.kolaz {
  width: 960px;
  height: 299px;
  margin: 0px;
  padding: 0px;
  background: url(../images/headerbox.gif) no-repeat;
  float: left;
}

.jquerypic {
  width: 940px;
  height: 230px;
  margin: 9px auto 10px auto;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}
#slider {
  position: relative;
}
#slider img {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
}
#slider img.active {
  z-index: 10;
}
#slider img.last-active {
  z-index: 9;
}

.headline {
  width: 935px;
  height: 37px;
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 0px 25px;
  color: #000000;
  font-size: 20px;
  background: url(../images/head-bg.gif) no-repeat;
}
.headline2 {
  width: 935px;
  height: 37px;
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 0px 25px;
  color: #000000;
  font-size: 20px;
  background-color: #BFBFBF;
}

.headlines {
  width: 960px;
  height: 37px;
  margin: 0px 0px 0px 0px;
  padding: 13px 0px 0px 0px;
  color: #000000;
  font-size: 20px;
  background: url(../images/headlines-bg.gif) no-repeat;
}

.tridhead {
  width: 280px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  float: left;
}

.ponukahead {
  width: 295px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  float: left;
}

.kontakthead {
  width: 315px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  float: left;
}




.icons a {
  color:#7f7d7d;
  font-size: 10px;
  padding: 1px 30px 0px 15px;
  margin: 54px 0px 0px 20px;
  text-decoration: none;
  display: block;
  float: right;
}

.icons a.home {
  background: transparent url('../images/ico_home.gif') no-repeat scroll 0 1px; 
}

.icons a.print {
  background: transparent url('../images/ico_print.gif') no-repeat scroll 0 1px; 
}

.icons a.sitemap {
  background: transparent url('../images/ico_sitemap.gif') no-repeat scroll 0 1px; 
}

/*Column's width*/

#left {
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#page3 {
  width: 710px;
  padding: 20px 25px 0px 25px;
  margin: 0px 0px 0px 0px;
  float: left;
  font-size: 12px;
  color: #dadada;
}

#right {
  width: 282px;
  padding: 10px 15px 0px 15px;
  background: #f9f9f9 url(../images/right-block-bg.gif) top no-repeat;
  
}
#page {
  width: 960px;
  padding: 10px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
}

#page2 {
  width: 910px;
  padding: 20px 25px 0px 25px;
  margin: 0px 0px 0px 0px;
  float: left;
  font-size: 12px;
  color: #dadada;
}

/******************DESIGN OF PAGE***********************/
/*Common design*/
#content {
  width: 960px;
  padding: 0px 0px 72px 0px;
  margin: 0px 0px 0px 0px;
}

.tridblock {
  width: 279px;
  height: 140px;
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
  float: left;
  border-right: 1px solid #626262;
  color: #dadada;
  font-size: 11px;
}

.tridblock img {
  margin: 0px 0px 8px 0px;
}

.ponukablock {
  width: 294px;
  height: 140px;
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  float: left;
  border-right: 1px solid #626262;
  color: #dadada;

}

.ponukablock ul {
  margin: 0px 32px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  list-style-image: none;
  float: left;
  font-size: 11px;
  
}

.ponukablock ul li {
  margin: 0px;
  padding: 0px 0px 5px 10px;
  background: url(../images/arrow-small.gif) 0px 4px no-repeat;
}

.ponukablock ul li a {
  text-decoration: none;
  color: #dadada;
}

.ponukablock ul li a:hover {
  text-decoration: underline;
}

.kontaktblock {
  width: 295px;
  height: 140px;
  margin: 16px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  float: left;
  background: url(../images/mappic.gif) right no-repeat;
}

.kontaktblock .adress {
  font-size: 21px;
  color: #e4e4e4;
  float: left;
  display: block;
  width: 300px;
}

.kontaktblock .street {
  font-size: 17px;
  color: #b8b8b8;
  margin-bottom: 20px;
  float: left;
  display: block;
  width: 300px;
}

.kontaktblock .tel {
  font-size: 14px;
  color: #b8b8b8;
  float: left;
  display: block;
  width: 300px;
}

.kontaktblock .tel b {
  font-size: 14px;
  color: #b8b8b8;
  font-weight: normal;
  margin-left: 39px;
}


.content-container {
  width: 928px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto 0px auto;
}

.perex {
  font-size: 14px;
  color: #ffffff;
  display: block;
  float: left;
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
}



#footer {
  width: 960px;
  margin: 0px 0px 0px 0px;
  border-top: 10px solid #818181;
  font-size: 11px;
  color: #b1b1b1;
}

#foot-left {
  width: 340px;
  text-align: left;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 20px 20px;
}

#foot-right{
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin: 15px 20px 20px 0px;
  width: 550px;
  float: right;
}

/******************DESIGN OF MAIN ELEMENTS**************/

h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 22px;
  color: #000000;
  font-weight: normal;
}

h2 {
  margin: 0px 0px 8px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
}

#right h3 {
  margin: 5px 0px 10px 0px;
  padding: 1px 0px 0px 30px;
  font-size: 22px;
  color: #000000;
  font-weight: normal;
  background: url(../images/arrow.png) left no-repeat;
}
#page2 a {
  color: #FEFDA8;
  text-decoration: none;
}

#page2 a:hover {
  color: #FEE283;
  text-decoration: none;
}

#page3 h1 {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 25px;
  color: #ffffff;
  font-weight: normal;
}
a {
  color: #FFF08F;
  text-decoration: none;
}