/*	---------------------------------------------------------------------------------------
	Resetovani stylu a nastavovani vychozich stylu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,body,div,span,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,caption,table,tr,th,td,thead,tbody,tfoot,p,blockquote,cite,q,abbr,acronym,address,a,em,strong,img,ins,del,dfn,kbd,pre,xmp,code,form,fieldset,legend,label,object,hr{margin:0;padding:0;}
*:focus,*:active{outline:0;border:none;}

html{background:#fff url(../images/bg-html.gif) 0 0 repeat-x;}
body{font:75%/1.5 Arial,Helvetica,sans-serif;text-align:center;color:#003333;}

a{color: #cc0000;}
a:hover,a:focus,a:active {color:#21c7b9;}
img{vertical-align:middle;background-color:#f4f4f4;}
a img, fieldset{border:none;}
input,textarea{font-family:Tahoma;}
hr{display:none;} /* oddeleni bloku pro zobrazeni bez css */
ul{list-style:none;}

table{width:100%;border-collapse:collapse;}
td,th{text-align:left;font-weight:normal;}
abbr,acronym{border-bottom:1px dotted #000; cursor:help;}

h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:100%;}
h5{font-size:89%;}
h6{font-size:60%;}

/*	---------------------------------------------------------------------------------------
	Styly pro snadnou implementaci standardnich prvku
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
.cleaner{clear:both; } /* Cistic pod floatovane prvky */
.no-screen{display:none !important;} /* Prvky pro zobrazeni bez css */

.center-text{text-align:center !important;}
.right-text{text-align:right !important;}
.justify-text{text-align:justify !important;}

/*  Prekryvani textu obrazky, oble rohy aj. (sdilene styly) ----------------------------------- */
	
#hlavicka h1, #hlavicka h2, #sloupec .banner, .pat-sediva #bannery li{position:relative;overflow:hidden;}
#hlavicka h1 span, #hlavicka h2 span, .pat-sediva #bannery li span{position:absolute;top:0;left:0;z-index:1;display:block;}

/*	---------------------------------------------------------------------------------------
	Centrovany obal webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.obal{width:940px;margin:0 auto;text-align:left;}

/*	---------------------------------------------------------------------------------------
	Horni cast (jazykove menu a hledani)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#horni-cast{height:100%;overflow:hidden;background:#999;font-size:0.95em;}
#horni-cast ul{float:left;display:inline;margin:15px 0 7px 0;}
#horni-cast ul li{display:inline;margin:0 10px 0 0;}
#horni-cast ul li a{color:#fff;}
#horni-cast ul li a:hover,#horni-cast ul li.aktivni a{color:#003333;}
#horni-cast form{float:right;display:inline;margin:10px 75px 0 0;}
#horni-cast form label{display:none;}
#horni-cast form input{font-size:0.95em;}
#horni-cast form .input-text{width:100px;padding:3px 5px;border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
#horni-cast form .input-submit{margin:0 0 0 8px;padding:0;background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;}
#horni-cast form .input-submit:hover{color:#78e8ed;border-color:#78e8ed;}
#horni-cast form .input-submit:focus,#horni-cast form .input-submit:active{color:#000;border-color:#000;}

/*	---------------------------------------------------------------------------------------
	Hlavicka
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#hlavicka{height:100%;margin:30px 0 0 0;position:relative;overflow:hidden;}
#hlavicka h1{width:572px;height:75px;float:left;font-size:2em;}
#hlavicka h1 a{text-decoration:none;color:#27c0b2;}
#hlavicka h1 a strong{margin:5px 0 0 0;padding:10px 10px 11px 98px; vertical-align:middle;font-size:2em;background:#21c7b9;color:#fff;}
#hlavicka h1 a:hover{text-decoration:none;color:#629e0b;}
#hlavicka h1 span{background:url(../images/bg-h1-logo-plain.gif) no-repeat;width:572px;height:75px;left:0;cursor:pointer;cursor:pointer;}
#hlavicka h2{width:127px;height:46px;float:right;padding:10px 0 0 0;background:#cc0000;text-align:center;font-size:1.8em;color:#fff;}
#hlavicka h2 span{width:127px;height:56px;background:url(../images/jihlava.gif) 0 0 no-repeat;}
#hlavicka address,#hlavicka p{position:absolute;top:45px;left:240px;z-index:1;font-size:1.2em;font-weight:bold;font-style:normal;color:#006666;}

/*	---------------------------------------------------------------------------------------
	Obsah webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#obsah{height:100%;width:719px;float:right;display:inline;margin:0 0 60px 0;background:url(../images/bg-obsah.gif) right 0px no-repeat;}
#obsah .ramecek{clear:both;margin:0 0 0 20px;padding:10px 0 0 0;overflow:hidden;background:url(../images/bg-ramecek.gif) 0 0 no-repeat;}

#obsah .ram a.noborder img {margin:0; padding:0;}

/*  Drobeckova navigace ----------------------------------- */

