* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
	font-size: 1em;
	text-align: center;
	line-height: 1.2em; 
}
#noscreen {
	left: 0;
	width: 200px;
	position: absolute;
	top: -1000px;
}
h1, h1 span {
  font-size:2em;
  position:absolute;
  top:23px;
  left:31px;
  overflow:hidden; 
  width:244px;
  height:88px;
  z-index:1;
}

h1 span {
  background:url("../design/historiepocitacu_logo.png") no-repeat 0 0;
  cursor:pointer;
  display:block;
  left:0;
  top:0;
  z-index:2;
}

h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.5em;
	margin: 20px 0 5px;
}
h4 {
	font-size: 1.2em;
}
a {
	color: #966407;
	outline: none;
}
a:hover {
	text-decoration:none;
}
a:focus {
	outline: none;
}
p {
	padding: 10px 0 0;
}

img{
  border:none;
  margin:0;
  padding:0;
}
ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption{
  font-size:1.2em;
  font-weight:bold;
  padding: 0 0 10px 0;
}

form {
  background:#f4f4f4;
  width:590px;
  margin: 20px 0;
  padding:20px;
  border-top:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
}

input{
  width:186px;
  height:24px;
  border-top:1px solid #a7a7a7;
  border-left:1px solid #a7a7a7;
  border-bottom:1px solid #e7e7e7;
  border-right:1px solid #e3e3e3;
}

textarea{
  width:590px;
  border-top:1px solid #a7a7a7;
  border-left:1px solid #a7a7a7;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  font-family:Arial;
  font-size:1em;
}

label{
  display:block;
  font-weight:bold;
}

dl {
  display:inline;
  float:left;
  margin:0 12px 20px 0;
}
     
#bg_homepage {
	background: #f4f4f4 url("../design/bg_main.gif") repeat-x scroll 0 0;
}
#bg_homepage_subpage {
	background: #f4f4f4 url("../design/bg_main_small.gif") repeat-x scroll 0 0;
}
#main {
	width: 980px;
	min-height: 950px;
	text-align: left;
	margin: 0 auto;
	font-size: 0.75em;
}
#head {
	min-height: 130px;
	margin:0;
	position:relative;
}

#topmenu {
	float: right;
	font-size: 1.2em;
	position:absolute;
	top:95px;
	right:15px;
}
#topmenu li {
	float: left;
	padding:0 15px 0 15px;
  border-right: 1px solid #201D18; 
}
#topmenu a {
	color: #f5ebc4;
	text-decoration: none;	
}
#header_img {
	height: 260px;
}
#header_img_subpage {
	height: 140px;
}
/*---MENU---*/
#menu {
	background: #000 url("../design/menu_bg.gif") repeat-x 0 0;
	color: #fff;
	padding: 30px 30px 20px;
	position: relative;
}
#menu a {
	color: #f5ebc4;
}
#menu a:hover {
	color: #ba7f0c;
}
#menu h2 {
	color: #cfae32;
	font-size: 2.5em;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #201d18;
	margin: 0 0 10px 0;
}
#menu h2 span {
	font-size: 0.5em;
	color: #ba7f0c;
}
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	background: url("../design/odrazka_menu.gif") no-repeat 0 8px;
	padding: 0 0 3px 10px;
}
#hidden_menu a{
	position: absolute;
	right: 30px;
	top: 39px;
	cursor:pointer;
	text-decoration:none;
	font-size:0.9em;
}
#capitol_active {
	font-weight: bold;
	color: #bb7f0c;
}
.menu_box {
	float: left;
	width: 228px;
	min-height: 200px;
	font-size: 0.9em;
	border-right: 1px solid #201d18;
	margin: 0 20px 0 0;
}
.menu_box h3 {
	color: #bb7f0c;
	font-size: 1.6em;
	margin: 10px 0;
}
.menu_box_width {
	width: 200px;
}
/*//---MENU---*/

