/* CSS: design*/
* {margin:0;padding:0}
html, body {
font-size: 16px;
font-family: "Open Sans", "Helvetica Neue", "Arial", "Geneva CE", lucida, sans-serif;
text-align:center;color:#565656;margin: 0;
background:#fff;
}
body {
font-size: 16px;
font-family: "Open Sans", "Helvetica Neue", "Arial", "Geneva CE", lucida, sans-serif;
font-weight: 300;
text-align:center;
color:#373737;
margin: 0;
background:#fff;
line-height:1.5;
}
hr{border:0;}
.nofloat{width: 1px;height: 1px;clear: both;float: none;overflow: hidden;}
.path{padding:0 ;margin:0;font-size:12px;}
.path, .path a{color:#8a8a8a;}
.date{color:#c6c6c6;margin:0;font-size:12px;border-bottom: 1px solid #aaaaaa;margin-bottom:10px;}

input, textarea{-webkit-border-radius: 8px;border-radius: 8px;}

.subbannernav-small {text-align:center;}
.subbannernav-small a {display:inline-block; margin-left:10px; font-weight:400; padding: 7px 14px; text-align: center; border: 1px solid #e1aa00; text-decoration: none;}
.subbannernav-small a:hover,
.subbannernav-small a.active {color:#000; border-color:#000;}

#main-buttons { margin:0 2%; padding:0; position: absolute; bottom:30px; left:0; width:100%; z-index:10;}
#main-buttons li { padding:0; float:left; width:28%; margin: 0 2%; list-style-type:none;}
#main-buttons li a {display: block; padding: 5px 0; background-color:#fff;border: 3px solid #000; color:#000; text-align: center; font-size: 24px; text-decoration: none;}
#main-buttons li a:hover {background-color:#000;color:#fff;}
#subbanner {
	font-size: 18px;
    line-height: 1.8;
    margin-top: 20px;
}
#subbanner h1 {
	text-align: center;
}
#subbanner iframe {
	border: 0;
}
#subbannernav { text-align: center; margin: 20px 0; }
#subbannernav li {
	list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    padding: 0 2%;
    width: 16%;
}
#subbannernav li a {
	display: block;
    padding: 7px 0;
    text-align: center;
    border: 2px solid #e1aa00;
    text-decoration: none;
    font-size: 18px;
    font-weight:400;
}
#subbannernav li a:hover {
	color: #000;
    border-color: #000;
}

#mainbanner {margin-top:20px; margin-bottom: 20px; font-size:23px;line-height:1.8;}
#mapa-cr-lokality {background-image: url('../img/cz-mapa-tecky-new3.jpg'); background-repeat: no-repeat; background-position: 0 0; width:450px; height: 260px; margin: 0 auto;position:relative;}
#mapa-cr-lokality a {position: absolute; padding:5px; color:#1a1a1a; text-decoration: none; font-size:19px;}
#mapa-cr-lokality a:hover {color: #e1aa00;}
#mapacr-certovka {top:54px;left:39px;}
#mapacr-magdalena {top:120px;left:103px;}
#mapacr-brezovypotok {left:0px;top:182px;}
#mapacr-horka {left:264px;top:188px;}
#mapacr-kravihora {left:285px;top:150px;}
#mapacr-cihadlo {left:164px;top:190px;}
#mapacr-hradek {left:208px;top:132px;}
#mapacr-etejih{left:107px;top:212px;}
#mapacr-eduzapad{left:234px;top:212px;}
a#mapacr-brezovypotok,
a#mapacr-etejih,
a#mapacr-hradek,
a#mapacr-horka {color:#fd0101;}
/*
#mapa-cr-lokality a#mapacr-etejih,
#mapa-cr-lokality a#mapacr-eduzapad {color:#fd2a1c;}
#mapa-cr-lokality a#mapacr-etejih:hover,
#mapa-cr-lokality a#mapacr-eduzapad:hover {color:#000;}
*/

a#kontakt{display:block;position:absolute;right:40px;top:10px;padding:5px 10px;background:#196600;color:#fff;text-decoration:none;-webkit-border-radius: 8px;border-radius: 8px;}
a#kontakt:hover{background:#249000;}

#layout{}
#home #layout{border:none;}
#home #content_inner {padding-top:0;}


#home #content{border:0;width:auto;float:none;}
#column{padding:0 0 0 20px;width:320px;float:left;}
#column .marker{padding:40px 20px 0 20px;}
#column #marker_anketa{padding: 10px 20px 0;margin:0 0 0 0;}
#marker_anketa h2 {text-transform: uppercase;color:#aaaaaa;}
#marker_anketa h4 {font-weight: 300; color:#565656; font-size: 16px;}
#home #column #marker_anketa{margin:0;}
#column #news{padding: 40px 0 0 20px;}
#column #news .documents .annotation{font-size:12px;}
#column #news .documents{margin:0;}
#column #news h2{display:block;}

