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

body {
  font-family: tahoma, arial, sans-serif;
  font-size: 11px;
  color: #666;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #FFF;
  background: url(../images/bg_body.png) top left repeat-x #fff;
}

a{color:#0094CC; }
a:hover{text-decoration: none;}
a img{border: none;}
h1, .col_left h2, .col_right h2{
  margin: 0px;
  padding: 13px 0px 25px 0px;
  font-size: 18px;
  color: #00A3E0;
  font-weight: normal;
  background: url('../images/bg_h1.png') bottom left repeat-x;
  clear: both;
}
.col_left h2, .col_right h2 {border: none;}
h2{font-size: 14px;font-weight: bold; color:#00729C; border-bottom: 1px solid #B0EDF5; padding-bottom: 5px;}
h3{font-size: 11px; font-weight: bold; color:#000; margin-bottom: 0px; padding-bottom: 0px;}
p{margin: 1px 0px 3px 0px; font-size: 11px;}
table{width: 100%; vertical-align: top;}



/* ------------ LAYOUT ------------ */
#page{
  display: block;
  width: 960px;
  margin: auto;
  text-align: left;
  position: relative;
}
#top{
  display: block;
  height: 78px;
  margin: 0px; padding: 0px;
  background: #000;
  position: relative;
  color:#3BB8FF;
}

#top .logo {position: absolute; top:10px; left: 50px;}
#top .open_time {
  display: block;
  position: absolute;
  top:10px; left: 600px;
  padding-left: 56px;
  background: url('../images/hodiny.gif') top left no-repeat;
}
#top a{text-decoration: none;}
#top a:hover{text-decoration: underline; color:#fff;}
#top strong{font-size: 12px; font-weight: bold; color: #fff;}
#top .separator_top {position: absolute; top:10px; left:780px;}

#top .add_fav{display: block; position: absolute; top:10px; left: 800px; }
#top .add_fav a{display: block; background: url('../images/bullet_top.gif') top left no-repeat; color: #95C6D5; padding-left: 20px; margin-bottom: 5px;}


#main_menu {display: block; height: 46px; margin: 0px; padding: 0px; padding-left: 20px; background-color: #004D79;}
#main_menu a{
  display: block;
  float: left;
  color: #CFF1FF;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 13px 25px;
  border-right: 1px solid #006FAF;
}
#main_menu a:hover{background-color: #0072B3;}
#main_menu a.active {background-color: #000;}

#banner{
  display: block;
  height: 138px;
  background: url('../images/bg_banner_laguna_blue.jpg') top left no-repeat;
  color:#fff;
  position: relative;
  margin: 0px;
  padding: 0px;
}

.kontakt #banner{background: url('../images/bg_banner_provozovna.jpg') top left no-repeat;}

#banner .intro_text {display: block; position: absolute; top:25px; left: 80px; fo}
#banner .intro_text .big{font-size: 30px;}
#banner .intro_text .small{font-size: 18px;}
#banner .button_orange{
  display: block;
  width: 110px; height: 23px;
  background: url('../images/bg_button_orange.gif') top left no-repeat;
  color:#fff;
  font-weight: bold;
  text-decoration: none;
  padding-left: 25px;
  padding-top: 8px;
  margin-top: 5px;
  font-size: 12px;
}
#banner .button_orange:hover{background-position: -135px 0px; }

#footer{
  display: block;
  margin-top: 20px;
  padding: 10px 25px;
  background: url('../images/bg_footer.png') top left repeat-x;
  margin-bottom: 20px;
}
#footer .phone{
  display: block;
  font-size: 14px;
  font-weight: bold;
  color:#333;
  float: right;
  margin-right: 15px;
  position: relative;
}
#footer .phone img{position: relative; top:5px; margin-right: 8px;}

#content{ display: block; padding: 5px 15px 10px 15px; background: url('../images/bg_content.png') top left repeat-x; margin: 0px; }

.col_left, .col_main, .col_right {
  display: block;
  float: left;
  margin: 0px; padding: 0px;
  
}
.col_left{width: 180px; margin-right: 14px;}
.col_main{width: 735px;}
.col_right{width: 180px; margin-left: 14px;}

.home .col_main{width: 635px; margin-right: 14px;}
.home .col_right{width: 280px; margin: 0px; }

.kontakt .col_left{width: 280px;}
.kontakt .col_main{width: 635px;}

.submenu {display: block; margin-top: 20px;}
.submenu a{
  display: block;
  height: 20px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 5px;
  color:#333;
  background: url('../images/bg_submenu.png') bottom left repeat-x;
  text-decoration: none;
}
.submenu a:hover{ font-weight: bold; color:#004D79; }
.submenu a.active{ font-weight: bold; color:#fff; background: url() #00A3E0;}

.kontakt .col_left a{text-decoration: none;}
.kontakt .col_left a:hover{text-decoration: underline;}
.kontakt table td{width: 50%; vertical-align: top; padding-right: 20px;}

.gallery{margin-bottom: 0px;}
.gallery a{float: left; margin-right: 4px; margin-bottom: 4px;}
.gallery a:hover{ }


.err, .not{padding:15px 30px; margin: 10px 0px;  display: block; background-color: #FF9900; font-weight: bold; color: #FFF;}
.not{background-color: #00A3E0;}


.form{
  display: block;
  background: url('../images/bg_form.gif') top left repeat-x #FFF;
  margin-bottom: 10px;
  padding: 0px 20px;
}
.form table {border-collapse: collapse;}
.form a{font-weight: bold;}
.form .main td {width: 450px; vertical-align: top;}
.form .title {display: block; font-size: 12px; font-weight: bold; padding-left: 20px; background: url('../images/bullet_arrow_blue.gif') top left no-repeat; margin-bottom: 3px;}
.form input.other {width: 100px;}

.form table.left th {font-weight: normal; width: 30%; border-bottom: 1px dotted silver;}
.form table.left td  input.text {width: 85%;}

textarea{width: 95%; height: 50px;  margin-bottom: 15px;}
textarea.parts{height: 150px;}

a.button_blue {
  display: block;
  width: 100px;
  height: 22px;
  background: url('../images/bg_button_blue.gif') left top no-repeat;
  text-align: center;
  color:#FFF;
  padding-top: 8px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #DFF5FF;
  text-decoration: none;
}

a.button_blue:hover {
  background-position: -100px 0px;
  color: #FFF;
}

.marks td{padding-right: 15px; }
.marks a{
  margin: 3px 5px 3px 0px;
}

#ToolTip{ display: block; width: 300px;}

.cleaner{clear: both; font-size: 1px;}

.home .col_main ul li { color:#00A3E0; font-size: 14px; list-style-image: url('../images/bullet_ul.gif'); color:#666;}
.weather {display: block; padding-bottom: 10px;}


.sortiment .text {
  display: block;
  float: left;
  width: 200px;

}
.sortiment .logos {
  display: block;
  margin-left: 230px;
}
.sortiment .logos img {margin-right: 5px;}

a.banner_prodejna {margin-right: 5px;}

table.nabizime {
  border-bottom: 1px solid #B0EDF5;
  margin-bottom: 10px;
}

.message {
  display: block;
  padding: 20px;
  margin: 10px 0px;
  color:#04517D;
  background: #E1EEF4;
}