/* iB - tituln� str�nka */

/*layout*/
#dvasloupce{width:742px;float:right;}
#stred{width:483px;float:left;}
#vpravo{width:258px;float:right;}
#vlevo{width:251px;}
#obalhlava{min-height:525px;font-size:87%;}

/*stred*/
#uvod{padding-top:12px;overflow:hidden;}
#uvod h3{font-weight:bold;margin:10px 0;padding:0;line-height:110%;color:#C00418;font-size:2em;}

/*formy*/
form{margin:0;padding:0;}
.fbtn,.btn{float:right;}

 /*anketa*/
#anketa ul{padding:0;width:100%;float:left;margin:5px 0;}
#anketa ul li{list-style-type:none;margin-bottom:8px;}
#anketa p{margin:0;padding:0;}
.hlas{padding:1px;margin-top:2px;z-index:1;}
.hlas div{overflow:hidden;position:relative;height:10px;background-color:#483E28;}

#titul .dok li div{line-height:140%;}
#titul #dokblog .dok li a{color:#C00418;font-size:1.6em;line-height:120%;}
#titul #dokblog .dok li strong + span{display:none;}

/* JS zalozky na titulce */
#titul .zalozky{position:relative;top:0;float:left;width:100%;z-index:30;margin:0;padding:0;font-size:155%;text-transform:uppercase;}
#titul .zalozky li{margin:0;}
#titul .zalozky a{padding:17px 15px 8px 15px;}
#titul .zalozky .azalozka a:hover,.zalozky  .azalozka a{text-decoration:none;cursor:default;}
#pozicovani{padding-bottom:2em;}
#pozicovani .dok{margin:1em 0;padding:0;}
#titul .pozicovanijs .poz{padding:0;clear:both;}
.skryty{display:none;}
#k01,#k02,#k03,#k04{height:1px;overflow:hidden;line-height:1%;font-size:1%;}

/*kalendar*/
#kalakci{min-width:7em;}

#titul #kalakci p.mesice{font-size:100%;margin-top:0;}
#kalendar p.dalsi a:hover{text-decoration:none;}
/*nasledujici vyhodit, pokud maji bubliny vylezat zprava*/
#kalakci .floatingBubbleElm{margin-left:-15px!important;left:auto!important;}

/*pata*/
#pocitadlo{margin:15px 0 0 0;text-align:center;padding-bottom:15px;}
#pocitadlo ul.inline{padding-left:0;display:inline;}
#pocitadlo .inline li span{margin:0 0 0 2px;}

#titul .obalbarevne{margin-left:-10px;margin-right:-10px;}
.obalbarevne .barevne{padding:0;margin:0 0 1.5em 0;list-style-type:none;}
.obalbarevne .barevne li{display:inline;vertical-align:middle;margin:0;}
.barevne a{display:inline-block;vertical-align:middle;background-position:0 0;background-repeat:no-repeat;background-color:transparent;background-size:100% auto;}
.barevne a img{opacity:0;vertical-align:middle;transition:opacity 0.2s;margin:0;}
.barevne a:hover img,.barevne a:focus img,.barevne a:active img{opacity:1;}

.barevne #bratislava{background-image:url(images/bannery/bratislava_cb.png);}
.barevne #krvysocina{background-image:url(images/bannery/vysocina_cb.png);}
.barevne #ustecky{background-image:url(images/bannery/ustecky_cb.png);}
.barevne #kladno{background-image:url(images/bannery/kladno_cb.png);}
.barevne #martin{background-image:url(images/bannery/martin_cb.png);}
.barevne #znojmo{background-image:url(images/bannery/znojmo_cb.png);}
.barevne #alighting{background-image:url(images/bannery/al_cb.png);}
.barevne #onkolin{background-image:url(images/bannery/onk_cb.png);}
.barevne #dynamax{background-image:url(images/bannery/dynamax_cb.png);}
.barevne #pisekeu{background-image:url(images/bannery/pisek_cb.png);} 

.barevne #microsoft{background-image:url(images/bannery/microsoft_cb.png);}
.barevne #floowie{background-image:url(images/bannery/floowie_cb.png);}
.barevne #eon{background-image:url(images/bannery/eon_cb.png);}
.barevne #cznic{background-image:url(images/bannery/cznic_cb.png);}
.barevne #smsinfo{background-image:url(images/bannery/smsinfo_cb.png);}
.barevne #alfacentrum{background-image:url(images/bannery/alfacentrum_cb.png);}
.barevne #intelis{background-image:url(images/bannery/intelis_cb.png);}

@media screen and (max-width: 450px) {
	#titul .obalbarevne a{display:block;text-align:center;background-size:contain;background-position:50% 0;}
	#titul .obalbarevne img{float:none;max-width:100%;}
}

#titul .logazakazniku ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 0;
}

#titul .logazakazniku li {
	list-style: none;
	display: inline;
	vertical-align: middle;
	margin: 0 1.2em;
}

#titul .logazakazniku img {
	transition: -webkit-filter .15s ease-in;
	transition: filter .15s ease-in;
	-webkit-filter: grayscale(100);
	filter: grayscale(100);
}

#titul .logazakazniku a:hover img,
#titul .logazakazniku a:focus img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

@media screen and (max-width: 450px) {
	#titul .logazakazniku li {
		display: block;
		text-align: center;
	}
}

.touch .dalsi a,.touch .dalsi a:link,.touch .dalsi a:visited{background-color:#C00418;color:#ffffff;}

.cont {
	margin: 45px auto 30px auto;
	max-width: 900px;
	text-align: left;
}

.banner-eu {
	/*display: table;
	width: 100%;
	border-spacing: 20px 0;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 950px) {
    .banner-eu {
        flex-wrap: nowrap;
    }
}

.banner-eu .banner-text a{
  text-decoration: none;
}

.banner-obr {
	/*display: table-cell;
	width: 400px;
	vertical-align: middle;*/
    margin: 0 20px 20px;
}

.banner-text {
	/*display: table-cell;
	vertical-align: middle;*/
    margin: 0 20px 20px;
	padding: 15px;
	background-color: #e8e8e8;
	font-size: .92em;
}

/*@media screen and (max-width: 700px) {
	.banner-eu,
	.banner-obr,
	.banner-text {
		display: block;
	}

	.banner-text {
		margin: 0 3%;
	}         
}*/