/* Reset okrajů všech elementů */
* {
 font-family: Verdana; font-size: 10pt;
}

html, body, p, form, input, radio, checkbox {
 margin: 0px; padding: 0px;
}

body {
 background-image: url(../grafika/layout/pozadi.jpg); background-repeat: repeat-y;
 background-size: auto; background-position: center
}

div.cleaner {
 clear: both
}


#fotoalbum {
 color: #474747; padding: 20px;
}


#detail_fotoalbum {
 padding: 20px; 
}

div.fotoalbum {
 float: left; margin-left: 20px; margin-bottom: 20px
}

div.pravy_panel_prispevek {
 width: 308px; margin-top: 20px;
 overflow: hidden; text-align: left
}

div.pravy_panel_prispevek iframe {
 width: 308px; height: 200px
}

div.publish_right {
 width: 800px;
 float: left;

}

#sponzori {
 color: #474747; padding: 20px;
}

div.sponzori {
 margin-bottom: 20px
}


#download {
  padding: 20px;
}

select.dokumenty_download {
width: 540px; border: 1px solid #9F9E9D;
margin-top: 2px; background-color: #fdf793;
font-size: 8pt;
}

select.kategorie_download {
width: 540px; border: 1px solid #9F9E9D;
margin-top: 2px; background-color: #fdf793;
font-size: 8pt;
}

#akce {
  padding: 20px;
}

#program {
  padding: 20px;
}


#detail_akce {
 padding: 20px
}

#detail_program {
 padding: 20px
}

#detail_akce_prihlaska {
 padding: 20px
}

#detail_akce_prihlaska {
 line-height: 1.5em;
 overflow-x: hidden;
 padding: 5px 25px 5px 25px;
}

div.hlavicka_tabulky {
background-color: #edded4;
font-weight: bold; line-height: 20px; border-bottom: 1px solid white; padding: 3px 0px 3px 0px
}

div.vzdelavani {
 background-color: #fdf793;
 border-bottom: 1px solid #ba9980;
}


#textovy_clanek {
 color: #474747; padding: 20px;
}

div.textovy_clanek {
 background-color: #e8e8e8; padding: 10px;
  margin-bottom: 20px
}

#onas {
 color: #474747; padding: 20px;
}

#detail_onas {
 line-height: 1.5em;
 overflow-x: hidden;
 padding: 20px; 
}


div.onas {
 background-color: #e8e8e8; margin-bottom: 20px; 
 float: left; width: 230px; margin-left: 30px
}

div.nadpis_onas {
 width: 230px; height: 40px; background-color: #e5e6e7; line-height: 40px; text-align: center;
 border: 3px solid #e8e8e8
}

div.obrazek_onas {
width: 230px; height: 230px; 
background-repeat: no-repeat; 
background-size: cover; 
background-position: center;
border: 3px solid #e5e6e7
}



#detail_textovy_clanek {
 line-height: 1.5em;
 overflow-x: hidden;
 padding: 20px; 
}

#vyrobky {
 color: #474747; padding: 20px;
}

#detail_vyrobky {
 line-height: 1.5em;
 overflow-x: hidden;
 padding: 20px; 
}

#dotaznik {
 color: #474747; padding: 20px;
}


div.polozka_zbozi_suda {
 float: left; width: 30%; height: 315px; 
 margin: 15px 0px 15px 0px;
 border-right: 1px dotted silver;
}

div.polozka_zbozi_licha {
 float: left; width: 33%; height: 315px; 
 margin: 15px 0px 15px 0px;
 border-right: 0px dotted silver;
}

div.polozka_zbozi_suda_admin {
 float: left; width: 33%; height: 315px; 
 margin: 15px 0px 15px 0px;
 border-right: 1px dotted silver;
}

div.polozka_zbozi_licha_admin {
 float: left; width: 33%; height: 315px; 
 margin: 15px 0px 15px 0px;
 border-right: 0px dotted silver;
}

#projekty {
 color: #474747; padding: 20px;
}

div.projekty {
 background-color: #e8e8e8; padding: 10px;
  margin-bottom: 20px
}


