*{
	margin: 0px;
	font-family: /**/Calibri,/**/ Arial, sans-serif;;
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
}

ul{
	margin: 0;
	padding: 0;
}

a img{border: 0;}

h1, h2, h3 {
  color: #2e538a;
  font-weight:bold; 
  font-style: italic; 
  text-decoration:none; 
  margin-bottom: 20px;
}

h1{
  font-size: 2em; 
}

h2{
  font-size: 1.8em; 
}

h3{
  font-size: 1.6em; 
}

body{
  background-image: url('../img/xrepeat_mainbg_subpage.png');
	background-repeat: repeat-x;
	background-position: center 100px;
}

#banner_top{
	width: 100%;
	height: 95px;
	background: #0C63AF;
	text-align: center;
	padding-top: 5px;
}

#banner_top_sub{
	width: 100%;
	height: 95px;
	background: #107DC7;
	text-align: center;
	padding-top: 5px;
}

#main_bg{
	background-image: url('../img/main_subpage.png'); 
	background-repeat: no-repeat;
	background-position: center 0;
	width: auto;
	margin: auto;
	/* overflow: hidden; */
}

#wrapper{
	width: 980px;
	margin: auto;
}

#header{
	width: 980px;
	position: relative;
	
}

	#header a#logolink{display: block; width: 235px; height: 60px; position: absolute; top: 20px;}

#menu{
	height: 40px;
	padding-top: 45px;
	text-align: right;
	margin-left: 280px;
	width: 700px;
}

	#menu a{color: #ffe934; font-size: 1.4em; font-weight:bold; font-style: italic; text-decoration:none; margin-left: 20px;}
	#menu a:hover{color: white;}
	#menu a.active{color: white;}


#loginform{
	float: right;
	margin-top: 10px;
	height: 22px;
	width: 450px;
	color: #D0F6FF;
}

	#loginform p{margin-bottom: 6px; text-align: right;}
	#loginform a{color: #D0F6FF;}
	#loginform a:hover{text-decoration: none;}

	#loginform  input{
		border: 1px solid #9cdaff;
		background-color: #2393D6;
		width: 75px;
		height: 16px;
		margin: 0 0 0 10px;
		vertical-align: middle;
		color: #D0F6FF;
	}
	#loginform .subinp input{	
	  background-color: #1c6ab1;
	}
	
	#loginform #log_in{
		background-image: url('../img/login_ok.gif');
		width: 22px;
		height: 22px;
		margin-left: 10px;
		border: 0px;
	}

	#loginform #log_in_homepage{
		background-image: url('../img/login_ok_homepage.gif');
		width: 22px;
		height: 22px;
		margin-left: 10px;
		border: 0px;
	}


#mapareas{
	width: 600px;
	height: 500px;
	position: relative;
}

#mapareas a{
	color: #bae4fb;
	text-decoration: none;
	position: absolute;
	font-size: 1.1em;
	display: block;
	padding: 10px;
}

#mapareas a:hover{color: #ffe934; text-decoration: underline;}

	#map_beskydy{top: 281px; left: 550px;}
	#map_sumava{top: 312px; left: 163px;}
	#map_slavkovsky_les{top: 232px; left: 44px; width: 100px; text-align: center;}
	#map_vysocina{top: 256px; left: 349px;}
	#map_praha{top: 208px; left: 174px;}
	#map_brno{top: 337px; left: 372px;}
	#map_krusne_hory{top: 98px; left: 77px;}
	#map_luzicke_hory{top: 46px; left: 175px;}
	#map_jizerske_hory{top: 108px; left: 181px;}
	#map_krkonose{top: 79px; left: 333px;}
	#map_orlicke_hory{top: 181px; left: 334px;}
	#map_jeseniky{top: 131px; left: 436px;}

#rightBarBlue{
	position: absolute;
	right: 0px;
	width: 450px;
}

#idea_webu{
	width: 300px;
	clear: both;
	margin-top: 45px;
	color: white;
	float: right;
}