#content {
  background:#fff;
  padding: 30px 0 30px 0;
  border-bottom:1px solid #e3e3e3;
  margin: 0 0 20px 0;
  min-height:350px;	
}
#content h2 {
	font-size: 2.5em;
	color: #966407;
	margin: 0 0 20px 30px;
}
#content h2 span {
	font-size: 0.5em;
	color: #1a1a1a;
}

/*---TIMELINE---*/ 

#timeline {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 18px 0 20px;
	padding-bottom: 35px;
	padding-left: 10px;
}

#timeline ul, #timeline li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

#timeline a,#timeline li#time_active	{
	float: left;
	width:142px;
	margin-right: 10px;
	text-align:center;
	font-size:1.3em;
}       
	
#timeline a	{
	background: #000;
	color:#cfae32;
	text-decoration: none;
  height:21px;  
	padding:13px 0 0 0;
  border: 1px solid #000;	
}

#timeline li#time_active {
	background: #fff;
	border: 1px solid #e3e3e3;
	border-bottom: 1px solid #fff;
	color:#966407;
  height:24px; 
  padding:10px 0 0 0;	  	
}
    
.timeline_box{
  float:left;
  width:380px;
  padding:10px 20px;
}

/*--- Carousel ---*/
.jcarousel-skin-tango .jcarousel-container {
  background: #fff;
  border-left:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 860px;
  padding: 0 40px;
  margin: 0 20px
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width:  860px;
  min-height: 340px;
}
.jcarousel-skin-tango .jcarousel-item {
  width: 420px;
  min-height: 320px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin:10px 10px 10px 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/*---  Horizontal Buttons---*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 40%;
  right: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background:transparent url(../design/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
  background-position: -40px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
  background-position: -80px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -120px 0;
}
 
.jcarousel-skin-tango .jcarousel-prev-horizontal {
  position: absolute;
  top: 40%;
  left: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background:transparent url(../design/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
  background-position: -40px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  background-position: -80px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -120px 0;
}


.jcarousel-skin-tango h3{
  color:#966407;
  font-size:1.6em;
  margin:10px 0 0 0;
}

/*//---TIMELINE---*/ 

/*---CONTENT---*/    
   
#content_left {
	float: left;
	width: 630px;
	min-height:450px;
	padding: 0 30px;
	border-right:1px solid #e3e3e3;
	position:relative;
}
#content_left h2{
  padding: 0 0 10px 0;
	border-bottom:1px solid #e3e3e3;
	margin: 0 0 10px 0;
}

#content_left h4{
	margin: 20px 0 5px 0;
}

#content_left ul{
  margin: 20px 10px;
}

#content_left ul li {
  background:url("../design/odrazka.gif") no-repeat 0 7px;
  padding: 0 0 5px 12px;
  line-height:1.5em;    
}

#content_left ul li ul{
  margin: 10px 10px;
  font-size:1em;
}

.tab{
  width:100%;
  margin: 20px 0;
}

.tab th{
  background:#f3f3f3;
  border:1px solid #e3e3e3;
  padding: 5px;
}

.tab td{
  border:1px solid #e3e3e3;
  padding: 5px;
}

#content_right {
	float: right;
	width: 229px;
	padding: 0 30px
}
#photo-box {
	background: #ddd;
	clear: both;
}
.pramen {
	font-size: 0.9em;
}
#prameny{
 font-size: 0.9em;
 border-top:1px solid #e3e3e3;
 margin: 20px 0 0 0;
}
#prameny h4{
  font-size:1.2em;
  margin: 10px 0 0 0;  
}
.pismeno{
  float:left;
  width:50px;
  color: #966407; 
}

.terminy{
  float:left;
  width:549px;
  border-left:1px solid #e3e3e3;
  padding: 0 0 30px 30px;
}
#info_bublina{
  background:#e3e3e3;
  font-size:0.9em; 
  border-bottom:1px solid #e3e3e3;
  margin: 10px 0 50px 0;
}
#info_bublina p{
  padding:15px 20px 0 20px; 
  line-height:1.5em;
}  

