/*Základní struktura*/
body, html { height: 100%; margin: 0px; padding: 0px; font-family:Arial;font-size: 1em;color: #424242; text-align: center;}
@font-face {
	font-family: 'titilliumregu';
	src: url('titilliumregu.eot');
	src: url('titilliumregu.eot?#iefix') format('embedded-opentype'),
		 url('titilliumregu.woff2') format('woff2'),
		 url('titilliumregu.woff') format('woff'),
		 url('titilliumregu.ttf') format('truetype');
		 font-weight: normal;font-style: normal;}
@font-face {
	font-family: 'titilliumbold';
	src: url('titilliumbold.eot');
	src: url('titilliumbold.eot?#iefix') format('embedded-opentype'),
		 url('titilliumbold.woff2') format('woff2'),
		 url('titilliumbold.woff') format('woff'),
		 url('titilliumbold.ttf') format('truetype');
		 font-weight: 700;font-style: normal;}
@font-face {
	font-family: 'titilliumsemibold';
	src: url('titilliumsemibold.eot');
	src: url('titilliumsemibold.eot?#iefix') format('embedded-opentype'),
		 url('titilliumsemibold.woff2') format('woff2'),
		 url('titilliumsemibold.woff') format('woff'),
		 url('titilliumsemibold.ttf') format('truetype');
		 font-weight: 600;font-style: normal;}
body {
	background: -webkit-linear-gradient(#b3e4f9, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#b3e4f9, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#b3e4f9, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#b3e4f9, #fff); /* Standard syntax */
	background-repeat: no-repeat;
	background-position:0px 232px;
	background-size: 100% 642px;
}
a {color: #00549a; font-weight: bold;}
.hidden{visibility: hidden;}
#mobileblock{overflow: hidden; margin: auto;}
#container {max-width: 1200px; text-align: left; display: block; margin: 0px auto 10px auto; z-index: 50; clear: both;}
#content {width:78%; min-height: 100%; float: right;}
#content a:hover{color: #575757; text-decoration: none;}
#content h1 {margin: 0;	padding: 0 0 10px 0; color: #385662; font-size: 1.6em; font-family: titilliumsemibold;}
#content h2 {margin: 0;	padding: 0 0 8px 0;	color: #385662; font-size: 1.2em; font-family: titilliumbold;}
#content h3 {margin: 0;	padding: 0 0 8px 0;	color: #385662; font-size: 1em; font-family: titilliumsemibold;}
#content p {text-align: left;}
#content a.thickbox {text-decoration: none;}
#content .kotva {/*display: none;*/ visibility: hidden;	display: block;	height: 2px;clear: both; float: none;padding:2px 0px;}
#content .kotva span {display: none;}
.cl{clear: both; float: none;}
.clr{clear: right; float:none;}
.cll{clear: left; float:none;}
.imgl, .img_left {float: left; padding:2px; border: solid 1px #00549a; background-color: #fff; margin: 0 20px 10px 10px;}
.imgr, .img_right {float: right; padding:2px; border: solid 1px #00549a; background-color: #fff; margin: 0 10px 10px 20px;}
.imgc, .img_center {display: block; text-align:center; padding:2px; margin: 0px auto 2px auto;}
.imgc img, .img_center img{padding: 2px; background: #fff; border: solid 1px #00549a;}
#footer {color: #fff; height: 116px; clear: both;background: url('/media/images/footer.png')repeat-x #00599c; font-family: titilliumregu;}
#footer a{color: #fff; font-weight: normal;}
#footer .copyright{max-width: 1200px; margin: auto; font-size: 0.9em;}
#footer .copyright .spanl{position:relative; top: 40px; text-align:left; float:left; margin-left:0.6em}
#footer .copyright .span{position:relative; top: 55px; text-align: left; float:right; margin-right:0.6em}
/*Základní struktura END*/
/*kontaktní formulář*/
#kontaktForm label{width:150px; display: inline-block;}
#kontaktForm input{width: 150px;}
#kontaktForm textarea{width: 150px;}
#kontaktForm span{color: red;}
/*kontaktní formulář END*/
/*aktuality*/
#aktuals .rightbox_top{text-align: left; padding: 5px 20px; font-size: 13px; font-weight:bold; margin-bottom: 5px;}
.rightbox{text-align: left;padding: 0 10px 5px 10px; margin-right: 10px;}
/*.rightbox::-webkit-scrollbar{width:10px;}
.rightbox::-webkit-scrollbar-thumb{background-color:#2f883c;border-radius:5px;border: 1px solid #2c7837}
.rightbox::-webkit-scrollbar-thumb:hover{background-color:#349742;border:1px solid #1d6027;}
.rightbox::-webkit-scrollbar-thumb:active{background-color:#3aaa4a;border:1px solid #1d6027;}
.rightbox::-webkit-scrollbar-track{border:1px gray solid;border-radius:5px;-webkit-box-shadow:0 0 6px green inset;}
*/
.akt_top{margin-bottom: 5px;}
.akt_img{float:left; background:#fff; padding:2px; border: 1px solid #003b6c; margin-right: 10px;}
.akt_txt{margin-top: 10px; line-height: 1.5em;}
.rightbox_bottom{clear:both; float:none;}
.rightbox .pagination{text-align: right; margin: 15px;}
.rightbox .datum{color: #003b6c; padding-right: 5px; font-weight: bold;}
.rightbox .nadp{font-weight:bold; padding-right: 5px;}
/*aktuality END*/
/*fotogalerie*/
.gal_imgs{display:block; margin: 0 auto; text-align: center;}
.gal_imgs img {margin: 5px; border: 1px solid #7a371f; min-width:100px; height:113px}
#galery_table{margin: 0 auto; text-align:center;}
#content .img_c img {border: 2px solid #003b6c; }
/*fotogalerie END*/
/* CSS pro Google mapu, youtube videa */
.levo{float: left; padding: 13px 20px 10px 10px;}
.pravo{float: right; padding: 13px 10px 10px 20px;}
.gmap {width: 100%; height: 100%; margin-top: 5px; font-family:'Tahoma','Arial',ceverdana,arialregular; border: solid 1px; }
.vgmap .mapa{margin:0 15px 15px 35px; display: inline-block; padding-bottom: 15px;}
#gmp{ font-family:'Arial'}
.mapcan { height: 100% }
/* CSS pro Google mapu, youtube videa END*/
/* grafika frameworku */

#up{height:280px;}
#upconteiner{max-width:1200px; margin:auto;}
#upconteiner #uvodni{float: left; text-align: left; display:inline-block; margin-top: 50px; position: static;}
#upconteiner #uvodni #rotas{color: #00549a; font-size: 2.8em; font-family: titilliumbold;}
#upconteiner #uvodni ul{padding:0; margin:0 0 0 30px;}
#upconteiner #uvodni ul li{color: #18aeec; font-size: 1.6em; font-family: titilliumsemibold;}
#upconteiner #uvodni ul li span{color: #242424;}
#up .uphr{height:3px; background:url('/media/images/hr.png') repeat-x; clear: both;}
#up img{float: left; position: relative; top: 28px;}
#up #corner{background:url('/media/images/corner.png') no-repeat; position: absolute; top:0px; right:0px;  width: 546px; height: 491px; z-index:-1;}
/*flag*/
.flags{position: relative; top: 80px; right: 20px; z-index: 18; float: right; display:inline; height: 25px; font-size: 8px; margin: 0;padding: 0; white-space: nowrap;}
.flags li{display: inline;list-style-type: none;}
.flags li#cs span{width: 43px; height: 25px; position: absolute; top: -10px; right: -5px;z-index: 13;display: block; background: url('/media/images/flag_cs.png') no-repeat left top}
.flags li#en span{width: 43px; height: 25px; position: absolute; top: -10px; right: -5px; z-index: 14;display: block; background: url('/media/images/flag_en.png') no-repeat left top}
.flags li#cs{width: 43px; height: 25px; position: absolute; top: 0px; right: 43px; z-index: -1;display: block; }
.flags li#en{width: 43px; height: 25px; position: absolute; top: 0px; right: 0px;z-index: -1;display: block;}
/*flag end*/
/* menu */
#menu {width: 20.6%; float:left;}
#upmenu{height: 24px; background: url('/media/images/upmenu.png') no-repeat; margin-bottom: 1px;}
#menu ul li {margin-top:1px}
.mainmenu, .submenu {list-style: none; padding: 0; margin: 0;}
.mainmenu a {display: block; background-color: #00549a; text-decoration: none; padding: 0.6em; color: #fff; font-weight: normal; text-transform: uppercase;}
.mainmenu a:hover {background-color: #18aeec;}
.mainmenu li:hover .submenu {display: block; max-height: 600px;}
.mainmenu li.li_active .submenu{display: block; max-height: 600px;}
.mainmenu li.li_active a{background-color: #18aeec;}
.mainmenu li .submenu a {background-color: #91d8f6; color: #00549a; font-size: 0.95em; text-transform: none; text-indent: -1.25em; padding-left: 1.85em}
.mainmenu li .submenu a::before{content: "--- ";}
.submenu a:hover {background-color: #91d8f6; color: #00549a;}
.submenu {overflow: hidden; max-height: 0; -webkit-transition: all 0.5s ease-out;}
/* END menu */
.obrazl{float:left; margin: 0 10px 10px 0;}
.obrazp{float:right;}
.image, .tdimg{text-decoration: none; font-family: titilliumregu; font-size: 1.6em;font-weight: normal; text-transform: uppercase; position:relative;}
.evenWidth td.tdimg{padding: 0px; margin: 0px; background:rgba(0,0,0,0);}
.vlindex{width:305px;}
.vlindex img{float:left;border-bottom: #fff 5px solid}
#content p.poo,#content span.poo{width:100%; position:absolute; top:35px; text-align:center; padding: 1.2em 0; text-decoration: none; color: #fff;}
#content span.poo{display:inline-block; margin: 1em 0; font-weight: normal;}
#content .pose p.poos,#content .pose p.poosr, #content p.poo, #content span.poo{
	background: -webkit-linear-gradient(left, rgba(0,84,154,0.78) , rgba(24,174,236,0.78)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(0,84,154,0.78) , rgba(24,174,236,0.78)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(0,84,154,0.78) , rgba(24,174,236,0.78)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, rgba(0,84,154,0.78) , rgba(24,174,236,0.78)); /* Standard syntax (must be last) */
}
#content .pose p.poos,#content .pose p.poosr{float:left;width: 350px; padding: 0.5em; text-decoration: none; text-align:center; font-family: titilliumregu; font-size: 1.2em;font-weight: normal; text-transform: uppercase; display:inline-block;}
#content .pose p.poosr{float:right;}
#content .pose p.poos a,#content .pose p.poosr a{color:#fff;}
.evenWidth{width:305px; background:#18aeec; margin: 0 4px 5px 0; float:left; border-collapse: collapse;}
.evenWidth, .tinytable, .tinyconttable{color: #000; font-size:0.9em;}
.tinytable,.tinyconttable{width:95%; margin: auto;}
.evenWidth td{padding: 0.5em 0.5em;}
.tinytable td{padding: 0.1em 0.5em;}
.even, .tinycelleven,.tinyroweven{background:#b5e5f9;}
.odd, .tinycellodd,.tinyrowodd{background:#e9f7fd;}
.tinyconttable .tinyroweven td,.tinyconttable .tinyrowodd td{width:25%;vertical-align: top;}
.tinyconttable p, .tinyconttable a{padding: 0 2px;}
.tinyconttable .klang{position: relative; top: 5px; left: 5px;}

.tinyemptyrow{padding: 1em;}
.tinythead, .tinycellthead{background:#00549a; color: #fff;}
.tinyOpCell{width: 15%; vertical-align: top;}
.tinyStCell{width: 25%; vertical-align: top;}
.pdf{float:left; margin-right: 10px;}
.lisy{padding: 2px; background:#fff; border: 1px solid #00549a; display: inline-block;}
#mista{margin: 15px 0;}
#mista strong{font-weight: normal; font-family: titilliumregu; text-transform: uppercase; padding: 0 15px; font-size: 1.2em; display: inline-block;}
#mista .hrmista{height: 2px; background: #00549a; border: none;}
#mista .misto{font-family: titilliumregu; color: #00549a; margin: 0.5em 0; padding: 0 15px; font-size: 1.1em;}
#mista .mispopis, #mista .mispozad{padding: 0 30px; margin:0;}
#mista .mispopis span, #mista .mispozad span{font-family: titilliumsemibold;color: #00549a;font-size: 1.1em;}
#mista .mistoh{font-family: titilliumbold; color: #00549a; margin: 0.5em 0; padding: 0 15px; font-size: 1.2em;}
#itemContainer{list-style: none; padding: 0;}
#itemContainer li {margin:0; padding: 0; display: inline-block;}
.imgf{float:left; margin: 7px; border: solid 1px #00549a}
#toggle{display:none; visibility: hidden;}
/* Respozivita webu pro mobilní zařízení

@media screen and (min-width: 834px) and (max-width: 950px) {
#upconteiner #uvodni{float: right; display: inline-block;text-align: left; display:inline-block; margin-top: 25px; position: static;}
}
@media screen and (max-width: 799px){
	#upconteiner #uvodni{float: right; display: inline-block;text-align: left; display:inline-block; margin-top: 50px; position: static;}
}*/
@media screen and (max-width: 1205px){.image img{max-width: 100%; height: auto;}#content .kotva[name=newline1]{display: none; visibility: hidden;	clear: both; float: none;padding:2px 0px;}}
@media screen and (max-width: 1179px){.obrazp,.obrazl{float:left;margin:0 5px 5px 0;}}
@media screen and (max-width: 963px){#content .pose p.poosr,#content .pose p.poos{float:left; margin:0 0 5px 0;}}
@media screen and (max-width: 950px){
	#upconteiner #uvodni #rotas {font-size: 2.6em;}
	#footer .copyright{padding: 0.5em;}
	#footer .copyright .spanl, #footer .copyright .span{position:static; top: 0px; text-align: left; float:none; margin:0.6em; display: block;}
}
@media screen and (max-width: 900px){
	#upconteiner #uvodni #rotas {font-size: 2.2em;}
	#upconteiner #uvodni ul li{font-size: 1.4em;}
}
@media screen and (max-width: 820px){
	span.image.imgc img{max-width: 99%; height: auto;}
	#upconteiner #uvodni #rotas {font-size: 1.8em;}
	#upconteiner #uvodni ul li{font-size: 1.2em;}
}
@media screen and (max-width: 767px){
	#upmenu{height: 24px; background: #003b6c url('/media/images/upmenu.png') no-repeat; margin-bottom: 1px;}
	#up img {float: left; position: relative; top: 8px;}
	body{background-position:0px 150px;}
	#up{height: 170px;}
	#logo{width:160px;}
	#upconteiner #uvodni{margin-top: 25px;}
	#up #corner{background:url('/media/images/corner2.png') no-repeat; position: absolute; top:0px; right:0px;  width: 225px; height: 202px; z-index:-1;}
}
@media screen and (max-width: 702px){
	#menu {width: 140px; float:left; margin-right: -140px;}
	#content {width: auto; margin-left:145px;float:right;}
	td, th, tr, thead, tbody, tfoot, table {display: block}
	.tinyconttable .tinyroweven td,.tinyconttable .tinyrowodd td{width:100%;vertical-align: top;}
	.tinyconttable p{margin:0;}
	.tinyOpCell,.tinyStCell{width:100%; font-weight: bold;}
	.tinyemptycell{display:none;}
	td[style]{width: 100%;}
}
@media screen and (max-width: 665px){
	#wrapper{-webkit-transition: all 300ms ease; transition: all 300ms ease; width: 100%;}
	#wrapper.nav-opened {-webkit-transform: translateX(-275px); -ms-transform: translateX(-275px); transform: translateX(-275px);}
	#footer{height: 150px;}
	#content{width: 98%; margin: 0; padding: 0 5px; float: none;}
	#upconteiner #uvodni{display:none; visibility: hidden;}
	#toggle{position: absolute; right: 14px; top: 25px; visibility:visible; font-size: 1.4em; font-family: titilliumregu;
    	text-decoration: none; background-image: url(/media/images/menu_ico.png); background-repeat: no-repeat; background-position: right 15px;
    	-webkit-background-size: auto 15px; background-size: auto 15px; display: block; height: 15px; padding: 15px 32px 15px 15px; line-height: 0.6em;}
	#menu{visibility:hidden; display:none; width: 275px; position: absolute; right:-275px; top:0px; margin: 0;}
	#menu.open{visibility:visible; display:block;}
	.flags{top: 95px;}
	.flags li#cs{right:55px;}
}




.my-gallery#fotogal {width: 100%; float: left;}
	.my-gallery#fotogal img {width: 100%; height: auto; background: #fff; padding: 2px; border: solid 1px #003b6c;}
	.my-gallery#fotogal figure {display: block; float: left; margin: 0 10px 5px 0;}
	.my-gallery.imho{display: inline-block;}
	.my-gallery.imgc.imho{display: block;}
	.my-gallery.imho figure {margin: 0px;}
	.my-gallery figcaption {display: none;}
	.my-gallery.img_left{margin:0 10px 5px 0;;}
	.my-gallery.img_left figure {display:inline-block; margin: 0px; }