#idea_webu h2 a{
	color: #8ed0ff; 
	font-size: 1.1em; 
	font-weight:bold; 
	font-style: italic; 
	text-decoration:none; 
	margin-bottom: 10px; 
	background: url('../img/idea_webu.gif') 125px 10px no-repeat;
	width: 155px;
	padding-right: 35px;
}

#idea_webu p{
	margin-bottom: 10px; 
}

#idea_webu p a{
	text-decoration:underline;
  color: white;
}

#idea_webu ul{padding: 0px 0 0 0;}
#idea_webu ul li{list-style-type: none; width: 230px; height: 30px; padding: 0 0 0 45px; margin: 24px 0 0 0;}
#idea_webu ul li#n1{
	background-image: url('../img/n1.gif'); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
}
#idea_webu ul li#n1 a{
	color: #D0F6FF; 
	font-size: 1.5em; 
	font-weight:bold; 
	font-style: italic; 
	text-decoration: underline;
}
#idea_webu ul li#n1 a:hover{text-decoration: none;}

#idea_webu ul li#n2{
	background-image: url('../img/n2.gif'); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	color: #D0F6FF; 
	font-size: 1.2em; 
	font-weight:bold; 
	font-style: italic; 
	text-decoration:none;
}

#idea_webu ul li#n3{
	background-image: url('../img/n3.gif'); 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	color: #D0F6FF; 
	font-size: 1.2em; 
	font-weight:bold; 
	font-style: italic; 
	text-decoration:none;
}

#content{
	width: 980px;
	margin-top: 10px;
	clear: both;
	
}

#leftbar{
	width: 300px;
	float: left;
}

	#quickreg{
		background-image: url('../img/registrace_bg.png'); 
		background-repeat: no-repeat; 
		background-position: 0 0;
		width: 266px;
		height: 189px;
		padding: 70px 15px 20px 25px;
	}
	
	#quickreg input{border: 1px solid #939393; width: 155px; height: 16px; vertical-align: middle;}
	#quickreg p{height: 16px; margin-top: 12px;}
	#quickreg label{width: 50px; height: 16px; display: block; float: left; vertical-align: middle; margin-top: 2px;}
	#quickreg abbr{border:0;}
	#quickreg img{width: 15px; height: 15px; position: relative; top: 4px; left: 8px;}
	#quickreg #register{width: 145px; height: 34px; background: url('../img/zaregistrovat.gif') 0 0 no-repeat; border: 0px; cursor: pointer; cursor: hand; margin: 7px 0 0 85px;}
	
	#arealist{
		padding-top: 70px;
	}
	
	#arealist h2{margin-left: 20px;}
	
	#arealist ul li{
		list-style-type: none;
	}
	
	#arealist ul li a{
		color: #2a2a2a;
		display: block;
		background-image: url('../img/area_bg_home.png'); 
		background-repeat: no-repeat; 
		background-position: 0 0;
		width: 278px;
		height: 30px;
		padding: 9px 0 0 20px;
	  font-size: 1.1em;
	}
	
	#arealist ul li a:hover{
		text-decoration: none;
	}
	
	#ad_250{margin: 50px 0 0 13px;}

#middle{
	width: 400px;
	float: left;
	margin: 0 10px 0 40px;
}
	#novinky{padding-top: 70px;}
	#novinky .zprava{
	/* width: 350px;  pro testovací účely */
	clear: both;
	margin-top: 18px;
	}

	#novinky .zprava span.date{margin-right: 10px; color: #7e7e7e; font-weight: bold; font-size: 1.1em;}
	#novinky .zprava span.title{color: #3a3a3a; font-weight: bold; font-size: 1.2em;}
	
	#novinky .zprava p{
		margin-top: 5px;
		clear: both;
		color: #3a3a3a;
	}


	#aktuality{
		margin-top: 0px;
	}

	#aktuality .zprava{
	width: 350px;
	clear: both;
	margin-top: 18px;
	}

	#aktuality .zprava span.date{margin-right: 10px; color: #7e7e7e; font-weight: bold; font-size: 1.1em;}
	#aktuality .zprava a.title{margin-right: 0px; color: #196bb3; font-weight: bold; font-size: 1.1em;}
	#aktuality .zprava p{
		margin-top: 5px;
		clear: both;
		color: #3a3a3a;
	}

