/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #AFAEAD;
  margin: 0px; padding: 0px; 
  text-align: center;
  background: url('../images/bg_body.gif') top left repeat-x #1D1D1D;
}

a{color:#E2AC3A;}
a:hover{text-decoration: none;}
a img{border: none;}

h1 {
  font-family: trebuchet MS;
  font-size: 24px;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  color:#EDB439;
  border-bottom: 1px solid #EDB439;
  font-weight: normal;   
}

h2 a{color:#FFFFFF;}

h2{
  font-size: 15px; 
  font-family: trebuchet MS; 
  color:#fff; 
  display: block;
  margin:0; 
  margin-bottom: 8px;
  font-weight: normal;  
}

.col_left h2 {font-size:15px; font-weight:bold;}



h3 a{color: #fff;}

h3 {
  color: #FFFFFF;
  font-weight:bold;
  font-size:12px;
  margin:0;
}
p{
  margin: 2px 0 8px 0;
  padding:0 0 0 0;
}


/* ------------ LAYOUT ------------ */
#page{
  display: block;
  width: 960px;
  margin: auto;
  text-align: left;
  position: relative;
  background-position: 0px 100px;
}



#top_menu { display: block; position: absolute; top:0px; right: 20px; border-right:1px solid #5F5F5F;}
#top_menu a{
  display: block;
  float: left;
  width: 90px;
  color:#A4A4A4;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  border-left:1px solid #5F5F5F;
  text-decoration: none;
}
#top_menu a:hover{ color:#E2AC3A; text-decoration: none;}
#top_menu a img {display: block; margin-bottom: 10px; margin: 5px auto;}


.logo {position: absolute; top:15px; left: 10px;}
.tag {position: absolute; top: 70px; left: 240px;}

.col_left {
  display: block;
  float: left;
  width: 235px;
  margin-top: 140px;
  padding: 0px 15px 10px 15px;
  position: relative;
}
.col_right {
  display: block;
  float: left;
  width: 665px;
  margin-top: 120px;
  padding: 225px 15px 20px 15px;
  background-color:  #151515;
  position: relative;
  background-position: 0px 30px;
}

.col_left p{
  font-size:12px;
}

.col1, .col2{ display: block; width: 325px; float: left; padding: 0px; margin-right: 15px;}
.col2{margin-right: 0px;}

#main_menu {
  display: block;
  margin-bottom: 40px;
}
#main_menu a{
  display: block;
  color:#fff;
  font-size: 14px;
  height: 23px;
  background: url('../images/bg_main_menu.gif') top left repeat-x ;
  padding: 7px 0 0 15px;
  text-decoration: none;
  border:1px solid #1D1D1D;
}
#main_menu a:hover{ color:#EDB439;}
#main_menu a.active{ background: url('../images/bg_main_menu_active.gif') top left no-repeat; border:1px solid #EDB439; border-right:none;border-left:none;}
#main_menu a.active:hover{color:#fff;}


#sub_sub {
  float:right; width:190px;
  margin-top:30px;
}
#sub_sub a.butt{
  display: block;
  color:#fff;
  font-size: 14px;
  height: 14px;
  padding: 2px 0 4px 15px;
  text-decoration: none;
  border:1px solid #5E5F5E;
  margin-bottom:4px;
  background: url('../images/bg_main_menu.gif') top left repeat-x ;
}
#sub_sub a.butt:hover{ color:#EDB439;}
#sub_sub a.butt.active{ background: url('../images/bg_main_menu_active.gif') top left no-repeat; border:1px solid #EDB439; border-right:none;border-left:none;}
#sub_sub a.butt.active:hover{color:#fff;}

.next_art {
  display:block;
  margin-top:30px;
}

.banner{
  display: block;
  height: 254px;
  width: 665px;
  position: absolute;
  top:-40px;
  left:0px;
  z-index:100;
}


#footer{display: block; border-top:1px solid #7D7D7D;}
#footer a{color:#E2AC3A; text-decoration: none;}
#footer a:hover{text-decoration: underline;}

#footer .left, #footer .right{display: block; float:left; width: 250px; background-color: red; padding: 10px 0px 0px 15px; height: 60px; background: url('../images/bg_footer_left.gif') bottom left repeat-x; }
#footer .right{ background-color: green; width: 680px; background: url('../images/bg_footer_right.gif') bottom left repeat-x;}
#footer .reporter {display: block; float: right; text-align: right; margin-right: 15px;}


