html{
  background-image:url("../images/main_backgrounds/html_background.png");
  background-repeat:repeat-x;
  font-family:"Trebuchet MS", sans-serif;
  font-size:11px;
  background-color:#7cd2f6;
}
#body{
  background-image:url("../images/main_backgrounds/body_background.png");
  background-repeat:no-repeat;
  background-position:center top;
  width:100%;
  margin:0px;
}

#inside_body{
  background-color:#FFFFFF;
  width:900px;
  margin:0px auto;
  margin-top:-8px;
  overflow:auto;
  position:relative;
}

#top_menu{
  background-image:url("../images/menus/top_menu_background.png");
  height:36px;
  background-repeat:x-repeat;
	text-transform:uppercase;
}
  #top_menu ul{
    list-style-type:none;
    padding-left:0px;
    margin:0px;
    position:relative;
    float:right;
    margin-right:15px;
    line-height:40px;
    font-size:13px;
    top:-2px;
    font-weight:bold;
  }
    #top_menu li{
      float:left;
      margin:0px;
    }
    
    #top_menu a{
      padding:2px;
      margin:4px;
      padding-right:10px;
      padding-left:10px;
      text-decoration:none;
    }
    .menu_unactive, .menu_unactive:visited{
      color:#FFFFFF;
    }
    .menu_active, .menu_active:visited{
      color:#0060b6;
      background-color:#effafe;

    }
    #top_menu a:active, #top_menu a:hover{
      color:#0060b6;
      background-color:#FFFFFF;
    }
    
#logo{
  position:absolute;
  width:235px;
  height:0px;
  background-image:url("../images/others/logo.png");
  background-repeat:no-repeat;
  top:0px;
  left:20px;
	padding-top:261px;
	overflow:hidden;
}
    
#header{
  width:900px;
  height:225px;
  background-repeat:no-repeat;
  
}

#menu{
  list-style-type:none;
  padding-left:0px;
  margin:0px;
	overflow:none;
}
  #menu li{
    float:left;
  }
  #menu a{
    background-repeat:no-repeat;
    display:block;
    width:71px;
    height:21px;
    /*line-height:140px;*/
		padding-top:60px;
    font-size:8pt;
    text-align:center;
    margin-right:10px;
    margin-top:12px;
    margin-bottom:15px;
    cursor:pointer;
  }
  
  #menu .menu_long{
    
    font-size:10px;
  }
  
  #menu a, #menu a:visited{
    color:#2b70a8;
    text-decoration:none;
  }
  #menu a:hover, #menu a:active{
    color:#fffeff;
    text-decoration:none;
  }
  
#flag{
  display:block;
  position:absolute;
  top:45px;
  right:10px;
}
#under_menu_line{
  background-image: url("../images/others/under_menu_line.png");
  background-repeat:no-repeat;
	width:616px;
  height:6px;
  clear:both;
  margin-bottom:15px;
}  
  
#right_menu{
  float:right;
  width:182px;
  margin:12px;
  min-height:200px;
  font-size:8pt;
}
  #right_menu h3{
    margin:6px;
    text-align:center;
  
  }
  #right_menu .line{
    width:182px;
    height:2px;
    margin-top:4px;
    margin-bottom:4px;
    background-image:url("../images/menus/right_menu_line.png");
    background-repeat:no-repeat;
  }
  
  #right_menu .item{
    background-image:url("../images/menus/right_menu_item_background.png");
    background-repeat:no-repeat;
    background-position:center bottom;
    margin-top:10px;
    width:181px;
    padding-bottom:4px;
    position:relative;
  }
  
  #right_menu .plus{
    position:absolute;
    top:15px;
    left:15px;
  }
  
  
  #right_menu .item h2{
    width:141px;
    height:40px;
    line-height:42px;
    color:#fffeff;
    font-weight:normal;
    padding-left:40px;
    text-align:left;
    margin:0px;
    font-size:1.2em;
    background-image:url("../images/menus/right_menu_header_background.png");
    background-repeat:no-repeat;
  }
  
  #right_menu h3{
    text-align:center;
    margin:4px;
    font-size:12px;
    color:#111111;
  }
  
    .item .inner{
      margin-left:15px;
      margin-top:8px;
    }
    
    .item .inner p{
      margin-top:5px;
      margin-bottom:5px;
      margin-right:10px;
    }
  
  #copyright{
    text-align:center;
    font-size:9pt;
    color:#666666;
    margin:1px;
    margin-top:10px;
  }
  #copyright-makers{
    text-align:center;
    font-size:7pt;
    margin:1px;
    color:#666666;
  }


#content{
  float:left;
  margin:12px;
  margin-top:0px;
  width:670px;
  position:relative;
}
  #content img{
    margin:20px;
  }


#content h2{
  margin:10px;
  margin-top:15px;
  font-size:20px;
  
  font-weight:normal;
}
h3{
  text-align:left;
  margin:10px;
  font-size:13px;
  color:#5b5b5b;
}

