/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: Tahoma, arial, sans-serif;
  font-size: 11px;
  color: #666666;
  margin: 0px; padding: 0px; 
  text-align: center;
  background-color: #FFF;
  background: url(../images/bg_body.gif) bottom left repeat-x;
}

a{color:#F30089;}
a:hover{text-decoration: none;}
a img{border: none;}

h1, h2, .home h2, .col_right h2{
  font-size: 24px;
  font-weight: normal;
  color:#F30089;
}

#top_in h2{color:#fff;}

h2, h2 a{
  font-size: 14px;
  color:#1B2E5D;
  font-weight: bold;
}

h3, h3 a{
  font-size: 12px;
  display:block;
}
.home #page #content .col_left h1{margin-bottom:0px;}

.col_content a{text-decoration: underline;}
.col_content a:hover{text-decoration: none;}

p{
  margin: 0px 0px 7px 0px;
  padding: 0px;
  color: #676767;
}

ul, ol{position:relative; left:10px;}
ul li {
  list-style-image: url(../images/bullet.gif);
}



/* ------------ LAYOUT ------------ */

#top{
  display: block;
  height: 130px;
  background: url('../images/bg_top.gif') bottom left repeat-x #126085;
  color:#9EACCE;
}
.home #top{height: 345px;}

#top_in, #page{
  display: block;
  position: relative;
  width: 900px;
  margin: auto;
  text-align: left;

}

#content{
  padding: 10px 0px;
}

#main_menu {
  display: block;
  position: absolute;
  text-align: right;
  top:40px;
  right: 20px;
}
#main_menu a{font-size: 15px; margin-right: 10px; text-decoration: none;}
#main_menu a:hover{text-decoration: underline;}
#main_menu a.active{font-weight: bold; color:#fff;}
#main_menu a.active{text-decoration: none;}

.top_menu, .lang_menu{ position: absolute; top:40px; right:30px; color: #E5227A;}
.top_menu a, .lang_menu a{color:#9E9E9E; padding: 0px 5px;}
.lang_menu {left: 300px;}

#footer{
  display: block;
  height: 50px;
  padding: 10px 0px;
  border-top:1px solid #939393;
  margin-top: 10px;
}
#footer a{color:#393939;}
#footer .menu {display: block; float: right; text-align: right;}
#footer .menu a{margin-left: 10px;}
#footer .menu a.active{font-weight: bold; text-decoration: none;}
#footer .menu a.active:hover{text-decoration: none;}

.col_left{display: block; float: left; width:600px; margin: 0 15px 0 0;}
.col_right{display: block; float: left; width: 285px; margin: 0px; padding: 0px;}

#top_in a{color:#DEE8FF;}
#top_in .line {display: block; height: 6px; background: #F30089;}
#top_in .logo {display: block; position: absolute; top:31px ; left:48px;}

#top_in .banner_home{display: none;}
#top_in .home_text{display: none;}

.home #top_in .home_text{display: block; width: 420px; position: absolute; right: 20px; top:100px;}
.home #top_in .banner_home{display: block; position: relative; top:100px; left:0px; border: 1px solid #fff; }
.home #top_in .home_text p{color:#9EACCE;}

.perex{display:block; float:left; margin:0px 20px 20px 0px;}

.products .item {display: block; width: 190px;  float:left; margin-right:10px; }
.products .product_logo {text-align: left; margin-bottom: 10px;}
.products .text {display:block; height: 100px; }
.products .product_image img{margin-top: 10px; margin-bottom: 10px; border:1px solid silver;}


.tiskovky, .gray{display: block; background: #F7F7F7; border:1px solid #DADADA; padding: 0px 15px 15px 15px;}

.tiskovky .date{display: block; width: 70px; background:#9EACCE; font-weight: bold; color:#fff; text-align: center; padding: 2px 5px;margin-bottom: 3px;}
.tiskovky .title{font-weight: bold; color:#1B2E5D;}


.article{display: block; border-bottom: 1px solid silver;}
.article a.perex_image {display: block;}
.article a.perex_image img{
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
  border: 2px solid silver;
}
.article a.perex_image:hover img{border: 2px solid #F30089;}
.article .date{font-weight: bold; color:#9EACCE; font-size: 14px;}

.cleaner{
  clear: both;
}

img.left{
  float: left;
  display: block;
  border: 6px solid #CFCFCF;
  margin: 5px 15px 15px 0px;
}

.crumb_menu{
  display: block;
  height: 25px;
  background: none;
  padding: 0px 0px 0px 10px;
  margin: 0px;
}

.crumb_menu a{
  display:block;
  float:left;
  padding: 0px 10px 0px 0px;
  margin-right: 8px;
  background: url(../images/bullet_crumb.gif) top right no-repeat;
  background-position: 100% 50%;
} 

.col_content_in p img {margin:5px 10px 5px 10px; padding:0px;}

/*-------------- NAVIGACE --------------------*/
.list_navigation{
  display: block;
  text-align: center;
  padding-top: 12px;
  margin:22px 0 16px 0;
  border-top:1px solid #CFCFCF;
}
.list_navigation a{
  text-decoration: none;
  border:1px solid #fff;
  padding: 3px 5px;
  color: #E5227A;
  position:relative;
}
.list_navigation a:hover{
  background-color: #333;
  color: #fff;
}
.list_navigation a.active{
  background-color: #E5227A;
  font-weight: bold;
  border:1px solid #E5227A;
  color:#fff;
}


.err{color:red;}


/**************** GALLERY ***********************/

.author{color:#000; font-weight:bold;}
.info{color:#000; font-weight:bold; float:right;}
.perex_text{font-weight:bold; padding-bottom:15px; }

.gallery .item{
  display:block;
  width:140px;
  height: 144px;
  margin:5px;  
  float:left;
  background: none;
  text-align:center;
}

.gallery .item a img{
  border: 3px solid #CDCFCF;
}

.gallery .item a:hover img{
  border: 3px solid #E5227A;
}

.gallery .item .title{font-style: italic;}

/***************** Sitemap ************************/
.sitemap{min-height: 200px;_height: 200px; }
.sitemap li{margin-bottom:5px;}
.sitemap .sub1{font-weight:bold;}
.sitemap .sub2{margin-left:15px;}
/*************** CONTACT_FORM *******************/
.col_content .email input, .col_content .email textarea {background:#F8F8F8; color:#000;}
.col_content .email {display:block;}
.col_content .email input{border:1px solid #888;}
.col_content .email textarea{border:1px solid #888;}
.col_content .email .submit_button{padding: 2px 40px; background:#E5227A; color:#FFF; font-weight:bold;}
.col_content .email #send_copy{border:none; background:none;}
.col_content .email table th{text-align:right; color:#666;}
.col_content .email label{font-weight:bold; color:#666;}

.not{color:#E5227A;}