#rightbar{
	width: 220px;
	float: left;
}

#doporucujeme{
	color: #2a2a2a;
	padding-top: 70px;
}
	#doporucujeme dt{width: 200px; margin-top: 18px;}
	#doporucujeme h2{color: #5b5c5c; font-size: 1.5em;}
	#doporucujeme a{color: #5b5c5c; font-weight: bold; font-size: 1.1em;}
	
	#ad_skyscrapper{margin-top: 50px;}
	
	
#footer{
	clear: both;
	border-top: 1px solid silver;
	padding: 10px 0 0 0;
	margin: 50px 0 50px 0;
}
	#footer ul{float: right;}
	#footer ul li{
		list-style-type: none;
		display: inline;
		margin-left: 20px;
	}
	#footer ul li a{color: #3a3a3a; text-decoration: none; font-weight: bold;}
	#footer p{color: #7e7e7e;}
        #footer p a{color: #7e7e7e;}





a{
	color: #2e538a;
}

.zprava{
	width: 350px;
	clear: both;
	margin-top: 18px;
}

.zprava span.date{margin-right: 10px; color: #7e7e7e; font-weight: bold; font-size: 1.1em;}
.zprava span.title{color: #3a3a3a; font-weight: bold; font-size: 1.2em;}
	
.zprava p{
	margin-top: 5px;
	clear: both;
	color: #3a3a3a;
}
	
.zprava.last{
	border: 0;
}



/* subpages only*/

#breadcrumbs{
	width: 980px;
	margin-top: 160px;
	margin-bottom: 30px;
	clear: both;
}

#breadcrumbs a {
  font-weight:bold;
  margin-left: 3px;
  margin-right: 3px;
  }

#leftbarsub{
	width: 185px;
	float: left;
}
	
	#arealistsub{
		margin-top: 6px;
	}
		
	#arealistsub h3{
  margin-left: 0px;
  margin-bottom: 30px;}
	
	#arealistsub ul li{
		list-style-type: none;
	}
	
	#arealistsub ul li a{
		color: #2a2a2a;
		display: block;
		background-image: url('../img/area_bg.png'); 
		background-repeat: no-repeat; 
		background-position: 0 0;
		width: 179px;
		height: 30px;
		padding: 9px 0 0 20px;
	  font-size: 1.1em;
	}
	
	#arealistsub ul li a:hover{
		text-decoration: none;
	}
	
	#ad_180{margin: 50px 0 0 0px;}

#middlesub{
	width: 545px;
	float: left;
	margin: 0 10px 0 24px;
  }

  #oblast{
  width: 530px;
  }

  #oblast h1 span{
  font-size: 0.85em; 
  }
  
  #oblast h1 {
  margin-bottom: 25px;
  }  

  #oblast h3 {
  margin-top: 35px;
  display: block;
  float: left;
  }  
  
  #popisoblasti {
  color: #3a3a3a;
  }
  
  #oblast p{
  margin-top: 10px;
  color: #3a3a3a;
  }

  #oblast div{
  color: #3a3a3a;
  }


  #oblast ul li{
  padding-left: 10px;
  margin-left: 20px;
  list-style-type: disc;
  list-style-image: url("../img/li.gif");
  }
  
  #oblast strong{
  font-weight:bold;
  }
  
  #pridat{
  display: block;
  float: right;
  background-image: url('../img/pridat_zpravu.png');  
	background-repeat: no-repeat; 
	background-position: 0 0;  
	width: 149px;
	height: 41px;
  margin-top: 32px;
  margin-right: 2px;
	}
	
  #pridat a{
  display: block;
  text-decoration: none;
  text-align: center;
  padding-left: 74px;
  padding-right: 74px;
  padding-bottom: 21px;
	}

  
  #sorting{
  display: block;
	background-image: url('../img/filtr.png'); 
	background-repeat: no-repeat; 
	background-position: 0 0;
	width: 529px;
	height: 36px;
	clear: both;
	}

  #sorting p {margin-top: 0px;}
  #sorting span {float: left; margin-top: 11px; margin-left: 10px; font-weight:bold;}
  #sorting select {float: left; margin-top: 9px;}
	#sorting label {float: left; vertical-align: middle; margin-left: 11px;margin-right: 5px; margin-top: 11px;}
	#sorting input{width: 22px; height: 22px; background: url('../img/sort_ok.gif') 0 0 no-repeat; border: 0px; float: right; margin-top: 7px; margin-right: 10px;}