#info_bublina_advisor{
  background: url("../design/info_bublina.jpg") no-repeat 0 bottom;
  height:140px;
}

.perex{
  background:#e3e3e3;
  padding:20px;
}

.reklama{
  margin:0 35px;
}         
  
.reklama_vertical{
  width:97%;
  margin:15px auto 0;
}      
/*//---CONTENT---*/    

/*---FOOT---*/    

#about {
	float: left;
	width: 280px;
	min-height: 265px;
	border-left: 1px solid #e3e3e3;
	padding: 0 20px;
	margin: 0 0 20px 0;
}

#about h4 {
  margin: 0 0 10px 0;
}
   
#photos {
	float: left;
	width: 288px;
	min-height: 265px;
	padding: 0 20px;
	border-left: 1px solid #e3e3e3;
	margin: 0 0 20px 0;
}
#quote {
	float: left;
	width: 288px;
	min-height: 265px;
	padding: 0 20px;
	margin: 0 0 10px 0;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	position:relative;
}

#quote_text{
  position:absolute;
  top:160px;
  left:25px;
  width:120px;
}

.advisor{
  position:absolute;
  top:155px;
  right:20px;
}
.bublina{
  background:url("../design/bublina_bg.gif") no-repeat 0 0;
  height:115px;
  padding:10px 15px 0 15px;
}


#about h3, #photos h3, #quote h3 {
	font-size: 2em;
	color: #966407;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
#about p, #quote p {
	font-size: 0.9em;
	line-height:1.5em;
	padding: 0 0 10px 0;
}
#bg_foot {
	background: #000;
}
#foot {
	height: 80px;
	margin: 0 auto;
	width: 940px;
	text-align: left;
	font-size: 0.7em;
	color: #966407;
	clear: both;
	padding: 15px 20px;
	
}
#foot a {
	color: #bb7f0c;
}

#foot span {
	margin: 0 2px;
}

.vice_info a{  
  background:url("../design/vice_info_btn.gif") no-repeat 0 0;
  float:right;
  width:100px; 
  height:25px;
  margin:10px 0 0 0;      
}

.small_gallery{
  float:left;
  width:65px;
  margin: 0 9px 9px 0;
}

.prohlednout_fotky a{  
  background:url("../design/prohlednout_fotky_btn.gif") no-repeat 0 0;
  float:right;
  width:100px; 
  height:25px;
  margin:8px 0 0 0;      
}  

/*//---FOOT---*/    

.clr {
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	width: 100%;
}

/*---OTHERS---*/  
.border_none {
	border: none;
	margin: 0;
}

.margin_none{
  margin-right:0;
}

.separator_h{
  background:#e3e3e3;
  width:100%;
  height:1px;
	clear: both;
	margin: 30px 0 0 0;
}

.hidden {
  display: none;
}

.send_btn{
  background:#bb7f0c;
  border:none;
  width:100px;
  height:29px;
  color:#fff;
  text-align:center;
}
#email_form{
  color:#bb7f0c;
}
.left{
  float:left;
}
.right{
  float:right;
}

.right_p{
 text-align:right;
}

.gallery{
  border:1px solid #e3e3e3;
  float:left;
  font-size:0.9em;
  margin:10px 8px 10px 0;
  text-align:center;
  width:200px; 
}
.gallery p{
  padding:5px;
}

#img_ouha{
  position:absolute;
  top:200px;
  right:130px;
}
.small{
  font-size:0.9em;
}
.center{
  text-align:center;
} 
.sitemap_list{
  background:none!important;
  padding-left:0!important; 
} 
.reklama_300x250{
 float:right;
 width:300px;
 margin:20px 0 20px 20px;
}