#obsah #drobky{float:right;display:inline;margin:30px 97px 20px 0;padding:0 0 0 20px;background:url(../images/bg-drobky.gif) 0 65% no-repeat;font-size:0.95em;color:#999;}
#obsah #drobky li{display:inline;margin:0 0 0 5px;}
#obsah #drobky li a{padding:0 18px 0 0;background:url(../images/bg-drobky-li.gif) right 58% no-repeat;color:#999;}
#obsah #drobky li a:hover{color:#006666;}

/*  Klasicke formatovani ----------------------------------- */

#obsah h2{margin:5px 20px 5px 20px;font-size:1.8em;}
#obsah h3{margin:5px 20px 5px 20px;font-size:1.5em;}
#obsah h4{margin:5px 20px 5px 20px;font-size:1.3em;}
#obsah p{margin:8px 20px 10px 20px;line-height:170%;}
#obsah ul{margin:15px 50px;}
#obsah ul li{margin:4px 0;line-height:140%;list-style:square;}
#obsah ul li ul,#obsah ul li ol{margin:15px 25px;}
#obsah ol{margin:15px 55px;}
#obsah ol li{margin:4px 0;line-height:140%;}
#obsah ol li ul,#obsah ol li ol{margin:15px 25px;}
#obsah table{width:690px;margin:15px 0 15px 20px;font-size:0.95em;}
#obsah table thead tr td{padding:1em;background:#21c7b9;border-right:1px solid #fff;font-weight:bold;color:#003333;}
#obsah table tr td,#obsah table tr th{padding:1em;background:#e1e1e1;border-top:1px solid #fff;border-right:1px solid #fff;}
#obsah table tr th{text-align:left;font-weight:bold;color:#09696d;}
#obsah table .sudy td,#obsah table .sudy th{background:#c8c8c8;}
#obsah .img-center, #obsah .img-left, #obsah .img-right{padding:4px;background:#eee;border:1px solid #999;}
#obsah .img-center{display:block;margin:20px auto;}
#obsah .img-left{float:left;margin:4px 10px 10px 0;}
#obsah .img-right{float:right;margin:4px 0 10px 10px;}
#obsah a:hover img{padding:5px;background:#cc0000;border:none;}

/*  Sloupce pro vystavy a aktuality ----------------------------------- */

#obsah .sloupecek{float:left;display:inline;overflow:hidden;margin:15px 0 25px 20px;}
#obsah .sloupecek .vice{font-size:0.95em;font-weight:bold;color:#006666;}
#obsah .sloupecek .vice:hover{color:#cc0000;}
#obsah .sloupecek h3{text-transform:lowercase;font-size:1em;color:#cc0000;}
#obsah .sloupecek h4{margin:3px 15px 3px 30px;font-size:1em;}
#obsah .sloupecek h4 a{color:#21c7b9;}
#obsah .sloupecek h4 a:hover{color:#cc0000;}
#obsah .sloupecek p{margin:3px 15px 3px 30px;}
#obsah .sloupecek a:hover img{padding:0;background:transparent;border:none;}
#obsah .sl-vystavy{width:320px;padding:37px 0 0 0;background:url(../images/bg-vystava.gif) 0 0 no-repeat;}
#obsah .sl-vystavy img{margin:9px 0 7px 30px;}
#obsah .sl-vystavy h4,#obsah .sl-vystavy p{width:200px;}
#obsah .sl-novinky{width:320px;padding:35px 0 0 36px;background:url(../images/bg-novinky.gif) 0 0 no-repeat;}
#obsah .sl-novinky h3{padding:1px 0;background:url(../images/bg-novinky-h3.gif) 50px 50% no-repeat;}
#obsah .sl-novinky dl{margin:0 0px 5px 30px;}
#obsah .sl-novinky dl dt{clear:both;padding:8px 0 0 0;}
#obsah .sl-novinky dl dt img{float:left;margin:0 10px 10px 0;}
#obsah .sl-novinky dl dt a{font-weight:bold;color:#21c7b9;}
#obsah .sl-novinky dl dt a:hover{color:#cc0000;}
#obsah .sl-novinky dl dd{margin:0 0 15px 0;}