.zpravasub{
	width: 505px; /* pro testovací účely */
	clear: both;
	padding: 10px 10px 10px 4px;
	margin-top: 15px;
	border-bottom: 1px solid #DDDDDD;
	color: #3a3a3a;
}

	.zpravasub p{
		padding: 3px 0 0 10px;
		color: #3a3a3a;
		clear: both;
		margin-bottom: 5px;
	}
	
	.zpravasub.last{
		border: 0;
	}

.bublina{
	background-image: url('../img/bublina.png');
	background-repeat: no-repeat;
	width: 110px;
	height: 30px;
	padding: 3px 0 0 7px;
	color: #222222;
	float: left;
}

	.bublina span{
		font-weight: bold;
		font-size: 1.1em;
		color: black;
	}

div.uzivatel{
	margin: 4px 0 0 10px;
	padding-left: 15px;
	float: left;
	background-image: url('../img/profil_ico.png');
	background-repeat: no-repeat;
        height: 15px;
        overflow: hidden;
        width: 360px;
}

#rightbarsub{
	width: 200px;
	float: left;
}

#districtad {
        margin-bottom: 35px;  }
#districtad h2 {
        margin-bottom: 2px; }
#districtad h2 a {
        display: block;
        background-color: #CCCCCC;
        text-align: right;
        color: #3A3A3A; 
        font-style: normal;
        text-decoration: none; }

.adfox-box { 
        color: #3A3A3A; 
        margin-bottom: 2px;
        padding: 4px;
        border: 1px solid #CCCCCC;
        }
.adfox-box p { 
        margin-top: 0px;
        }
.adfox-box h3 { 
        margin-bottom: 4px;
        }
.adfox-box h3 a { 
        color: #0000FF;
        text-align: left;
        font-weight: bold;
        font-style: normal;
        text-decoration: underline;
        font-size: 0.7em;
        }
.adfox-box a {
        display: block;
        margin-top: 5px;
        color: #008000;
        text-align: right;
        text-decoration: none;
        }
.adfox-box a:hover {
        text-decoration: underline;
        }


#odkazyoblast{
	color: #2a2a2a;
	clear: both;
        margin-bottom: 30px;
}

	#odkazyoblast dl
  { width: 190px; margin-top: 16px;}

	#odkazyoblast h3{color: #5b5c5c; font-size: 1.5em; margin-bottom: 25px;}
	#odkazyoblast dt a{color: #5b5c5c; font-weight: bold; font-size: 1.1em;}
	#odkazyoblast p a {float: right; margin-top: 16px;}


#doporucujemesub{
        margin-top: 8px;
	color: #2a2a2a;
	width: 190px;
	padding-bottom: 40px;
}

	#doporucujemesub dl
  {width: 190px; margin-top: 18px; }
	#doporucujemesub h3{color: #5b5c5c; font-size: 1.5em; }
	#doporucujemesub a{color: #5b5c5c; font-weight: bold; font-size: 1.1em;}