#nocolumn #content{width:960px;}

#content_inner{padding:40px 0;overflow:hidden;}
#content-inner-inner{width:540px;float:left;margin-right: 60px;}
#content-inner #column{padding:0 0 0 20px;width:340px;float:left;}

#homepage_banners{overflow:hidden;width:960px;}
#home-banner{height:241px;margin:0 0 25px 0}
#hb1{width:630px;float:left;padding:0 10px 0 0}
#hb2 table{margin:0}
#hb1 table td{text-align:center;vertical-align:top}
#hb2{width:300px;border:none;float:right}

#top{height:145px;background:#fff;position:relative;}
#page{width:960px;margin:122px auto 0;position:relative;padding-top:15px;text-align:left}
#head{background-color:#303030;position:fixed;top:0;width:100%;z-index:100;background-image: url('../img/header-bg.jpg');background-repeat: repeat;}
#head_inner{width:960px;margin:0 auto;position:relative;height:92px;}
#head_inner p{margin:0;}
#logo{position:absolute;left:450px;top:14px;z-index:100;}
#logo_text_over{position: absolute;top: 10px;left: 450px;font-size: 20px;color: #65913a;padding-right: 40px;}

#slides{position:relative;min-height:241px;}
.slides_container{/*height:241px*/}
ul.pagination{position:absolute;bottom:10px;right:0;margin:0;padding:0;z-index:10}
ul.pagination li{list-style-type:none;float:left;margin:0 10px 0 0;overflow:hidden;padding:0;}
ul.pagination li a{background:url('../img/paginate.png') no-repeat;display:block;width:21px;height:0px;padding-top:21px;}
ul.pagination li.current a{background-position:-21px 0}

#footer {background-color: #f0f0f0;}
#footer-inner {width:960px;margin:0 auto;padding:20px 0;}
#footer-inner, #footer a{color:#3f3f3f;font-size:14px;}
#footer #f_copy{float:left;padding:10px;}
#footer #f_ext{float:right;padding:10px;}
#footer-logos {max-width: 100%;}


#nav{width: 100%;float: left;}
#nav h4{display:none}
#nav ul{padding:0;margin:0;}
/*
#nav_inner{overflow:hidden}
#nav ul li{list-style-type:none;margin:0 0 0 10px;padding:0;float:left;}
#nav ul li a{display:block;padding:5px 10px;text-decoration:none;color:#d5d5d5;font-size:18px;}
#nav ul li a:hover, #nav ul li.current a{color:#e1aa00;}
#nav ul li li{display:none;}
*/

#search{position:absolute;right:0px;top:34px;width:88px;height:24px;display:inline}
#search form {margin:0; padding:0;}
#search input.form_text{width:50px;height:24px;background:#fff;position:absolute;right:30px;border:0;border-radius:4px;color:#000;padding: 0 5px;}
#search h4{display:none}
#search fieldset{border: 0;padding: 0;margin: 0;background: none;}
#search .lbl{display:none}
#search input.form_submit, input.mod_form_input_button {text-indent:-10000px;border-radius:4px;background: url(../img/search-submit.png) no-repeat center center; cursor: pointer;width: auto;overflow: visible;color: white;height: 24px;width:26px;text-transform: uppercase;padding: 0 5px;position: absolute;right: 0px;top: 0px;border: 0;margin: 0;padding: 0;}

#languages{position:absolute;right:200px;top:-100px;font-size:12px}
#languages ul li{display:inline; padding: 0 5px;line-height:23px;}
#languages ul li a{color:#666}
#languages h4{display:none}

#skiplink{position: absolute;right: 0;top: -5em;width: 15em;height: 4em;z-index: 20;}

#news{overflow:hidden;padding:0 0 15px 0;}
#news h2{}
#news h3{font-size:22px;font-weight:400;color:#000;padding:0;margin:0 0 10px 0;}
#news h3 a{text-decoration:none;color:#303030;}
#news h3 a:hover{color:#000}
#news .documents{float:left;margin:0 40px 0 0;position:relative}
#news .documents .annotation{font-size:16px;}
#news .documents .readmore{position:absolute;right:0;bottom:0;color:#65913A}