/*	---------------------------------------------------------------------------------------
	Bocni sloupec
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sloupec{width:221px;float:left;display:inline;margin:0 0 40px 0;}

/*  Menu ----------------------------------- */

#sloupec #menu{margin:0 0 10px 0;padding:95px 0 155px;background:#21c7b9 url(../images/bg-sloupec-menu.gif) 0 bottom no-repeat;font-size:0.95em;}
#sloupec #menu li{margin:0 0 9px 10px;text-transform:lowercase;list-style:none;}
#sloupec #menu li a{font-size:12px;height:100%;display:block;padding:1px 20px 3px 25px;background:url(../images/bg-menu-li-a.gif) 0px 5px no-repeat;text-decoration:none;font-weight:bold;color:#fff;}
#sloupec #menu #nulta a{background-position:5px 5px;}
/*#sloupec #menu #prvni a{background-position:15px -20px;}
#sloupec #menu #druha a{background-position:15px -40px;}
#sloupec #menu #treti a{background-position:15px -60px;}
#sloupec #menu #ctvrta a{background-position:15px -80px;}
#sloupec #menu #pata a{background-position:15px -100px;}
#sloupec #menu #sesta a{background-position:15px -120px;}
#sloupec #menu #sedma a{background-position:15px -140px;}
#sloupec #menu #osma a{background-position:15px -160px;}
#sloupec #menu #devata a{background-position:15px -180px;}
*/
#sloupec #menu li a:hover,#sloupec #menu .aktivni a{text-decoration:underline;color:#000;}
#sloupec #menu li ol{margin:8px 0;}
/* #sloupec #menu li ol li{} */
#sloupec #menu li ol li a{padding-left:30px;background-image:url(../images/bg-menu-li-ul-li-a.gif);background-position:15px 0.7em !important;}
#sloupec #menu li ol li a:hover,#sloupec #menu li ol .aktivni a{background-image:url(../images/bg-menu-li-ul-li-a-hover.gif);color:#fff;}
#sloupec #menu li ol li ol li a:hover,#sloupec #menu li ol li ol .aktivni a{background-image:url(../images/bg-menu-li-ul-li-a.gif);color:#000;}
#sloupec #menu li ol li ol li a{padding-left:40px;background-position:20px 50% !important;}

/* #sloupec #menu{margin:0 0 10px 0;padding:95px 0 155px;background:#21c7b9 url(../images/bg-sloupec-menu.gif) 0 bottom no-repeat;font-size:0.95em;}
#sloupec #menu li{margin:0 0 9px 0;text-transform:lowercase;}
#sloupec #menu li a{height:100%;display:block;padding:1px 20px 3px 40px;background:url(../images/bg-menu-li-a.gif) no-repeat;text-decoration:none;font-weight:bold;color:#fff;}
#sloupec #menu #nulta a{background-position:15px top;}
#sloupec #menu #prvni a{background-position:15px -20px;}
#sloupec #menu #druha a{background-position:15px -40px;}
#sloupec #menu #treti a{background-position:15px -60px;}
#sloupec #menu #ctvrta a{background-position:15px -80px;}
#sloupec #menu #pata a{background-position:15px -100px;}
#sloupec #menu #sesta a{background-position:15px -120px;}
#sloupec #menu #sedma a{background-position:15px -140px;}
#sloupec #menu #osma a{background-position:15px -160px;}
#sloupec #menu #devata a{background-position:15px -180px;}
#sloupec #menu li a:hover,#sloupec #menu .aktivni a{text-decoration:underline;color:#000;}
#sloupec #menu li ul{margin:8px 0;}
#sloupec #menu li ul li{}
#sloupec #menu li ul li a{padding-left:50px;background-image:url(../images/bg-menu-li-ul-li-a.gif);background-position:30px 50% !important;}
#sloupec #menu li ul li a:hover,#sloupec #menu li ul .aktivni a{background-image:url(../images/bg-menu-li-ul-li-a-hover.gif);color:#fff;}
#sloupec #menu li ul li ul li a{padding-left:70px;background-position:50px 50% !important;} */