p{
  text-align:justify;
  margin:2px;
}

input[type=text], input[type=password]{
  background-image:url("../images/inputs/input_text_background.png");
  background-repeat:repeat-x;
  border:1px solid #c6c6c6;
  height:15px;
  padding-left:2px;
  padding-top:3px;
  vertical-align:bottom;
  font-size:8pt;
}

input[type=submit], input[type=reset]{
  background-image:url("../images/inputs/input_submit_background.png");
  background-repeat:repeat-x;
  border:1px solid #787878;
  font-size:8pt;
  color:#FFFFFF;
  font-weight:normal;
  height:19px;
  padding-bottom:2px;
}

h3 a, h3 a:visited{
  text-decoration:underline;
}
h3 a:hover, h3 a:active{
  text-decoration:underline;
}

a, a:visited{
  color:#2e7ec4;
  text-decoration:none;
}
a:hover, a:active{
  color:#616161;
  text-decoration:none;
}

a img{
  border:none;
}

/* CLANKY */

.clanek{
  height:106px;
  width:610px;
  border:1px solid white;
  background-image: url("../images/others/image_left_border.png");
  background-repeat: no-repeat;
  background-position: left top;
  font-size:8pt;
  margin-top:15px;
  margin-bottom:15px;
	position:relative;
}
  .clanek img{
    /*float:left;
    margin-left: 15px;
    margin-right: 27px;*/
		position:absolute;
		top:0px;
		left:0px;
  }
  .clanek p{
    margin:0px;
		/*margin-left:185px;*/
  }
  .clanek .h3{
    text-align:left;
    font-size:11pt;
    top:2px;
		left:175px;
		overflow:hidden;
		height:20px;
		position:absolute;
  }
	.clanek p.sekce{
		position:absolute;
		top:30px;
		right: 0px;
		font-weight:bold;
	}
	.clanek p.comments{
		position:absolute;
		top:43px;
		right: 0px;
	}
  .clanek p.short-text{
    height:31px;
    overflow:hidden;
    margin-bottom:3px;
		margin-left:185px;
  }
  .clanek p.datum{
    color:#999999;
    margin:0px;
    margin-bottom:3px;
    margin-top:38px;
		margin-left:185px;
    font-weight:bold;
  }
  
  .clanek p.pokracovat{
    text-align:right;
  }
  
  .clanek-bottom{
    text-align:right;
    margin:10px;
  }
  
#pages{
	margin-top:15px;
  width:628px;
  height:22px;
  background-image:url("../images/others/bottom_pages_background.png");
  background-repeat:x-repeat;
}  
  #pages p{
    line-height:22px;
    margin:0px;
    color:#666666;
    font-weight:bold;
  }
  #pages .left{
    width:80px;
    float:left;
    margin-left:20px;
  }
  #pages .right{
    width:80px;
    float:right;
    margin-right:20px;
  }
  #pages .center{
    text-align:center;
  }
  
.link:before{
  content: "> ";
}

h1{
  visibility:hidden;
  margin:0px auto;
}

#anketa{
  margin:0px;
  margin-top:10px;
  padding-left:2px;
  list-style-type:none;
}
  .anketa-nadpis{
    color:#0086cf;
    padding-top:5px;
  }
  #anketa a{
    color:#000000;
  }
  
  #anketa li{
    margin:0px;
    padding:0px;
    margin-bottom:8px;
  }
  #anketa .anketa-line{
    margin:2px;
  }
    #anketa li .anketa-line span{
      color:#666666;
      margin-left:5px;
      margin-top:3px;
      height:17px;
      vertical-align:top;
    }
    
 form{
  margin-bottom:3px;
 }
 
/* REGISTRACE */
.reg_table{
  width:400px;
  margin:0px auto;
  border:1px solid #EEEEEE;
  padding:3px;
}
  .reg_table td, .reg_table th{
    margin:6px;
    border:1px solid #F2F2F2;
    padding:6px;
  }
  .reg_table td input{
    width:150px;
  }
  .reg_table th{
    text-align:left;
  }
  
/*messages*/
.good_msg{
	color: #10608e;
}
.good_msg, .bad_msg, .norm_msg{
  clear:both;
  background-color:#FFFFFF;
  padding:10px;
  -moz-border-radius:5px;
  text-align:center;
}
.bad_msg{
	color: #8e1b10;
}  

/* KLUZAKY */
.kluzak{
  height:106px;
  width:290px;
  border:1px solid white;
  background-image: url("../images/others/image_left_border.png");
  background-repeat: no-repeat;
  background-position: left top;
  font-size:8pt;
  margin:20px;
  float:left;
}
  .kluzak img{
    float:left;
  }

.kluzaky-obrazky{
  margin:0px auto;
}    
  .kluzaky-obrazky img{
    border:1px solid #b4e7fa;
    margin:10px;
  }