.list {display: block; margin-bottom: 20px;}
.list .item{margin-bottom: 10px;}

.date{color:#EDB439;}

.title{
  font-family: trebuchet MS;
  font-size: 15px;
  font-weight: normal;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  color:#EDB439;
  border-bottom: 1px solid #EDB439;
}

a.item_image, a.item_image_200 { display: block; width: 120px; height: 90px; background-color: #4D4D4D; float: left; position: relative; padding: 3px;}
a.item_image_200{ width: 200px; height: 150px;}
a.item_image:hover,
a.item_image_200:hover
{
  background-color: #EDB439;
}

.desc {display: block; margin-left: 0px; margin-bottom: 5px;}
.video .desc{display: block; margin-left: 220px;}
.home .item .desc{margin-left:220px;}
.home .item.h .desc{display: block; margin-left: 135px;}
.home .item.h2 .desc{display: block; margin-left: 0px;}
.blog .desc{display: block; margin-left: 220px;}

.big-photo .desc{margin-left: 0px;}
.big-photo a.item_image{ width: 240px; height: 180px; float:none;  margin: 8px auto;}


/* ------------ OTHER ------------ */

.cleaner{
  display: block;
  clear: both;
  height: 0px;
  margin: 0;
  padding: 0;
}

.button_silver{
  display: inline;
  position: relative;
  background: url('../images/bg_button_silver.gif') top left repeat-x #363636;
  border: 1px solid #4D4B4B;
  color:#fff;
  padding: 2px 20px;
  margin: 10px 0px;
  text-decoration: none;
}
.button_silver:hover{background: #363636; }

.more a{color:#fff; background: url('../images/bullet_arrow.gif') top left no-repeat; padding-left: 10px; background-position: 0px 50%;}
.title_more{ display: block; position: relative; height: 0px;}
.title_more a{ position: absolute; top:-33px; right: 15px; color:#A4A4A4; background: url('../images/bullet_arrow.gif') top left no-repeat; padding-left: 10px; background-position: 0px 50%;}
.more a:hover, .title_more a:hover{background-position: 4px 50%;}


/*.anotation_img {float:left; display:block; padding:3px; margin-right:20px;background-color: #4D4D4D; }
.anotation_img:hover {background-color: #EDB439;}
*/

.info {color:#EDB439; margin-bottom:5px;}
p img {margin:5px 10px;}

.orange {color: #EDB439;}
.bold { font-weight:bold;}
/*-------------- NAVIGACE --------------------*/
.list_navigation{
  display: block;
  text-align: center;
  padding-top: 12px;
  margin:22px 0 16px 0;
  border-top:1px solid #515151;
}
.list_navigation a{
  text-decoration: none;
  border:1px solid #606060;
  padding: 3px 5px;
  color: #FFFFFF;
  position:relative;
}
.list_navigation a.active{
  background-color: #151515;
  font-weight: bold;
  border:1px solid #EDB439;
  color:#EDB439;
}
.list_navigation a:hover{
  background-color: #151515;
  color: #545454;
}

.err{color:red;}

/*-------------- BLOG ------------------------*/
.blog .desc h2{border:none;}
.blog .desc p{margin:0;}

/*--------------   GUESTBOOK  ----------------*/
.guestbook table input, .guestbook table textarea{color:#949292; background-color:#181818; border:1px solid #404040;}
.guestbook table textarea{height:95px; width:440px;}
.guestbook table input{height:20px; width:195px; margin-right:12px; font-size:11px; padding:0; margin-bottom:2px;}

.guestbook .captcha{border-bottom:1px solid #EDB439; padding:10px 0 10px 0;}
.guestbook .captcha img{position:relative; top:8px; margin:0px 0px 0px 20px; border:1px solid #404040;}
.guestbook .captcha input{
  height:20px; 
  width:50px; 
  color:#949292; 
  background-color:#181818; 
  border:1px solid #404040; 
  margin: 0 0px 0 10px;
}
.guestbook .submit{position:relative; top:3px; margin:0;}

.guestbook_item{
  display:block;
  border-bottom: 1px solid #202020; 
  padding: 5px 0 0px 0;
  position: relative;
  margin-top:20px;
}
.guestbook_item .author{color:#EDB439; font-weight: bold; margin-right:5px;}
.guestbook_item .date{position:absolute; right:12px; top:5px; color:#545454;}
.guestbook_item .email, .guestbook_item .www {color:#545454; margin-left:5px;}
.guestbook_item a {color:#545454;}
.guestbook_item .text{
  display: block;
  color: #949292;
  margin: 5px 0px 5px 0;
  
}

.guestbook_item.mirahejda{
  background-color:#222;
  margin-left:0px;
  padding-left:10px;
  margin-top:0px;
  border-top:1px solid #333;
}

.guestbook_item.sub2{
  padding-left:30px;
}

.guestbook_item.mirahejda .author{display:none;}
.guestbook_item.sub2 .text, .guestbook_item.mirahejda .text{color:#E8E8E8;}
.guestbook_item.mirahejda .text{margin-top:18px;}
.guestbook_item.mirahejda .photo{
  display:block;
  position:relative;
  width:77px;
  height:48px;
  float:left;
  margin-right:16px;
  background: url(../images/logo_admin_reply.gif) top left no-repeat;
}


#crumb_menu {text-align:right;}
#crumb_menu a {padding-right:10px;margin-right:10px; background:url(../images/bullet_crumb.gif) right no-repeat;}

.article_list .item {margin-bottom:20px;}
.article_list .item .intro_photo { float:left; display:block; padding:0px;}
.article_list .item .desc {margin-left:220px;}
/*.article_list .item .intro_photo a{background: #4D4D4D; padding:3px;}
.article_list .item .intro_photo a img{padding:0px; margin:0px;}
.article_list .item .desc {float:left; width:440px;margin-left:20px;}*/

/*----------------------- NAPSALI O MNE ----------------------*/
.napsali .article_list .item {display:block;width:330px; min-height:220px;_height:220px; float:left;margin:0px; }
.napsali .article_list .item .intro_photo {
  width:272px; 
  height:94px; 
  float:none;
  margin: 5px 10px 5px 5px; 
  padding: 15px 20px 15px 20px;
  background: url(../images/bg_napsali_item.gif) no-repeat;
  border:none;
}
.napsali .article_list .item .author{color: #949292;}
.napsali .article_list .item .desc {margin-left:0; float:none; width:310px;}

/*---------------------- GALERIE ----------------------------*/
.galerie h3{margin-bottom:2px; font-size:11px;}

.galerie .article_list .item {width:210px; height: 240px; float:left; margin-left:8px;}
.galerie .article_list .item .intro_photo {
  width:200px; 
  height:148px; 
  float:none;
  margin: 5px 20px 5px 0px; 
  padding: 0px 0px 0px 0px;
  border: 2px solid #4D4D4D;
}
.galerie .author{color: #949292;}
.galerie .article_list .item .desc {margin-left:0; float:none; height:70px;}


.galerie h3 a{font-weight:bold; font-size:12px; margin:0;}

.gallery a{ display: block; float:left; margin: 0px 7px 10px 0px; border:2px solid #4D4D4D; padding: 0px; width: 120px; height: 90px;}
.gallery a:hover{ border-color: #EDB439; }
.gallery a img{margin: 0px;}


.multimedia a {
  display:block;
  width:180px; height:50px;
  border: 1px solid #4d4c4c;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  padding-top:100px;
  padding-right:20px;
  background-repeat:no-repeat;
  font-size:30px;
  text-align:right;
  color: #bdbdbd;
  font-family: Trebuchet MS, Tahoma, Arial;
}
.multimedia a:hover {
  color: #FFCB05;
}

.multimedia a.m_blog {background-image:url(../images/multimedia_blog.gif);}
.multimedia a.m_mp3 {background-image:url(../images/multimedia_mp3.gif);}
.multimedia a.m_guestbook {background-image:url(../images/multimedia_guestbook.gif);}
.multimedia a.m_photo {background-image:url(../images/multimedia_photo.gif);}
.multimedia a.m_video {background-image:url(../images/multimedia_video.gif);}

/*********************************** AKCE **************************/
.events .item .item_image{margin-right:10px;}

td, th{vertical-align:top;}


.playlist {width:100%;}
.playlist td {border-bottom: 1px solid #1D1D1D;}
.playlist th {border-bottom: 1px solid #E2AC3A;}