/* #sloupec #menu{margin:0 0 10px 0;padding:95px 0 155px;background:#21c7b9 url(../images/bg-sloupec-menu.gif) 0 bottom no-repeat;font-size:0.95em;}
#sloupec #menu li{margin:0 0 9px 35px;text-transform:lowercase;font-size: 1.7em;font-weight: bold;}
#sloupec #menu li a{height:100%;display:block;padding:1px 20px 3px 0px;background-repeat: no-repeat;text-decoration:none;font-weight:bold;vertical-align:middle;font-size: 0.55em;color:#fff;}
#sloupec #menu li a:hover,#sloupec #menu .aktivni a{text-decoration:underline;color:#000;}
#sloupec #menu li ol{margin:8px 0;list-style: none;}
#sloupec #menu li ol li{margin-left: 10px;}
#sloupec #menu li ol li a{padding-left:15px;background-image:url(../images/bg-menu-li-ul-li-a.gif);background-position:0 50% !important;}
#sloupec #menu li ol li a:hover,#sloupec #menu li ol .aktivni a{background-image:url(../images/bg-menu-li-ul-li-a-hover.gif);color:#fff;}
#sloupec #menu li ol li ol li{margin-left: 15px;}
#sloupec #menu li ol li ol li a{padding-left:10px;background-position:0 50% !important;} */

/*  Bannery s prekryvacim textem ----------------------------------- */

#sloupec .banner{width:221px;height:126px;display: block;text-decoration:underline;font-size:0.95em;font-weight:bold;color:#fff;}
#sloupec .banner:hover{color:#000;}
#sloupec .banner img{background:#c10b1d;font-size:2em;}
#sloupec .banner span{width:60px;height:15px;position:absolute;top: 95px;left:15px;z-index:1;display:block;text-transform: lowercase;cursor:pointer;}

/*  Newsletter ----------------------------------- */

#sloupec form{margin:10px 0 5px 0;border:6px solid #21c7b9;}
/* #sloupec form fieldset{} */
#sloupec form fieldset legend{padding:10px 10px 0 10px;text-transform:lowercase;font-size:1em;font-weight:bold;color:#21c7b9;}
#sloupec form fieldset p{margin:0 10px 5px 10px;}
#sloupec form fieldset p input{font-size:0.95em;}
#sloupec form fieldset p .input-text{width:175px;margin:0 0 6px 0;padding:4px 6px;border:1px solid #21c7b9;color:#555;}
#sloupec form fieldset p .input-submit{float:right;margin:0 0 12px 0;padding:0;background:transparent;border:none;border-bottom:1px solid #cc0000;font-weight:bold;color:#cc0000;}
#sloupec form fieldset p .input-submit:hover{color:#09696d;border-color:#09696d;}
#sloupec form fieldset p .input-submit:focus,#sloupec form fieldset p .input-submit:active{color:#000;border-color:#000;}

#sloupec form fieldset textarea {width:190px;}

/*  Odesilaci odkazy ----------------------------------- */

#sloupec .e-mailem{margin: 8px 3px;font-size:0.95em;}
#sloupec .e-mailem li{display:inline;overflow:hidden;}
#sloupec .e-mailem .napiste-nam{float:left;}
#sloupec .e-mailem .odkaz-priteli{float:right;}
#sloupec .e-mailem li a{display:block;background-repeat:no-repeat;background-position:0 55%;text-decoration:none;color:#999;}
#sloupec .e-mailem .napiste-nam a{padding:0 0 0 25px;background-image:url(../images/ikony/e-mail.gif);}
#sloupec .e-mailem .odkaz-priteli a{padding:0 0 0 45px;background-image:url(../images/ikony/odkaz-priteli.gif);}
#sloupec .e-mailem li a:hover{text-decoration:underline;color:#09696d;}
#posli-link textarea, #napiste textarea {
  width:180px;
}
#posli-link input, #napiste input {
  width:190px;
}
#posli-link fieldset, #napiste fieldset {width:185px; padding:5px 0 5px 5px;}

