/*Základní struktura*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800');
body, html { height: 100%; margin: 0px; padding: 0px; font-family:Arial; font-size: 1em; color: #333333; text-align: center;}
body {background: #fff;}
a {color: #7a8e0b; font-weight: bold;}
.hidden{visibility: hidden;}
#mobileblock{overflow: hidden; margin: auto;}
#wrapper{background: #c7deb1 url('/media/images/bg.jpg') no-repeat; background-position: top center; background-size: 100%;}
#container {max-width: 1200px; text-align: left; display: block; margin: 0px auto 10px auto; z-index: 50; clear: both;}
#content {margin: 0 15px;min-height: 100%;}
#content img{max-width: 100%;}
#content a:hover{color: #575757; text-decoration: none;}
#content h1 {margin: 0;	padding: 0 0 10px 0; color: #333333; font-size: 1.6em; text-align: center;}
#content h2 {margin: 0;	padding: 0 0 8px 0;	color: #333333; font-size: 1.2em;}
#content h3 {margin: 0;	padding: 0 0 8px 0;	color: #333333; font-size: 1em;}
#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: 117px; clear: both; background: url('/media/images/foot_bg.gif') repeat-x;}
#footer a{color: #fff; font-weight: normal;}
#footer .social{position: relative; top: 20px;}
#footer .social .fb,#footer .social .tw,#footer .social .insta{width: 36px; height: 36px; float: left; margin-left: 10px; display: inline-block; background: url('/media/images/sprite.png') no-repeat;}
#footer .social .fb{background-position: 0 0;}
#footer .social .tw{background-position: -37px 0;}
#footer .social .insta{background-position: -74px 0;}
#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 */

.parhr{width: 19%; height: 240px; margin: 0 0 10px 0; display: inline-block;}
.parhr a{display: block; margin: 0 auto; text-align: center; color: #575757; text-decoration: none;}
#content .parhr p{margin: 0px; text-align: center;}
#up{height:730px;}
#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;}
#upconteiner #uvodni ul{padding:0; margin:0 0 0 30px;}
#upconteiner #uvodni ul li{color: #18aeec; font-size: 1.6em;}
#upconteiner #uvodni ul li span{color: #242424;}
#up img{float: left; position: relative; top: 28px;}
/*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 {max-width: 1200px; margin: 0 auto; font-family: Open Sans;}
#menu ul li {display: inline; margin-top: 1px; float: left;}
#menu ul li:not(:last-child):after{content:' |'; display: inline;}
.mainmenu, .submenu {list-style: none; padding: 0; margin: 0;}
.mainmenu a {text-decoration: none; padding: 0.6em; color: #00142b; font-weight: normal; font-size: 1.1em;}
.mainmenu a
.mainmenu a:hover {}
.mainmenu li:hover .submenu {display: block; max-height: 600px;}
.mainmenu li.li_active .submenu{display: block; max-height: 600px;}
.mainmenu li.li_active a{}
.mainmenu li .submenu a {color: #00142b; 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-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-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; text-transform: uppercase; padding: 0 15px; font-size: 1.2em; display: inline-block;}
#mista .hrmista{height: 2px; background: #00549a; border: none;}
#mista .misto{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{color: #00549a;font-size: 1.1em;}
#mista .mistoh{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 (max-width: 1850px){
	#up{height: 700px;}
}
@media screen and (max-width: 1750px){
	#up{height: 660px;}
}
@media screen and (max-width: 1650px){
	#up{height: 620px;}
}
@media screen and (max-width: 1600px){
	#wrapper{background: #c7deb1 url('/media/images/bg2.jpg') no-repeat; background-position: inherit; background-size: 100%;}
	#up{height: 720px;}
}
@media screen and (max-width: 1500px){
	#up{height: 680px;}
}
@media screen and (max-width: 1400px){
	#up{height: 630px;}
}
@media screen and (max-width: 1300px){
	#up{height: 580px;}
}
@media screen and (max-width: 1200px){
	#up{height: 540px;}
}
@media screen and (max-width: 1100px){
	#up{height: 500px;}
}
@media screen and (max-width: 1000px){
	#up{height: 450px;}
}
@media screen and (max-width: 900px){
	#up{height: 400px;}
}
@media screen and (max-width: 800px){
	#up{height: 360px;}
}
@media screen and (max-width: 750px){
	#up{height: 360px;}
	#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);}
	#toggle{position: absolute; left: 14px; top: 5px; visibility:visible; font-size: 1.4em;
    	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; left:-275px; top:5px; margin: 0;}
	#menu.open{visibility:visible; display:block; background: #fff;}
	#menu ul li{display: block; float: none;}
	#menu ul li:not(:last-child):after{content:''; display: none;}
	.mainmenu a{margin: 0; display: block; text-align: left;}
	#wrapper{background: #c7deb1 url('/media/images/bg3.jpg') no-repeat; background-position: inherit; background-size: 100%;}
	.parhr{width: 30%; height: 240px; margin: 0 0 10px 0; display: inline-block;}
}
@media screen and (max-width: 700px){
	#up{height: 330px;}
}
@media screen and (max-width: 650px){
	#up{height: 310px;}
}
@media screen and (max-width: 600px){
	#up{height: 280px;}
}
@media screen and (max-width: 550px){
	#up{height: 260px;}
}
@media screen and (max-width: 500px){
	#up{height: 250px;}
	#wrapper{background: #c7deb1 url('/media/images/bg4.jpg') no-repeat; background-position: inherit; background-size: 100%;}
}
@media screen and (max-width: 450px){
	#up{height: 225px;}
}
@media screen and (max-width: 400px){
	#up{height: 200px;}
}
@media screen and (max-width: 350px){
	#up{height: 180px;}
}

@media screen and (max-width: 702px){
	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);}
	#upconteiner #uvodni{display:none; visibility: hidden;}
	#toggle{position: absolute; right: 14px; top: 25px; visibility:visible; font-size: 1.4em;
    	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;}
*/
}
	/* místo thickboxu */
.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; }