#contentsub {color: #3a3a3a; width: 530px;}
#contentsub p {margin-top: 10px;}
#contentsub strong {font-weight: bold;}
#contentsub h3 {margin-top: 10px;}
#contentsub ul li{
  padding-left: 10px;
  margin-left: 20px;
  list-style-type: disc;
  list-style-image: url("../img/li.gif");
  }

#oblastintropage p {
color: #3a3a3a; 
}


#oblastintropage p a {
text-decoration: underline;
font-weight: bold;
}

#oblastintropage p strong {
font-weight: bold; 
}

#oblastintropage h4 {
  margin-bottom: 2px;
  margin-top: 12px;
}

#oblastintropage h4 a {
  color: #2e538a;
  font-weight: bold; 
  text-decoration: none; 
  font-size: 1.2em; 
}

#oblastintropage h4 a:hover {
  text-decoration: underline; 
}


/* POMŮCKY */
.reset{clear: both; height: 40px; width: 100%; height; 1px;}

.clear{
	clear: both;
	height: 1px;
}

.floatRight{
	float: right;
}

.alignRight{text-align: right;}
.alignCenter{text-align: center;}

#addpostform input.text {border: 1px solid #1C6AB1; width: 100px; height: 16px; vertical-align: middle;}
#addpostform textarea {border: 1px solid #1C6AB1; width: 300px; height: 100px; }
#addpostform p { margin-top: 5px; padding: 5px; }
#addpostform p.error { background-color:#FEEBEB; border:2px solid #FFAEAE; }
#addpostform label{ width: 150px; display: block; float: left; vertical-align: middle; margin-top: 2px; margin-left: 15px; }
#addpostform abbr { border:0; cursor: help; }
#addpostform img {width: 15px; height: 15px; float: left; }
#addpostform fieldset { border: 1px solid #1C6AB1; }
#addpostform legend { padding: 1em; color: #2E538A; }
#addpostform p .msg { display: block; font-style: italic;}
#addpost p.info { color: #444444; font-size: 0.95em; font-style: italic; margin: 5px 0px 20px; }

#userForm p { margin-top: 5px; padding: 5px; }
#userForm p.error { background-color:#FEEBEB; border:2px solid #FFAEAE; }
#userForm p .msg { display: block; font-style: italic;}
#userForm input.text {border: 1px solid #1C6AB1; width: 100px; height: 16px; vertical-align: middle;}
#userForm label{ width: 100px; display: block; float: left; vertical-align: middle; margin-top: 2px; margin-left: 15px; }
#userForm abbr { border:0; cursor: help; }
#userForm img {width: 15px; height: 15px; float: left; }
#userForm span.charcounter { display: block; text-align: right; }

.msg { padding: 5px; }
.msg.done {border:2px solid #BBDF8D; background-color: #EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color: #FEEBEB;}

#userProfile { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #2E538A; }
#userProfile dt { font-weight: bold; font-size: 1.2em; font-style: italic; color: #2E538A; }
#userProfile dd { padding-left: 1em; }

#links {width: 530px;}
#links dl.area_links { padding-left: 40px; }
#links dl.sub_area_links { padding-left: 40px }
#links dd { margin-bottom: 5px; color: #3a3a3a; }
#links h3 { font-size: 1.4em; padding-left: 20px; margin: 20px 0 10px; }
#links h2 { margin-top: 20px; }
#links a {font-weight: bold;}

ul.pagination {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
}

ul.pagination li {
    display: inline;
    color: #AAAAAA;
    margin: 0 !important; padding: 0 !important;
}

ul.pagination li span {
    padding: 4px 6px;
}

ul.pagination li a {
    border: 1px solid #2E538A;
    color: #2E538A;
    padding: 4px 6px;
}

ul.pagination li a:hover {
    background-color: #DCF2FF;
    border: 1px solid #2E538A;
    color: #2E538A;
}

ul.pagination li.current span {
    background-color: #DCF2FF;
    border: 1px solid #2E538A;
    color: #2E538A;
    padding: 4px 6px;
}