.documents{overflow:hidden;padding:0 0 20px 0}
.documents .image{width:25%;margin:5px 7% 0 0;float:left;}
.documents .image img {width: 100%;}
.documents.withimage .annotation{float:left;width:68%;}
.documents h2, .documents h2 a, .documents h2 a:hover{color:#272727;font-size: 22px; font-weight: 400; color: #000; padding: 0; margin: 0 0 10px 0; text-decoration: none;}

.page { padding: 5px 10px; display: inline-block;}

.annotation h2 {
 color: #303030;
 font-size: 24px;
}
.documents.withimage .annotation-image {
	width: 125px;
    height: 100px;
    display: block;
    float: left;
    background-size: cover;
    background-position: center top;
    margin-right: 20px;
}

/***********************/
/* SOCIAL SHARE BUTTON */
/***********************/
.share-button { display:inline-block; width:40px; height:40px; margin-left:4px; }
.share-button:first-child { margin-left: 0 }
.share-button svg { fill:#444; transition:fill 0.3s; }
.share-button svg:hover { fill:#e1aa00; }

/* CSS: superfish*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	/* float: left;*/
	display: inline-block;
}
.sf-menu > li:hover > ul,
.sf-menu > li.sfHover > ul,
.sf-menu > li.current > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	width: 870px;
	text-align: center;
}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	text-align: center;
}
.sf-menu a {
	padding: 0 18px;
	height: 92px;
	line-height: 92px;
	text-decoration: none;
	zoom: 1; /* IE7 */
    font-weight: 400;
}
.sf-menu a {
	color: #fff;
}
.sf-menu a:hover {
	color:#e1aa00;
}
.sf-menu li {
	display: inline-block;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu > li > a {
	font-size: 17px;
}
.sf-menu ul a {
	font-size: 16px;
}
.sf-menu > li:first-child {
	/* margin-left: 269px; */
}
.sf-menu ul a {
	height: 40px;
	line-height: 40px;
	color: #000;
}
.sf-menu ul li {
}
.sf-menu ul ul li {
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	color: #e1aa00;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	position: relative;
	margin-bottom: 5em;
}
/* provide background colour for submenu strip */
/* you should just set the menu's container bg colour rather than use pseudo-elements */
.sf-navbar:before {
	content: '';
	position: absolute;
	left: 0;
	z-index: -1;
	background-color: #68676a;
	width: 100%;
}
.sf-navbar ul {
	box-shadow: none;
}
.sf-navbar li {
	position: static;
}
.sf-navbar > li > a,
.sf-navbar > li > ul > li > a {
	border: none;
}
.sf-navbar > li > ul {
	min-width: 36em; /* set this to whatever suits your design */
	width: 100%;
    background: #fff;
}
.sf-navbar ul li {
	position: relative;
}
.sf-navbar ul ul {
	left: 0;
	top: 100%;
}
.sf-navbar ul ul li {
	width: 100%;
}
.sf-navbar > li > ul > li {
	
}
.sf-navbar li.current > a,
.sf-navbar li.sfHover > a {
	color: #e1aa00;
}
.sf-navbar li:hover > a,
.sf-navbar ul li.current > a
.sf-navbar ul li.sfHover > a {
	color: #e1aa00;
}
.sf-navbar ul li:hover > a,
.sf-navbar ul ul li.sfHover > a,
.sf-navbar ul ul li > a {
	color: #e1aa00;
}
.sf-navbar ul ul li:hover > a,
.sf-navbar ul ul li.current > a {
	color: #e1aa00;
}
.sf-navbar ul li.current > a {
	/* font-weight: bold; */
}

/*** point all arrows down ***/
.sf-arrows.sf-navbar ul .sf-with-ul:after {
	margin-top: -3px;
	margin-right: 0;
	border-color: transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}

.sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after,
.sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after,
.sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after {
	border-color: transparent;
	border-top-color: white;
}

.sf-menu > li.ctvrty {
  margin-right:100px;
}

/* uprava submenu aby bylo pres sirku stranky */
.sf-navbar > li > ul {
	width: 960px;
}

/* První čtyři položky v submenu Lokality */
.sf-menu > .amenu_item_0:nth-child(2) .amenu_item_1:nth-child(-n+4) a {
	color: #fd0101;
}

.sf-menu > .amenu_item_0:nth-child(2) .amenu_item_1:nth-child(-n+4) a:hover,
.sf-menu > .amenu_item_0:nth-child(2) .amenu_item_1.current:nth-child(-n+4) a {
	color: #e1aa00;
}
/* CSS: content*/
/* SYSTEM */
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB; border-collapse: separate}
a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(../admin/img/anchor.gif) no-repeat bottom left}
img.mceItemAnchor {width:12px;height:12px;background:url(../admin/img/anchor.gif) no-repeat}
img.mceItemMod {cursor: pointer !important;} /* obrazek s modulem */
.mceItemTable th, .mceItemTable td{border: 1px dashed #bbb;padding: 2px;}
td.mceSelected, th.mceSelected {background-color:#3399ff !important}
/* tridy pro odsazeni */
.content_class_pd_1 {padding-left: 10px}
.content_class_pd_2 {padding-left: 20px}
.content_class_pd_3 {padding-left: 30px}
.content_class_pd_4 {padding-left: 40px}
.content_class_pd_5 {padding-left: 50px}
.content_class_pd_6 {padding-left: 60px}


/* CSS: content*/
#content_main_cs {
font-size: 0.8125em;
font-family: Arial, "Trebuchet MS", "Geneva CE", lucida, sans-serif;
background:#fff;
 color:#491d12;
}

/* kvuli zobrazeni v editoru */
.mceContentBody {
 font-size: 0.8125em;
 font-family: Arial, "Trebuchet MS", "Geneva CE", lucida, sans-serif;
 background:#fff;
 color:#491d12;
}
a {color: #e1aa00;text-decoration:underline}
a:hover, a:active, a:focus {color: #947000;text-decoration:none}
img {border: 0}

h1 {color:#000;font-size:275%;margin:0 0 15px 0;padding:0;font-weight:normal;text-transform: uppercase;}
h1 a, h1 a:hover {color:#000}

h2 {color:#000;font-size:185%;margin:0 0 5px 0;padding:0;font-weight:normal}
h2 a, h2 a:hover {color: #000;background:none}

h3 {color:#000;font-size:185%;margin:0 0 5px 0;padding:0;font-weight:normal}
h3 a, h3 a:hover {color: #000}

h4 {color:#000;font-size:100%;margin:0 0 3px 0}
h4 a, h4 a:hover {color: #000}

h5 {color:#000;font-size:100%;margin:0 0 3px 0;font-weight:bold}
h5 a, h5 a:hover {color: #000}

h6 {color:#000;font-size:100%;margin:0 0 3px 0}
h6 a, h6 a:hover {color: #000}

table, p {margin: 0 0 10px 0}
ul, ol {margin: 0 0 15px 30px; padding: 0}
ul {list-style-type: disc}
ul li, ol li{padding: 0 0 5px;}
ul ul, ol ul {padding: 5px 0 0 0; margin: 0 0 0 18px}
ul ol, ol ol {padding: 5px 0 0 0; margin: 0 0 0 23px}


hr {clear:both}

.content_class_left {text-align:left}
.content_class_right {text-align:right}
.content_class_justify {text-align:justify}
.content_class_center {text-align:center}
img.content_class_left {float:left;margin:0 5px 5px 0;display:inline}
img.content_class_right {float:right;margin:0 0 5px 5px;display:inline}

img.content_class10 {margin-top:20px !important}
img.content_class11 {margin-right:20px !important}
img.content_class12 {margin-bottom:20px !important}					
img.content_class13 {margin-left:20px !important}
img.content_class14 {border:2px solid #FFC000 !important}

.content_class0, .content_class0 a, .content_class0 a:hover {color: #ffaa00; background: none}
.content_class0 a:hover {color: #fff; background: #ffaa00}
.content_class1, .content_class1 a, .content_class1 a:hover {color: #779c00; background: none}
.content_class1 a:hover {color: #fff; background: #779c00}
.content_class2, .content_class2 a, .content_class2 a:hover {color: #491d12; background: none}
.content_class2 a:hover {color: #fff; background: #491d12}

/* TABULKY ZAROVNANI */
/* vlevo */
.content_class25 {text-align:left;vertical-align:top}  	 	 	
.content_class26 {text-align:left;vertical-align:middle}
.content_class27 {text-align:left;vertical-align:bottom}  	 	 	 	
/* vpravo */
.content_class28 {text-align:right;vertical-align:top}
.content_class29 {text-align:right;vertical-align:middle}
.content_class30 {text-align:right;vertical-align:bottom}  	 	 	 	
/* na stred  */
.content_class31 {text-align:center;vertical-align:top}  	 	 	 	
.content_class32 {text-align:center;vertical-align:middle}
.content_class33 {text-align:center;vertical-align:bottom}


/* tabulky */
table {font-size: 100%;margin:0 0 20px 0;border-collapse:collapse}
table td {padding:5px}
table th {padding:5px}
table img {margin:0 !important}

table.content_class15 { border: 2px solid #ccc; background: #EFEFEF;}
table.content_class15 td { border: 1px solid #ccc}
table.content_class15 th { background: #779c00;  color: #FFF}

table.content_class16 { border: 2px solid #c38000;background: #EFEFEF}
table.content_class16 td { border: 1px solid #c38000}
table.content_class16 th { background: #ffd482 url(../img/table-header.png) repeat-x 0 0; color: #481c11}

table.content_class17 { width:100%; margin: 0;}
table.content_class17 td { width: 50%; }