#kalendar{
  margin:10px;
  float:right;
  background-color:#F8F8F8;
  border:1px solid #EEEEEE;
  width:220px;
  padding:4px;
  height:220px;
  
}
  #kalendar img{
    margin-top:50px;
    margin-bottom:20px;
    margin-left:94px;
  }
  #kalendar h2{
    font-size:14px;
    text-align:center;
    margin:2px;
  }
  #kalendar .inside{
    border:1px solid #EEEEEE;
    padding:3px;
    height:192px;
  }
    #kalendar .inside p{
      font-weight:bold;
    }
  
  #kalendar .previous{
    float:left;
    margin:5px;
  }
  #kalendar .next{
    float:right;
    margin:5px;
  }
    
  #kalendar table{
    width:100%;
  }
    #kalendar table th, #kalendar table td{
      padding:1px;
      padding-right:2px;
      border:1px solid #F3F3F3;
    }
    #kalendar table th{
      color:#888888;
    }
    #kalendar table td{
      text-align:right;
      color:#444444;
      cursor:pointer;
    }
    
    /* SPECIALNI */   
    #kalendar .free{
      font-weight:bold;
      color:#0f9fdd;
    }
    
    #kalendar .tandem{
      font-weight:bold;
      color:#ccbd06;
    }
    
    #kalendar .both{
      font-weight:bold;
      color:#00a33d;
    }
    
    #kalendar .rez-free{
      font-weight:bold;
      color:#0f9fdd;
    }
    
    #kalendar .text{
      background-color:#edf9fe;
      border:1px solid #c9edfb;
    }
    #kalendar .today{
      border:1px solid #777777;
    }
    #kalendar .highlight{
      border:1px solid #ff00b6;
    }
    #kalendar .unactive{
      color:#BBBBBB;
      cursor:default;
    }
    #kalendar .nedele{
      color:#e74343;
    }
    
  .day-free{
    color: #00a33d;
  }
  .day-not-free{
    color: #ff0600;
  }
  
#kalendar-rezervace{
  width:235px;
  padding-top:6px;
  height:242px;
  position:absolute;
  top:350px;
  right:100px;
  background-color:white;
  background-image:url("../images/kalendar/top.png");
  backround-position:left top;
  background-repeat:repeat-x;
  border:1px solid black;
  
  visibility:hidden;
}
  #kalendar-rezervace #kalendar{
    
    margin-right:3px;
  }
  #kalendar-rezervace .close{
    cursor:pointer;
    margin:0px;
    position:absolute;
    top:1px;
    left:220px;
  }
  
a img{
  border:none;
}


.fotogalerie-image{
  width:180px;
  padding:5px;
  border:1px solid #EEEEEE;
  height:154px;
  margin:15px;
  float:left;
  overflow:hidden;
}
  .fotogalerie-image .thumbnail{
    margin:0px auto;
    width: 152px;
    height: 106px;
    padding: 12px;
    text-align:center;
    border: 1px solid #E5E5E5;
  }

  .fotogalerie-image h4{
    font-size:12px;
    clear:both;
    margin:2px;
    margin-top:5px;
    text-align:center;
  }
  .fotogalerie-image p{
    margin:1px;
    text-align:justify;
  } 

.video{
  padding:10px;
  border:1px solid #EEEEEE;
  margin:0px auto;
  width:425px;
}  
  .video p{
    margin-bottom:8px;
  }
  
.comment-item{
	height:25px;
	line-height:25px;
	width:300px;
	margin:10px auto;
	position:relative;
}
	.comment-item input, .comment-item textarea{
		position:absolute;
		right:0px;
	}
.comment-buttons{
	margin: 10px auto;
	text-align:center;
	clear:both;
	margin-bottom:20px;
}
#new-comments{
	clear:both;
}
.comment{
	width:500px;
	position:relative;
	margin:40px 10px;
	background-image:url("../images/others/comment-top.png");
	background-repeat:no-repeat;
	min-height:30px;
}
	.comment .name{
		position:absolute;
		font-weight:normal;
		top:4px;
		left:4px;
		margin:0px;
		font-size:10pt;
		color:#EEEEEE;
	}
	.comment .date{
		color:#EEEEEE;
		position:absolute;
		top:4px;
		right:3px;
	}
  .comment .email{
    position:absolute;
		font-weight:normal;
		top:9px;
		left:200px;
		color:#EEEEEE;
  
  }
	.comment .author{
		color:#EEEEEE;

		top:-2px;
		position:absolute;
		left:200px;
	}
	.comment .text{
		position:relative;
		top:30px;
	}
	.comment .answer{
		text-align:right;
		font-style: italic;
		position:relative;
		top:25px;
		padding:2px 0px;
		border-bottom:1px solid #eeeeee;
	}
.comment_re{
	width:500px;
	position:relative;
	margin:40px 10px;
	background-image:url("../images/others/comment-top-re.png");
	background-repeat:no-repeat;
	min-height:30px;
}

.comment_re .name, .comment_re .author, .comment_re .date, .comment_re .email{
	color: #0071C2;
}