/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #464646;;
}

a{text-decoration: none; color:#fcaf17;}
a:hover{text-decoration: underline;}
a img{border: none;}

/* ------------ LAYOUT ------------ */
.page{
  display: block;
  width: 900px;
  margin: auto;
  text-align: left;
}

.bm{
  clear:both;
}

h1 {font-weight:normal; font-size:24px; line-height: 36px;}
h2 {font-weight:normal; font-size:18px; line-height: 24px;}

ul {margin:15px 0px; padding:0px 10px;}
ul li {list-style-type: none; background: url(../images/bullet.png) 0px 10px no-repeat; line-height:24px; padding-left:25px;}


#header-bg {background: url(../images/bg_top.png) repeat-x; height:161px;}
#main-bg {background: url(../images/bg_main.png) center bottom #252525 no-repeat; }
#footer-bg {background: #464646;}

#logo {margin-top:18px;margin-left:20px;display:block; float:left;}
#main {padding: 20px 00px;}

#header {position:relative; margin:auto;display:block;height:161px;padding:0px 20px;} 

#menu {
  display:block; 
  width: 570px; 
  height:50px;  
  bottom:0px; 
  right:0px; 
  position:absolute; 
  z-index:100; 
}
#menu a {text-transform: uppercase; font-size:14px; font-weight:bold; color: #252525;display:block; float:left; height:36px; padding: 14px 15px 0px 15px; margin-left:20px;}
#menu a:hover {background-color: #DFDFDF; text-decoration:underline;}
#menu a.active, #menu a.active:hover {background-color: #252525; color: #fcaf17;  text-decoration:none;}

#main {color: #FFFFFF; padding-bottom:40px; }
#main p {line-height:24px;}

#banner {width:872px; height:214px; background: url(../images/banner_bg.png) no-repeat; padding: 14px 12px;}

.col {padding: 15px 25px;line-height:24px;}

.col1, .col2 {float:left; display:block; width: 400px; padding: 15px 25px;}

.col1 {padding-right:10px; width:300px;}
.col2 {width: 510px; padding-top:80px;}

.col2.kontakt { padding-top: 15px;}
.col2.kontakt textarea { width:400px}

.home .col1 {padding-right:65px; width:340px;}
.home .col2 {width: 400px;}



.photos .item {float:left; border:3px solid #373737; padding:0px; margin-right: 10px; display: block; float: left; width:100px; height: 76px; text-align: center; background-color: #373737; margin-bottom: 10px;}



#footer {display:block; height:120px;padding: 25px 20px; width:860px; position:relative;}
#footer .contact .logo {float:left; margin-right:10px;}
#footer .contact strong {font-size:18px; font-weight:normal;}
#footer .logosc {position:absolute; right:35px; top:25px;}



.cleaner {clear:both;}