*{border:none}
body {
  margin:0;
	padding:0;
  background:#f6f6f6;  
  text-align:center;
	color:#454545;
	font-size:12px;    
  line-height:140%;
  font-family:Arial, Helvetica, sans-serif
  }
  
A.buk:link { FONT-SIZE:  12px; COLOR: #000000; TEXT-DECORATION : none; FONT-FAMILY:  verdana,tahoma,arial,helvetica,sans-serif; line-height:140%; } 
A.buk:active { FONT-SIZE:  12px; COLOR: #000000; TEXT-DECORATION : underline; FONT-FAMILY:  verdana,tahoma,arial,helvetica,sans-serif; line-height:140%;  } 
A.buk:visited { FONT-SIZE:  12px; COLOR: #000000; TEXT-DECORATION : underline; FONT-FAMILY:  verdana,tahoma,arial,helvetica,sans-serif; line-height:140%;  } 
A.buk:hover { FONT-SIZE:  12px; COLOR: #000000; TEXT-DECORATION : underline; FONT-FAMILY:  verdana,tahoma,arial,helvetica,sans-serif; line-height:140%; } 

p.buk {                          
  line-height:140%
  }
  
p {                          
  margin:0;
  padding:0;
  margin-bottom:15px;
  text-align:left;
  font-size:12px;       
  font-weight:normal;
  color:#454545;
  line-height:140%
  }
p.turquoise {
  color:#134B4F;
  font-weight:bold;
  font-size:16px; 
  }
p.turquoise2 {
  color:#134B4F;
  font-weight:normal;
  font-size:14px; 
  }
h1 {
  margin:0;
  padding:22px 0 10px 0;
  text-align:right;
  color:#134B4F;
  font-size:24px;
  font-weight:bold
  }
h2 {
  margin:0;
  padding:0;
  text-align:right;
  color:#007089;
  font-size:18px;
  font-weight:normal
  }
h3 {  
  margin:0;
  padding:0;
  text-align:left;
  color:#ffffff;
  font-size:24px;
  font-weight:normal
  }
.clear {
  clear:both
  }
/*------------------------------------------------------------------------------header*/
.header {
  margin:0 auto;
  text-align:center;
  background:url("images/bgHeader.png") no-repeat center;  
  width:991px;
  height:388px
  }
.logo {
  float:left;
  margin:0 0 0 50px;
  height:82px  
  }
.info {
  float:right;
  margin:0 50px 0 0;
  height:82px  
  }
.top {
  float:left;
  margin:10px 15px 6px 15px;
  width:960px;
  height:222px
  }
.fotoBox {
  float:left;
  margin:0 5px 0 0;
  width:316px;
  height:222px
  }
.slider {
  float:left;
  width:318px;
  height:222px
  }
.fadein {
  position:relative;
  width:318px;
  height:222px  
  }
.fadein img {
  position:absolute;
  left:0;
  top:0
  }  
.category {
  float:left;
  margin:0 62px 0 15px;
  padding:35px 0 0 40px;
  width:220px;
  height:33px
  }
.category p {
  margin:0;
  padding:0;
  text-align:left;
  color:#ffffff;
  font-size:14px;
  }

.siteName {
  float:left;
  margin:0;
  padding:35px 0 0 0;
  height:33px
  }
.siteName a {
  float:left;
  display:block;
  padding:0;
  color:#ffffff;
  font-size:18px;
  text-decoration:none;
  font-weight:bold;
  font-family:'Arial Narrow';
  width:158px;
  height:33px
  }
.siteName a:hover {
  text-decoration:underline
  }

/*------------------------------------------------------------------------------container*/
.container {
  margin:0 auto;
  text-align:center;
  margin-bottom:40px; 
  width:960px
  }
.leftBox {
  float:left;
  margin:0 62px 0 0;
  width:260px
  }
.menu {
  float:left;
  margin:0 0 30px 0;
  width:260px
  }
.menu a {
  float:left;
  display:block;
  margin:0;
  padding:6px 0 0 30px;
  background:url("images/square.png") no-repeat left;
  border-bottom:1px solid #dadada; 
  color:#134B4F;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  width:230px;
  height:23px
  }
.menu a:hover {
  background:url("images/squareHover.png") no-repeat left #dadada
  }
.menu a.set {
  background:url("images/squareHover.png") no-repeat left #dadada
  }
.menu a.submenu {
  float:left;
  display:block;
  margin:0;
  padding:6px 0 0 60px;
  background:url("images/square2.png") no-repeat left;
  border-bottom:1px solid #dadada; 
  color:#134B4F;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  text-decoration:none;
  width:200px;
  height:23px
  } 
.menu a.submenu:hover {
  background:url("images/squareHover2.png") no-repeat left #dadada
  }
.menu a.submenu.set {
  background:url("images/squareHover2.png") no-repeat left #dadada
  }
.kontakt {
  float:left;
  background:url("images/bgKontakt.png") no-repeat bottom #dadada;
  width:260px
  }
.kontakt p.blueBeam {
  margin:0;
  padding:5px 0 0 20px;
  display:block;
  float:left;
  background:#11565B;
  text-align:left;
  color:#ffffff;
  font-size:14px;
  width:240px;
  height:25px
  }
.kontakt p.kontaktText {
  margin:0;
  padding:40px 20px 20px 20px;
  font-weight:bold;
  line-height:160%
  }
.content {
  float:left;
  padding:30px 0 0 0;
  width:638px
  }
.content ul {
  text-align:left
  }
.greyBox {
  float:left;
  padding:15px 35px 10px 35px;
  background:#dddddd;
  width:568px
  }
.box1 {
  float:left;
  margin:0 36px 0 0;
  width:266px;
  min-height:200px
  }
.box2 {
  float:left;
  width:266px;
  min-height:200px
  }
.greyBox img {
  float:left;
  margin:0 0 15px 0;
  width:266px;
  height:100px
  }
.greyBox p.turquoise {
  padding:0;
  margin:0 0 5px 0
  }
.greyBox a {
  margin:0;
  padding:0;
  float:right;
  color:#000000;
  text-decoration:none
  }
.greyBox a:hover {
  text-decoration:underline
  }
.greyBox span {
  color:#ff3d00;
  font-weight:bold
  }
.gallery {
  float:left;
  padding:0;
  margin:0;
  width:638px
  }
.gallery a {
  float:left;
  display:block;
  margin:0 10px 10px 0;
  padding:2px;
  border:2px solid #dadada;
  opacity:1;
  width:193px;
  height:145px
  }
.gallery a:hover {
  padding:2px;
  border:2px solid #a5a5a5;  
  opacity:0.8
  }
.gallery img {
  float:left;
  margin:0; 
  padding:0;
  width:193px;
  height:145px
  }
/*------------------------------------------------------------------------------footer*/
.footer {
  margin:0 auto;
  text-align:center;
  padding:30px 25px 0 25px;
  background:url("images/bgFooter.png") no-repeat;
  width:910px;
  height:40px
  }
.footer p {
  margin:0;
  padding:0;
  color:#ffffff;
  font-size:11px
  }  
.footer p.left {
  float:left
  }
.footer p.right {
  float:right
  }
.footer a {
  color:#ffffff
  }
.footer a:hover {
  color:#a1a1a1
  }