/*	---------------------------------------------------------------------------------------
	Paticka (Trosku slozita, ale co se da delat)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.paticka{width:100%;clear:both;font-size:0.95em;}
.paticka .centrovany{width:940px;margin:0 auto;overflow:hidden;text-align:left;}
.paticka p{line-height:175%;}
.pat-sediva{background:#ccc url(../images/bg-pat-sediva.gif) 0 bottom repeat-x;color:#666;}
.pat-sediva p{width:450px;float:left;margin:15px 0 20px 0;}
.pat-sediva #bannery{float:right;font-size:1.2em;font-weight:bold;}
.pat-sediva #bannery li{width:187px;height:82px;float:left;display:inline;margin:8px 0 0 5px;}
.pat-sediva #bannery li a{display:block;padding: 10px 0 0 10px;color:#fff;}
.pat-sediva #bannery li a:hover{color:#c0070d;}
.pat-sediva #bannery li a span{width:187px;height:82px;background-position:0 0;background-repeat:no-repeat;cursor:pointer;}
.pat-sediva #bannery #kam-v-jihlave{background:#ff9900;}
.pat-sediva #bannery #kam-v-jihlave a span{background-image:url(../images/bannery/kam-v-jihlave.png);}
.pat-sediva #bannery #kalendar{background:#999;}
.pat-sediva #bannery #kalendar a span{background-image:url(../images/bannery/kulturni-a-sportovni-kalendar.png);}
.pat-sedivejsi{padding:15px 0 130px 0;background:#999;color:#fff;}
.pat-sedivejsi p{width:940px;margin:0 auto;text-align:left;}
.pat-sedivejsi a{color:#fff;}
.pat-sedivejsi a:hover{color:#c10b1d;}

/*  Styly pro podruzny web ----------------------------------- */

.gm{overflow:hidden;background:url(../images/gm/bg-gm.gif) 73% bottom no-repeat;}
.gm #hlavicka h1 span{background-image:url(../images/gm/bg-gm-h1-logo-plain.gif);}
.gm #sloupec #menu{background-image:url(../images/gm/bg-gm-menu.gif);background-color:#09696d;}
.gm #sloupec #menu li a{background-image:url(../images/gm/bg-gm-menu-li-a.gif);}
.gm #sloupec #menu li ol li a{background-image:url(../images/bg-menu-li-ul-li-a.gif);}
.gm #sloupec #menu li ol li a:hover,.gm #sloupec #menu li ol .aktivni a{background-image:url(../images/bg-menu-li-ul-li-a-hover.gif);}
.gm #sloupec #menu li ol li ol li a:hover,.gm #sloupec #menu li ol li ol .aktivni a{background-image:url(../images/bg-menu-li-ul-li-a.gif);}
.gm #sloupec .banner span{top: 7px;left: 155px;}
.gm #hlavicka h1 a strong{padding-left:133px;background:#09696d;}

.fotogalerie_img_box {margin:0 0 5px 5px; float:left; width:140px; height:170px; text-align:center; font-size:11px; padding:5px; border:1px solid #eee; line-height:1;}
.fotogalerie_img_box:hover {background:#eee;}
#obsah .ramecek a.noborder img {margin:0; padding:0;}
.fotogalerie_img_box img {margin:0; padding:0; text-align:center; vertical-align:middle; float:none; clear:both;}
.fotogalerie_img_box span {font-style:italic;}
.fotogalerie_img_box .fotogalerie_img {margin:0; padding:0; text-align:center; vertical-align:middle; height:125px;}

.novinky {margin:10px 0 0 0; padding:0;}
.novinky h3 {padding:10px 0 0 0; border-top:1px solid #ccc;}

#soubory {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0;}
#soubory li {display:list; float:none; clear:both; line-height:30px; list-style-type:circle;}
#soubory li img {vertical-align:middle;}
#soubory li a {color:#000;}
#soubory li span {color:#888;}

/*  Anketa ------ */

.anketa {width:195;margin: 5px 0px 10px 0px; padding:5px 0;}
.anketa p {padding-top:5px;font-size:1em;font-weight:bold;color:#21c7b9;}
.anketa dl {width:189px; padding:5px 10px;}
.anketa dl dt a{width:90px;float:left;}
.anketa dl dt span{width:93px;float:right;text-align:right;}
.anketa dl dd{width:100%;clear: both; margin-top:5px;}
.anketa dl dd span{overflow:hidden;height:10px;display:block;}
.anketa dl dd span{background:red;}