#detail_projekty {
 line-height: 1.5em;
 overflow-x: hidden;
 padding: 20px; 
}


div.layout {
 width: 100%;
 position: relative;
 background-color: white;
 /* background-image: url(../grafika/layout/pozadi-texty.png); background-repeat: no-repeat;
 background-position: center top; background-size: auto */
}

div.header {
 width: 1313px;
 position: relative;
 margin: auto;
 background-color: #ffffff;
}

div.obrazek_container {
 width: 140px; height: 100px; float: left; 
 margin-left: 10px; margin-bottom: 10px;
 background-size: cover; overflow: hidden; 
 background-repeat: no-repeat; background-position: center center;
}

div.obrazek_container_noborder {
 width: 140px; height: 100px; float: left; 
 background-size: cover; overflow: hidden; 
 background-repeat: no-repeat; background-position: center center;
}

div.zapati {
 width: 1311px;
 position: relative;
 margin: auto;
 margin-top: 20px;
}

div.textovy_prispevek {
 color: #474747; padding: 20px
}

#kontakty {
 color: #474747; padding: 20px
}


div.kontakty {
 padding: 15px 15px 15px 15px;
 line-height: 1.5em;
}

div.kontakty div {
 font-size: 9pt
}

p.nadpis_prispevku {
 font-size: 12pt; font-weight: bold;
}

p.nadpis_prispevku_search {
margin-top: 20px;
font-size: 14pt; font-weight: bold;
}

div.logo {
 background-image: url(../grafika/layout/banner-03.jpg);
 width: 980px; height: 220px; float: left;
 background-repeat: no-repeat; background-size: contain
}

div.vyhledavani {
position: absolute; right: 1px; top: 168px; width: 200px; height: 32px; background-color: #e7e7e7;

/*float: right; margin-top: 150px; */
}

input {margin: 0px; border: 1px solid black}

input.input_hledej {
 border: 0px; height: 32px; background-color: #e7e7e7; width: 140px; margin-left: 10px;
}

div.slideshow_banner {
 width: 1313px; height: 415px;
 margin: auto; margin-top: 35px;
 position: relative;
}

div.slideshow_banner:before {
    content: '';
    position:absolute;
    width:100%;
    height:100%;
}

div.div_slideshow {
 width: 1313px; height: 415px;
 margin: auto; margin-top: 35px;
 position: relative; overflow: hidden;
}

div.div_slideshow div {
 width: 1313px; height: 415px; background-position: center; background-repeat: no-repeat;
 background-size: cover;
}

div.dulezite_odkazy {
 float: left; width: 141px; height: 141px; margin-right: 15px; padding: 10px
}

div.menu_level2 {
 float: left; width: 141px; height: 71px; margin-right: 15px; padding: 8px;
 opacity:0.90; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=90)"; /* IE 8 */
filter:alpha(opacity=90); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}


div.menu_level2:hover {
 opacity: 0.95; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=95)"; /* IE 8 */
filter:alpha(opacity=95); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

div.menu_level2  a {
 color: black; font-weight: bold; text-decoration: none; font-size: 9pt
}

div.menu_level2_active {
 float: left; width: 141px; height: 141px; margin-right: 15px; padding: 8px;
 opacity:0.95; /* firefox, opera, safari, chrome */
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=95)"; /* IE 8 */
 filter:alpha(opacity=95); /* IE 4, 5, 6 and 7 */
 zoom:1; /* so the element "hasLayout"
 /* or, to trigger "hasLayout" set a width or height */
 cursor: pointer;
}

div.menu_level2_active:hover {
 opacity: 1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

div.menu_level2_active  a {
 color: black; font-weight: bold; text-decoration: none; font-size: 9pt
}

div.menu_level3 {
 line-height: 1.5em
}


div.menu_level3 a {
 color: black; font-weight: normal; text-decoration: none; font-size: 10pt
}

div.menu_level3_publish {
 height: 30px; line-height: 30px; 
padding-left: 20px; padding-right: 20px; 
text-align: center; margin-right: 10px; margin-bottom: 10px; display: inline-block
}


div.menu_level3_publish a {
 color: black; font-weight: bold; text-decoration: none; font-size: 10pt
}



#novinky {
 width: 100%;
 margin: auto;
}

