/* iB - vsechny stranky */

::selection{background-color:#C00418;color:#ffffff;}
::-moz-selection{background-color:#C00418;color:#ffffff;}
#obalhlava *::selection,#obalpata *::selection{background-color:#ffffff;color:#C00418;}
#obalhlava *::-moz-selection,#obalpata *::-moz-selection{background-color:#ffffff;color:#C00418;}

/*layout*/
html,body{background-color:#ffffff;}
body{margin:0;padding:0;text-align:center;font-size:96%;}
ul,ol{margin-left:0;padding-left:0;}
#celek{text-align:left;position:relative;z-index:1;background-color:#ffffff;padding-top:25px;padding-bottom:35px;}
#vlevo{float:left;overflow:hidden;}

.box{padding:0 15px 10px 15px;background:#cccccc;margin:0 0 15px 0;}
.nastred{width:900px;margin:0 auto;}
#obalcelek .nastred{width:780px;}
.sf{height:0;}
.stylreset{padding:0;margin:0;text-decoration:none;text-transform:none;list-style-type:none;border:0;outline:none;box-shadow:none;border-radius:0;text-shadow:none;}
#centered{display:table-cell;vertical-align:middle;position:relative;top:-2em;}
select.format{padding-right:2px;}
.vystraha,.fnote{font-size:92%;}
.fnote .vystraha{font-size:100%;}

/*obecne*/
.dalsi{margin:7px 0 0 0;padding:5px 0 0 0;text-align:center;}
#titul .dalsi{margin:0 0 12px 0;padding:0;}
.dalsi a{display:inline-block;transition:background-color 0.25s, color 0.1s;font-size:1.2em;margin:0.2em 0.1em;padding:0.35em 0.4em 0.35em 0.4em;min-width:12em;border:0.1em #C00418 solid;border-radius:2px;}
.dalsi a,.dalsi a:link,.dalsi a:visited{text-decoration:none;}
.dalsi a:hover,.dalsi a:focus,.dalsi a:active{color:#ffffff;background-color:#C00418;}

/*hlava*/
#obalhlava{position:relative;z-index:13;background-color:#C00418;}
#titul #obalhlava{display:table;width:100%;}
#obalhlava,#obalhlava a,#obalhlava a:link,#obalhlava a:visited{color:#FFFFFF;}
#obalhlava a:active,#obalhlava a:hover,#obalhlava a:focus{color:#ffffff;}

#obalhlava #sipka,#obalpata #sipkanahoru{position:absolute;bottom:1.5em;left:50%;margin-left:-37px;cursor:pointer;}
#obalhlava #sipka img,#obalpata #sipkanahoru img{width:50%;height:auto;}
#obalpata #sipkanahoru{bottom:auto;top:20px;}

@media all and (-webkit-min-device-pixel-ratio:0)
{
	#obalhlava #sipka{bottom:0;}
}

#loader{display:none;}
#loader.jsLoader{display:block;position:fixed;z-index:200;width:100%;height:100%;left:0;top:0;background:#C00418 url(images/loader.gif) no-repeat 50% 50%;}

ul.inline li{display:inline;list-style-type:none;padding:0 6px;border-left:1px #dddddd solid;}
ul.inline li a{margin-left:3px;}
ul.inline li:first-child{border:0;}

/*lista*/
#lista{float:right;text-align:left;display:inline;padding:6px 0 2px 12px;position:relative;top:25px;margin-top:-1em;}
#lista ul{margin:0;padding:0;}
#lista ul li{margin:0;list-style-type:none;white-space:nowrap;}
#lista ul li.skip{position:absolute;display:block;top:0!important;left:0!important;width:9em;padding:1px;border:0;}
#lista ul li.skip a{text-align:center;border:0;position:absolute;width:8em;left:0;top:-500px;z-index:0;padding:0 2px;}
#lista ul li.skip a:focus,#lista ul li.skip a:active{z-index:10!important;position:absolute!important;left:10px;top:5px;}
#lista ul li a{text-decoration:none;}
#lista ul li a:focus,#lista ul li a:active,#lista ul li a:hover{text-decoration:underline;}

.zalozky ul{padding:0;margin:0;}
.zalozky li{float:left;position:relative;display:block;list-style-type:none;margin:0 2px 0 0;padding:0;}
.zalozky a{display:block;text-decoration:none;margin:0;padding:8px;position:relative;z-index:20;cursor:pointer;}
.zalozky a:hover,.zalozky a:focus,.zalozky a:active{text-decoration:underline;}
.zalozky li.azalozka,.zalozky  li.azalozka div{background:transparent none!important;}

/*formy*/
.format{border:1px #ffffff solid;background-color:#FFFFFF;color:#000000;min-height:15px;padding-top:2px;padding-bottom:2px;font-size:100%;}
.fbtn .btn{background-color:#C00418;border:1px #C00418 solid;color:#FFFFFF;border-radius:2px;transition:background-color 0.15s, color 0.07s;}
.fbtn .btn:hover,.fbtn .btn:focus,.fbtn .btn:active{background-color:#ffffff;color:#C00418;}
.btn{min-height:22px;}
.fkont form{font-size:100%;}
input,textarea{font-size:100%;}

/*nadpisy a pismo*/
h1.cvi{padding:0 0 0 20%;font-size:1.4em;margin:0;text-align:left;position:absolute;z-index:2;left:0;top:38%;}
#titul h1.cvi:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiOMAiARBgAAJkAN357LCsAAAAAElFTkSuQmCC");}
h1.cvi strong{font-size:130%;}
h2.cvi,h3.cvi,#prohlaseni h3,h3.ud{}
h2.cvi{font-size:2.55em;font-weight:bold;margin:0;padding:8px 0;color:#C00418;}

/*seznamy*/
.ui li,.aktuality2 li.bezobr,.utvary .ui li.o,.dok .ui li{background-image:URL(images/vismo_web/document.gif);}
.kategorie .ui li,.utvary .ui li,.galerie .ui li{background-image:URL(images/vismo_web/utvar.gif);}
.ui .u{background-image:none!important;list-style-type:none!important;}
.dok ul{margin:0;padding:0;width:100%;overflow:hidden;}
#kalendarAkci .dok{margin-top:-15px;}
#titul .dok .ui li,#kalendarAkci .dok .ui li{background-image:none;display:block;list-style-type:none;padding:0 0 25px 0;margin-top:16px;}
#titul .dok .ui li{margin:0;padding-bottom:5px;padding-top:15px;}
#titul .dok .ui li:first-child{padding-top:0;}
#titul .dok .ui strong img,#kalendarAkci .dok .ui strong img {margin:3px 12px 4px 0;float:left;}
#titul .dok strong a,#kalendarAkci .dok strong a{font-weight:bold;font-size:118%;color:#C00418;}
.dok strong a{color:#C00418;}
ul.ui div{font-weight:normal;margin-bottom:2px;margin-top:4px;padding-top:0;padding-bottom:0;}
ul.ui div.ktg{margin-top:0;}
#kalakci p{clear:both;padding:6px 0 0 0;}/*odsazeni textu kdyz nejsou zadne akce*/

 /*kontakt*/
#kontakt address{display:block;font-style:normal;margin:0;}
#kontakt p{font-size:1.2em;font-weight:normal;margin:6px 0;}

/*pata*/
#obalpata{background-color:#C00418;color:#ffffff;position:relative;padding:50px 0 0 0;}
#obalpata h2.cvi{color:#ffffff;font-size:1.6em;font-weight:normal;}
#pata{text-align:left;padding:0 0 20px 0;}
#pata,#pata a,#pata a:link,#pata a:visited{color:#FFFFFF;}
#pata a:hover,#pata a:focus,#pata a:active{text-decoration:none;}
#pata .patalogo{padding:1px 6px;}
#pata .inline{display:inline;}
.webmaster{padding:1em;}
#pata .inline{margin:0;padding:0;}
#pata .inline li{padding:0 6px;}
#pata .inline li:first-child{padding-left:0;}
#pata .inline li a{margin:0 0 0 1px;}
#pata .inline li:first-child a{margin:0;}

/* Proti pretekani obsahu */
.editor img{max-width:100%;height:auto;}
.obalbarevne img{max-width:1000px;}
#vlevo,#vpravo{word-wrap:break-word;}
.webhouseskryt{display:none;}

#socialni{margin:0;padding:0;float:right;list-style-type:none;position:relative;top:15px;}
#socialni li{margin:0 0.2em;display:inline;}
#socialni li a{display:inline-block;font-size:2.5em;background-color:#ffffff;transition:background-color 0.3s;border-radius:200px;text-decoration:none!important;border:2px solid #ffffff;width:1.3em;height:1.3em;text-align:center;}
#socialni li .vismoIkona{line-height:1.45em;vertical-align:middle;color:#C00418;transition:color 0.3s;}

@media all and (-webkit-min-device-pixel-ratio:0)
{
	#socialni li .vismoIkona{line-height:1.45em;}
}

#socialni li a:hover,#socialni li a:focus,#socialni li a:active{background-color:#C00418;}
#socialni li a:hover .vismoIkona,#socialni li a:focus .vismoIkona,#socialni li a:active .vismoIkona{color:#ffffff;}
#socialni li #ikoskype .vismoIkona{font-size:1em;}

/*napiste a abo*/
#abo {
	float: right;
	width: 66%;
	margin: 0 0 30px 0;
}

.titulformular form{margin:0;padding:0;}
#pata .titulformular img{max-width:80px;}
.titulformular .form-pul{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.titulformular .form-pul + .form-pul{padding-right:11em;}
.titulformular label{line-height:100%;font-size:.9em;display:block;}
.titulformular label.label-skryty{position:relative;padding:1px;}
.titulformular label.label-skryty::after{position:absolute;left:0;right:0;bottom:0;top:0;background:transparent url(images/prekryti_form.png) repeat 0 0;content:"";}
.titulformular .format{padding:2px 10px;margin:2px 0;min-height:40px;width:100%;background-repeat:no-repeat;background-position:0 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.titulformular textarea.format{margin-bottom:4px;resize:vertical;}
.titulformular img{float:left;margin:0 8px 0 0;margin-left:-100px;}
.titulformular #caobr,.titulformular #caobrabo{margin-top:0;width:150px;}
.titulformular .fbtn,.titulformular .btn{clear:none;margin:1px 0 0 0;}
.titulformular .fbtn{white-space:normal;padding:20px 0 0 0;text-align:center;float:none;display:block;text-align:right;}
.titulformular .btn{-webkit-appearance:none;top:-2.30em;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;}
.titulformular .fbtn .btn{border-radius:3px;padding:0.35em 1em 0.35em 1em;color:#c00418;background-color:#ffffff;font-size:1.2em;border:1px #ffffff solid;height:40px;}
.titulformular .fbtn .btn:hover,
.titulformular .fbtn .btn:focus,
.titulformular .fbtn .btn:active{background-color:#c00418;color:#ffffff;}
.titulformular p{padding:0;margin:0;}
.titulformular p.opiste{padding:2px 0 0 100px;position:relative;}
.titulformular p.opiste::after{content:"";display:table;height:0;line-height:0;clear:both;}

@media all and (max-width:800px) {
	#abo {
		float: none;
		width: 100%;
	}

	.titulformular #caobrabo {
		width: 100px;
	}
}


@media all and (max-width:400px) {
	.titulformular .form-pul + .form-pul {
		padding-right: 0;
	}

	.titulformular .fbtn {
		clear: both;
	}

	.titulformular #caobrabo {
		width: 100%;
	}

	.titulformular .btn {
		display: block;
		top: 0;
		width: 100%;
	}
}

/*odkazy*/
#pata #odkazy{width:30%;float:left;margin:0 0 30px 0;}
#pata .odkazy ul.ui{margin:0;padding:0;}
#pata .odkazy ul.ui li{display:block;list-style-type:none;background-image:none;margin:0 0 4px 0;padding:0;}
#pata .odkazy ul.ui li div{margin:2px 0 0 0;}
#pata .odkazy strong{font-weight:normal;}

/*bannery*/
#obalmbannery{width:30%;float:left;margin:0 1.5% 30px 1.5%;}
#mbannery{position:relative;left:0;padding:0;margin:0;font-size:92%;text-align:center;}
#mbannery .editor,#obalmbannery .editor ul.mbannery{text-align:left;}
#mbannery ul{display:block;}
#mbannery hr.grafika{position:absolute;width:100%;left:0;top:0;}
#obalmbannery .editor ul.mbannery li{margin-left:0;}
#mbannery img,#vpravo .editor img{float:none!important;vertical-align:middle;margin:5px 3px 5px 0;}
#mbannery img{margin:5px 5%;}
#mbannery,#mbannery .editor a,#mbannery .editor  a:link,#mbannery .editor a:active,#mbannery .editor a:visited,#mbannery .editor a:hover{color:#000000!important;}
#mbannery ul.mbannery li{display:inline;margin-top:0;margin-bottom:0;}

#hlavniOdkazy ul{padding:0 1em;margin:0;}
#hlavniOdkazy ul li{margin:0;list-style-type:none;display:inline;}
#hlavniOdkazy ul li a{display:inline-block;border-radius:2px;background-color:#ffffff;transition:background-color 0.25s, color 0.1s;font-size:1.7em;margin:0.2em 0.1em;padding:0.55em 0.6em 0.55em 0.6em;min-width:9em;border:0.1em #ffffff solid;}
#hlavniOdkazy a,#hlavniOdkazy a:link,#hlavniOdkazy a:visited{color:#3A3A3B;text-decoration:none;}
#hlavniOdkazy a:hover,#hlavniOdkazy a:focus,#hlavniOdkazy a:active{background-color:#C00418;color:#ffffff;}

#pulky{/*height:70%;*/display:table;width:100%;max-width:1800px;margin:0 auto;}
#hlavniOdkazy{padding-top:5em;}
#pulky .pulka{width:50%;vertical-align:middle;display:table-cell;position:relative;}
#pulky #levapulka{text-align:right;padding:0 2.5% 0 2%;}
#pulky #pravapulka{text-align:left;padding:0 2% 0 2.5%;}

#levapulka img{color:#ffffff;width:90%;max-width:780px;height:auto;position:relative;z-index:20;}
#pravapulka #slogan{padding:0;margin:0 0 0.8em 0;font-weight:bold;font-size:2.2em;}

#mobileMenu{display:none;position:absolute;max-width:70%;top:0;right:0;z-index:40;padding:15px 50px 15px 20px;background-color:#C00418;color:#ffffff;text-align:left;box-shadow:-5px 5px 5px rgba(0,0,0,0.15), 0 7px 24px rgba(0,0,0,0.1) inset;}
#mobileMenu a,#mobileMenu a:link,#mobileMenu a:visited{color:#ffffff;}
#mobileMenu ul{list-style-type:none;margin:0;}
#mobileMenu ul ul{padding:0 0 0 10px;}
#mobileMenu ul li a{padding:0.5em 0;font-size:115%;display:inline-block;font-weight:normal;}
#mobileMenu ul li #osmakt{font-weight:bold;text-decoration:none;}
#mobileMenu ul li li a{font-weight:normal;}

#toggleMenu,#toggleSearch{display:none;cursor:pointer;position:absolute;bottom:12px;right:10px;width:47px;height:47px;background:transparent url(images/mobilemenu.png) no-repeat 50% 50%;background-size:80% 80%;border-radius:3px;}
#toggleSearch{right:60px;background-image:url(images/lupa.png);background-size:65% 65%;}
#toggleMenu.menuZobrazene,#toggleSearch.hledaniZobrazene{background-color:#B10316;}


@-webkit-keyframes bounceWH
{
	0%{bottom:2em;}
	60%{bottom:2em;}
	80%{bottom:1em;}
	100%{bottom:2em;}
}

@-moz-keyframes bounceWH
{
	0%{bottom:2em;}
	60%{bottom:2em;}
	80%{bottom:1em;}
	100%{bottom:2em;}
}

@-ms-keyframes bounceWH
{
	0%{bottom:2em;}
	60%{bottom:2em;}
	80%{bottom:1em;}
	100%{bottom:2em;}
}

@-o-keyframes bounceWH
{
	0%{bottom:2em;}
	60%{bottom:2em;}
	80%{bottom:1em;}
	100%{bottom:2em;}
}

@keyframes bounceWH
{
	0%{bottom:2em;}
	60%{bottom:2em;}
	80%{bottom:1em;}
	100%{bottom:2em;}
}

#sipka{
-webkit-animation-name:bounceWH;
-webkit-animation-duration:2s;
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:bounceWH;
-moz-animation-duration:2s;
-moz-animation-fill-mode:forwards;
-moz-animation-timing-function:ease-in-out;
-moz-animation-iteration-count:infinite;
-ms-animation-name:bounceWH;
-ms-animation-duration:2s;
-ms-animation-fill-mode:forwards;
-ms-animation-timing-function:ease-in-out;
-ms-animation-iteration-count:infinite;
-o-animation-name:bounceWH;
-o-animation-duration:2s;
-o-animation-fill-mode:forwards;
-o-animation-timing-function:ease-in-out;
-o-animation-iteration-count:infinite;
animation-name:bounceWH;
animation-duration:2s;
animation-fill-mode:forwards;
animation-timing-function:ease-in-out;
animation-iteration-count:infinite;
}

	
	
@media all and (max-width:995px)
{
	#pravapulka #slogan{font-size:1.9em;}
	#kontakt p{margin:0.2em 0;font-size:1em;}
	#hlavniOdkazy ul li a{font-size:1.6em;}

	.nastred{width:98%;}
	h1.cvi{top:40%;font-size:1.1em;}
}

@media all and (max-width:800px)
{
	.nastred{width:auto!important;}
	#telo,#pata,#obalhlava #centered{padding-left:3%;padding-right:3%;}
	.plovouci,.plovouci ul,.plovouci li,.fkont,.nizky,#stred > .obsah{width:auto!important;float:none!important;}
	#stred > .obsah{left:0!important;}
	#hlavniOdkazy{padding-top:1em;}

	#toggleMenu,#toggleSearch{display:inline-block;}	
	.landscape #hlavniOdkazy{padding-top:0.5em;}
}

#pata #socialni{float:right!important;}

@media all and (max-width:768px)
{
	#centered{display:table-cell;vertical-align:middle;padding:2.5em 0;}
	#obalhlava{display:table;}
	#pulky{height:auto;display:block;padding-bottom:1em;}
	#pulky .pulka{width:auto;display:block;}
	#pulky #levapulka,#pulky #pravapulka{text-align:center;padding-left:3%;padding-right:3%;}
	#pulky #levapulka{padding:2em 0;height:80%;}
	#levapulka img{width:75%;}
	#pravapulka #slogan{font-size:2em;}
	
	/*#pravapulka #slogan{font-size:1.6em;}*/
	#kontakt p{margin:0.2em 0;font-size:1em;}
	#hlavniOdkazy{display:block;}
	#hlavniOdkazy ul li a{font-size:1.3em;}

	#hlava address{display:none;}
	.odvejskovac{display:block;width:100%;height:25%;}
	h1.cvi{top:40%;position:absolute;}
	
	#pata #socialni{text-align:center;float:none!important;width:100%;top:0;margin-bottom:20px;}
	#pata .inline{width:100%;text-align:center;display:block;}
}

@media all and (max-width:600px)
{

	#kontakt p{margin:0.2em 0;font-size:1em;}
	#hlavniOdkazy ul li{display:block;}
	#hlavniOdkazy ul li a{font-size:1.3em;}

	h1.cvi{padding:0 20%;width:auto;}
	#titul #obalcelek .obalbarevne{margin-left:0;margin-right:0;text-align:center;}
	.webmaster .patadivider{line-height:1px;display:block;visibility:hidden;}
	
	#sipka{-webkit-animation-name:none;-moz-animation-name:none;-ms-animation-name:none;-o-animation-name:none;animation-name:none;}
}

@media all and (max-width:400px)
{
	#pulky{padding-bottom:1.5em;}
	#pulky #levapulka{padding:1.2em 0;}
	#pravapulka #slogan{font-size:1.5em;}
	
	#kontakt p{margin:0.2em 0;font-size:1em;}
	#hlavniOdkazy ul li{display:block;}
	#hlavniOdkazy ul li a{font-size:1.3em;padding:0.45em 0.6em 0.45em 0.6em;margin:0.15em 0;}
}

@media all and (min-width:881px)
{
	/*#pulky,#hlavniOdkazy{display:table-row;}*/
}

@media all and (min-width:1200px)
{
	#pravapulka #slogan{font-size:2.7em;}
	#kontakt p{font-size:1.35em;}
	#obalpata{padding-top:80px;}
	#obalhlava #sipka img,#obalpata #sipkanahoru img{width:auto;}
}

@media all and (min-width:1500px)
{
	#pravapulka #slogan{font-size:3.5em;}
	#kontakt p{font-size:1.7em;}
}

@media all and (min-width:1800px)
{
	#pravapulka #slogan{font-size:3.7em;}
	#kontakt p{font-size:1.8em;}
	#hlavniOdkazy ul li a{font-size:1.9em;}
}


@media all and (min-width:1890px)
{
	#hlavniOdkazy ul li a{font-size:2.1em;}
}

#pata img{max-width:90%;}

@-moz-document url-prefix() 
{
	#nazev a span.cist{display:none;} /* FF chybne vykresluje outline u skryteho spanu */
}