#detail_novinky {
 padding: 20px; 
}

div.cont_obrazek_novinka {
width: 230px; height: 230px; 
background-repeat: no-repeat; 
background-size: cover; 
background-position: center;
border: 3px solid #e5e6e7
}



div.obrazek_novinka {
width: 230px; height: 230px; 
background-repeat: no-repeat; 
background-size: cover; 
background-position: center
}


div.novinky {
 float: left; width: 220px; 
 margin-left: 25px; margin-bottom: 20px;
}


#zastupci {
 width: 1313px;
 position: relative;
 margin: auto;
 background-color: #ffffff;
 margin-top: 40px; /*background-color: yellow;*/
}

div.zastupci {
 float: left; margin-left: 10px; margin-bottom: 10px;
}

div.zastupci_text {
 height: 43px; line-height: 43px; padding: 0px 22px
}


div.zastupci.ikona {
 position: relative;
}

div.zastupci.ikona div.admin {
 position:relative; z-index:100
}

div.zastupci.ikona a {
 display: block; width: 100%; height: 100%;
}

div.zastupci_text.ikona {
 background-repeat: no-repeat; background-position: center;
 background-size: auto; position: absolute; top: -20px; height: 75px
}


a.zastupci {font-weight: bold; font-size: 10pt; text-decoration: none; color: black}


 a.detail_akce:active {font-family: Verdana; color: #4f3a06; font-weight: normal}
 a.detail_akce:link {font-family: Verdana; color: #4f3a06; font-weight: normal}
 a.detail_akce:visited {font-family: Verdana; color: #4f3a06; font-weight: normal}

 a.detail_akce {text-decoration: underline; font-size: 9pt; font-weight: normal}
 a.detail_akce:hover {text-decoration: none; color: black; font-weight: normal}


a {text-decoration: underline; color: #474747}
a:hover {color: black; text-decoration: none;}

a.odkaz {text-decoration: underline; color: #474747}
a.odkaz:hover {color: black; text-decoration: none;}

a.nadpis_pozadi { text-decoration: none; color: #474747}
a.nadpis_pozadi:hover {color: black; text-decoration: none;}

a.odkaz_projekt { text-decoration: none; color: #474747}
a.odkaz_projekt:hover {color: black; text-decoration: none;}


#zajimavosti {
 width: 1103px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
}

div.zajimavosti {
 width: 533px; overflow: hidden; margin-bottom: 20px
}

div.zajimavosti iframe {
 width: 100% !important;
 height: 355px; !important
}

#banner_novinky {
 width: 1350px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
 position: relative;
}

#banner_fbnews {
 width: 1103px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 20px;
}


.image_banner_novinky{
	width: 1103px;
	height: 270px;
	overflow: hidden;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

div.div_obrazek_banner_novinky {
 background-repeat: no-repeat;
 width: 270px; height: 270px; 
 overflow: hidden !important; 
 background-position: center center;
 float: left; background-color: black;
}



img.banner_novinky_nic_gif {
 height: 220px; width: 270px;
}


div.div_obrazek_fotoalbum {
 background-repeat: no-repeat; 
 width: 240px; height: 240px; 
 overflow: hidden !important; 
 background-position: center center;
 float: left; background-color: black;
}



img.fotoalbum_nic_gif {
 height: 190px; width: 270px;
}

/*
.image_banner_novinky div, .image_banner_novinky div div{
	left: 0px !important;
	width: 100% !important;
}
*/

div.banner_novinky_nazev_obrazku {
 background-color: black; width: 100%; height: 50px; 
 line-height: 44px; overflow: hidden; 
 padding-right: 10px;
 font-size: 10pt !important; text-align: center;
 z-index: 2000;
 color: white;
 opacity:0.70; 
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
 filter:alpha(opacity=70);
 zoom:1; /* so the element "hasLayout"
 /* or, to trigger "hasLayout" set a width or height */
}

div.banner_novinky_nazev_obrazku span {
 display: inline-block;
 vertical-align: middle;
 line-height: 16px; font-size: 9pt;
 padding-left: 10px; padding-right: 10px;
}

/*



.image_banner div, .image_slideshow div div{
	left: 0px !important;
	width: 100% !important;
}

img.banner_novinky{
	height: 550px;
	width: 100%;
}


/*
div.div_obrazek_novinky {
 background-repeat: no-repeat; 
 width: 100%; height: 550px; 
 overflow: hidden; 
 background-position: center center;
}

img.banner_nic_gif {
 height: 495px; width: 100%;
}
*/



 /* Stránkování */
#stranky {
 cursor: pointer; display: inline-block; 
 width: 25px; height: 25px; line-height: 25px;
 font-size: 90%; margin: 5px
}

#stranky:hover {background-color: #d4ddfe}

div.stranka_active {
 border: 1px solid #6d6e71; background-color: #d4ddfe; margin-right: 5px
}

div.stranka_disable {
border: 1px solid #6d6e71; background-color: #aeafb1; margin-right: 5px
}


div.odstranit_opakujici_udalost {
 display: none; text-align: left;
 font-size: 8pt;
}

div.odstranit_opakujici_udalost div, form {
 font-size: 8pt;
}

div.pridat_otazku {
 font-size: 7pt; font-weight: bold; cursor: pointer; color: #c63c3f;
}

div.pridat_otazku:hover {
 color: black
}


/******************************************************************************************************************************/
/********************************************************** Kolotoč - Start **************************************************/
/******************************************************************************************************************************/
.image_carousel a.odkaz_sponzor {
	display: block; float: left;
}


.image_carousel {
	padding: 5px 0px 15px 50px;
	position: relative;
	text-align: center;
}


.image_carousel img {
	border: 3px solid white;
	background-color: white;
	padding: 0px;
	margin: 7px;
	display: block;
	float: left;
	
}


.image_slideshow {
	padding: 5px 0px 15px 20px;
	/* position: relative;*/
	text-align: center;
	/* background-color: yellow */
}

.image_slideshow img {
	border: 0px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}


a.next {
	background: url(../grafika/layout/next.png) no-repeat transparent;
	width: 71px;
	height: 122px;
	display: block;
	position: absolute;
	top: 75px;
	right: 0px;
}

a.prev {
	background: url(../grafika/layout/back.png) no-repeat transparent;
	width: 71px;
	height: 122px;
	display: block;
	position: absolute;
	top: 75px;
}


a.prev {			left: 20px;
					/*background-position: 0 0;*/ }
/*					
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
*/
a.next {			right: 20px;
					/*background-position: -50px 0;*/ }
/*					
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
*/
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center; 
} 
.pagination a {
	background: url(../grafika/layout-stranky/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}

.clearfix {
	float: none;
	clear: both;
}

img.aplikovat_pruhlednost1 {

opacity:1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

img.aplikovat_pruhlednost2 {

opacity:0.60; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* IE 8 */
filter:alpha(opacity=60); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}


a.aplikovat_pruhlednost1 {

opacity:1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

a.aplikovat_pruhlednost2 {

opacity:0.70; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* IE 8 */
filter:alpha(opacity=70); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}


div.aplikovat_pruhlednost1 {
opacity:1; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */
filter:alpha(opacity=100); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}

div.aplikovat_pruhlednost2 {

opacity:0.60; /* firefox, opera, safari, chrome */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* IE 8 */
filter:alpha(opacity=60); /* IE 4, 5, 6 and 7 */
zoom:1; /* so the element "hasLayout"
/* or, to trigger "hasLayout" set a width or height */
cursor: pointer;
}


/******************************************************************************************************************************/
/********************************************************** NAVIGACE - Start **************************************************/
/******************************************************************************************************************************/

div.navigace {
 width: 1313px;
 position: relative;
 margin: auto;
 background-color: #ffffff;
 margin-top: 10px
}

/*
ul.myMenu { list-style: none; margin: 0px; padding: 0px}
li.nav1 { list-style:none; margin: 0px; padding: 0px; float: left; margin-left: 30px}
*/

a.nav1 { font-size: 12pt; color: #898888; text-decoration: none }
a.nav1:hover {color: black}
a.nav1_active { font-size: 12pt; color: #898888; text-decoration: none; color: black }
a.nav1_empty {  font-size: 12pt; color: #898888; text-decoration: none; color: black}

/******************************************************************************************************************************/
/********************************************************** NAVIGACE - Konec **************************************************/
/******************************************************************************************************************************/


/******************************************************************************************************************************/
/************************************************** JQUERY - Uživatelské rozhraní - Start *************************************/
/******************************************************************************************************************************/

.ui-dialog {text-align: left; line-height: 1.5em}
.ui-dialog .dialog {font-size: 8pt}
.ui-dialog .dialog b {font-size: 8pt}


.ui-autocomplete {
 z-index: 100000 !important;
 text-align: left;
 max-height: 180px; overflow-y: auto; overflow-x: hidden;
 min-width: 250px;
}

.ui-autocomplete-input {
/* background-image: url(../grafika/ikony/collapse_ico_right_silver.gif);
 background-repeat: no-repeat;
 background-position: right top;
*/
 padding-right: 15px;
}

.ui-autocomplete-category {    
 font-weight: bold;   
 padding: .2em .4em;   
 margin: .2em 0 .2em;  
 line-height: 1.5;  
}

div.ui-tooltip {
    max-width: 400px;
	min-width: 200px;
	text-align: left;
}

.ui-tooltip b {
    font-size: 7pt;
}

.tooltip-inner {
 white-space: pre-wrap;
}

.ui-tooltip span {
 font-weight: bold; font-size: 7pt; color: brown
}


/******************************************************************************************************************************/
/************************************************** JQUERY - Uživatelské rozhraní - Konec *************************************/
/******************************************************************************************************************************/


/* Admin panel */
td.admin_panel_left { width: 30px; height: 24px; background-image: url(../grafika/layout-stranky/admin_panel_left1.gif); background-repeat: no-repeat }
td.admin_panel_right { width: 30px; height: 24px; background-image: url(../grafika/layout-stranky/admin_panel_right1.gif); background-repeat: no-repeat}
td.admin_panel_center {height: 24px; background-image: url(../grafika/layout-stranky/admin_panel_center.gif); background-repeat: repeat-x}
#admin_panel { line-height: 18px; height: 24px; font-size: 8pt}
div.admin_panel_button {display: inline; margin-right: 15px; margin-left: 15px; color: white; cursor: pointer; font-size: 8pt}
div.admin_panel_button:hover {color: yellow; cursor: pointer}
div.admin_panel_cara {display: inline; width: 4px; color: white}

/* Seznamy */
ol {margin: 5px 0px 0px 34px;}
ul {margin: 5px 0px 0px 34px;}


div.layout_center { width: 984px; margin-left: auto; margin-right: auto; }
div.content { width: 984px; text-align:left;}


/* Format - Hyperlinků */
 
 a.tm:active {font-family: Verdana; color: white; FONT-SIZE: 8pt;}
 a.tm:link {font-family: Verdana; color: white; FONT-SIZE: 8pt;}
 a.tm:visited {font-family: Verdana; color: white; FONT-SIZE: 8pt;}

 a.tm {text-decoration: none; FONT-SIZE: 8pt;}
 a.tm:hover {text-decoration: none; color: yellow; FONT-SIZE: 8pt;}
 
 a.interest:active {font-family: Verdana; color: #474747; FONT-SIZE: 10pt}
 a.interest:link {font-family: Verdana; color: #474747; FONT-SIZE: 10pt;}
 a.interest:visited {font-family: Verdana; color: #474747; FONT-SIZE: 10pt;}

 a.interest {text-decoration: none; FONT-SIZE: 10pt;}
 a.interest:hover {text-decoration: none; color: black; FONT-SIZE: 10pt;}

div.zpetka {
cursor: pointer; font-weight: bold; color: black
}

div.zpetka:hover {
cursor: pointer; font-weight: bold; color: #c75c2c
}