html {
height: 100%;
width: 100%;

}


body {overflow-y: scroll!important; position: static!important;}
.ui.dimmer.page {margin-top: 0px}

body, .ui.menu {

font-family: Verdana, Tahoma, sans-serif !important;
	
    /*background: url(http://portal.itbusiness.cz/images/portal_b.jpg) no-repeat center center fixed;
    background: url(/images/background/pozadi-kacov.jpg) no-repeat center center fixed;
    background-size: cover;*/

}

.ui.segment[class*="bottom attached"] {box-shadow: none}

 #cookie-banner {position: fixed; bottom: 0px; width: 100%; background-color: #e1e9f5; z-index: 2000; padding: 30px; text-align: center; display: none; 
    height: 20%;
    border-top: 1px solid #b1b9c4;
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, .3);
 }

 .ui.block.header {
    border: 0px;
    border-bottom: 1px solid #d4d4d5;
    background-color: #284b7e;
    color: white;
  }

.item.mezer {width: 315px}

.tv-head {padding-left: 0px}

#mam_zajem {background-color: #f4a948 !important;}
#mam_zajem span {font-weight: bold;}


canvas {
    display: block;
    z-index: -5;
    position: absolute;
}
.dsl_sluzba {padding: 18px; padding-bottom: 0px}
.garance_ceny, .garance_ceny.span  {font-size: 10px}
.dalsi_sluzby .content {font-size: 11px; padding-left: 15px;padding-right: 15px}
.dalsi_sluzby .header {margin-bottom: 0px !important; font-size: 12px !important;}
.informace a i {text-decoration: none!important;}
.ui.cards i.grey.question.circle.outline.icon {color: #cdcdcd !important}
.ui.cards i.grey.question.circle.outline.icon:hover, .sluzba_fixace_link:hover {color: black !important; cursor: pointer;}
.itb_smlouva .ui.fluid.accordion .content {padding: 10px 20px!important;}
.itb_smlouva .smluvni_podminky { height: 150px; overflow-y: auto; margin-bottom: 20px; }
.itb_smlouva .smluvni_podminky h1 { font-size: 16px; }
.itb_smlouva .ui.block.header  { padding: 0px}
.obsah i  { cursor: pointer;}
.obsah i:hover  { color: orange;}
#obsah_prehled .editovat_smlouvu  { cursor: pointer; text-decoration: underline!important; color: #4286CA;} 
#obsah_prehled .editovat_smlouvu:hover  { color: orange;}

.ui.table.tv_table2  th {vertical-align: bottom!important;}
.ui.table.tv_table2  th:not(:first-child):hover {color: white;background-color: #1C4A7E} 
.ui.table.tv_table  td {width: 25%!important;  }
.ui.table.tv_table  td:hover {background-color: #E9E9E9}
.ui.table.tv_table  td:hover strong {color: #9e2a8f}
.ui.table.tv_table  td:hover i {color: #9e2a8f}
.ui.table.tv_table td:first-child {font-weight: normal!important;}

.eset_tbl th {font-weight: normal;}
.eset_tbl tbody td:first-child  {text-align: left; text-decoration: underline dotted  ;cursor: help;}
.eset_tbl tbody tr:last-child td:first-child  { text-decoration: none  ;}
.eset_tbl tbody td:not(:first-child), .eset_tbl thead th:not(:first-child)  {text-align: center;}

.facebook_paticka {
      margin-bottom: 0px !important;
    margin-left: auto!important;
    margin-right: auto!important;
    position: fixed;
    text-align: right;
    left: calc(50% - 549px);
    bottom: 80px;
    font-size: 22px;
    color: white !important;
    text-shadow: 1px 1px #1C4A7E !important;
    z-index: 1000;
}
.eu-cookies a {color:white;}
.eu-cookies {
      width: 1140px !important;
    margin-bottom: 0px !important;
    margin-left: auto!important;
    margin-right: auto!important;
    position: fixed;
    font-size: 10px;
    text-align: center;

    bottom: 53px;
    color: white;
    background-color: #444;;
    z-index: 1905;
}

.eu-cookies button {
    background: green;
    color: white;
    border: none;
}

.subpage.notfound {
  text-align: center;
    background-color: white;
    min-height: 1023px;
    padding-top: 100px;
}
.mtext {width: 650px!important}

/*.ui.accordion .title, .ui.accordion .content {padding-top: 0px!important; padding-bottom: 0px!important}*/
.ui.accordion .title:not(.ui), body, .ui.message .header {
	font-family: Verdana , Tahoma, sans-serif !important;
}
.obsah .clanek h3 { margin-top: 40px !important; }
.obsah .clanek a { text-decoration: underline !important; }
.obsah .clanek .internet_tabulka a {	text-decoration: none!important;}
.obsah .clanek h2 a,.obsah .clanek h3 a, .obsah .clanek a.button { text-decoration: none !important; } 
a:hover {color: orange;  }
h1,h2,h3,h4,h5 {font-family: verdana!important}

.obsah img[style*="float: right"] {
  margin: 5px 5px 5px 10px;
}

.smazat_kontakt, .editovat_kontakt,
.smazat_adresu, .editovat_adresu
 {cursor: pointer;}

div.infobox {
  width:400px;  
  display: none;
 box-shadow: 4px 4px 13px 0px #b9b9b9;
  padding:30px;  
  border:2px solid #1C4A7E;  
  position:fixed; 
  background-color: white;
  text-align: center;
  color: #1C4A7E;
  font-weight: bold;
  top:50%;  
  left: calc(50% - 192px);  
  z-index:999;  
  
}


.vypistel {float: right;}
input.datum {width: 120px!important;}
.obsah .menu_sluzby a {text-decoration: none !important;}
span.t { border-bottom: 1px dotted #000; cursor: help;}

.fullscreen-bg {
  background-image: url("/bg/lokace/mh.jpg");
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
   
    background-repeat: no-repeat;
  background-size: cover;
 
}
.ui.dimmer {
	z-index: 2002;
}

.fullscreen-bg video {
  -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
  }
.ui.grid>.column+.divider, .ui.grid>.row>.column+.divider {
    left: 50%;
}

table.pripojka td:first-child {width: 140px}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-aspect-ratio: 4/3) {
  .fullscreen-bg {
    background-position-y:0px;
    background-position: center;
  }
}

@media (min-width: 1690px) {
  .fullscreen-bg {
    /*background-position-y:-100px;
    background-size:auto;*/
  }
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}




@media (max-aspect-ratio: 16/9) and (max-width: 767px) {
  .fullscreen-bg__video {
    width: 400%;
    left: -150%;
  }
}

@media (max-width: 767px) {
  /*
  .fullscreen-bg {
    background: url('../img/videoframe.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }*/
}



.obs {
margin-left: auto;
margin-right: auto;
max-width: 1140px;
min-height: 100%;
height: 100%;
padding-top: 10px; 
margin-top: 0px;
}


.ui.button{
font-family: 'Roboto', sans-serif;    
}

.sluzby i {
font-size: 64px;
}

h1, h2 a:hover, h2 a, h2, h3, h3 a:hover, h3 a {
    color: #1C4A7E;}
.modal .ui.header { font-family:Verdana, Tahoma, sans-serif !important; margin-bottom: 0px !important }
a.ui.label  {text-decoration: none!important;}

h2.ui.header {
font-size: 16pt;    
}


.sluzby div.column {
background: #00b5ad;
float: left;
margin-right: 10px;
}

#obsah {
width: 100%;
height: 200px;
}

.obsah {
padding: 10px 10px 0px 10px;
}
.tab.segment .obsah {padding-bottom: 100px}

.obsah .thirteen {

}

.editace {
position: fixed;
text-align: right;
}

.menu_tab {
/*height: 100%;*/

}


.subpage h1 {
	    padding-left: 20px;
    padding-top: 15px;
}
.subpage {
	background: rgba(255, 255, 255, 0.90);;
	
	min-height: 1000px;
	text-overflow: none;
}

.div_obce {padding-bottom:60px; background: white!important}
.div_obce .menu_sluzby a.item {font-size: 1.3vh;}
.div_obce h1 {padding-left: 0px;}
.div_obce .breadcrumbs {font-size: 11px; font-weight:  bold;}
.div_obce iframe {width: 100%; height: 400px; overflow: none; border: none;}
.search_obec input {  border-color: #2185D0 !important;}

form .ui.stacked.segment:after {
  border: none;
  background: none;
}
form .ui.segment {
  box-shadow: none;
}


.menu_tab .tab.segment {
min-height: 1000px;
}




.ulozit {
position: absolute;
z-index: 500;
right: -24px;
top: -46px;
}

.ulozit input {
position: fixed;
}



.menu_paticka {
position: fixed;
bottom: 0px;
z-index: 1901;
max-width: inherit!important;
text-align: center;
}


.mam_zajem .sluzby_tbl div:hover {background-color: white}
.mam_zajem .trash.icon {float: right;  color: #cdcdcd}
.mam_zajem .trash.icon:hover {cursor: pointer; color: black}
.zajem_btn {
position: absolute!important;
right: 0px;
}

.ui.vertical.menu .active.item {
box-shadow: 0 0 0 inset;
font-weight: bold;
}

@media screen and (max-width: 960px) {
   article {
      .column(12);
   }
   aside {
      .column(12);
   }
}

.r_menu {display: none;}
.logo img  {width: 256px;}
.logo {
float: left;	
height: 49px;width: 256px;
margin: 20px 0;
-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.13);
-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.13);
box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.13);
position: absolute;

left: 50%;
margin-left: -624px;
top: 0px;
}

.ui.modal .close {
    top: 1.0535rem;
    right: 1rem;
    color: black;
  }
.slogan {
      position: absolute;
    left: 50%;
    margin-left: -569px;
    top: 73px;
    width: 282px;
    color: white;
    font-weight: normal;
    font-size: 14px;
    text-shadow: 1px 1px black;
}
.logo:hover, .logo:hover a  {
  
}


.logo a {
text-decoration: none;
}

.bg_text {
      position: absolute;
    width: 1140px !important;
    bottom: 50px;
    z-index: 200;
    margin-left: auto!important;
    margin-right: auto!important;
    font-size: 4vw;
    line-height: 5vw;
    text-shadow: 1px 1px #1C4A7E;
    color: white;
    text-align: right;
}



.page.uvod {
	    position: absolute;
    width: 1140px !important;
    top: calc(100% - 650px);
    margin-left: auto!important;
    margin-right: auto!important;
}

.menu_uvod {flex-wrap: wrap; }
.page {
	margin-top: 100px;
}
.menu_hlavni {
  padding-top: 0px;
  padding-bottom: 32px;
}

.menu_hlavni a.item {
color: white!important;
font-size: 21px !important;
text-shadow: 1px 1px #1C4A7E !important;
padding-top: 10px !important;
padding-bottom: 10px !important;


}


.menu_hlavni a:hover, .spolecnost a:hover  {
color: #CEE5FF!important;

}

.menu_o {
text-align: right;
color: white;
padding-right: 5px;
}

.spolecnost {
  
text-align: right;
position: absolute;
    right: calc(50% - 547px);
    top: 0px;
        text-shadow: 1px 1px #1C4A7E !important;
}
.spolecnost a {padding: 0px 10px;}
.spolecnost a:last-child {padding-right: 0px;}


.menu_o a {
font-size: 12px;
color: white;
/*text-transform: uppercase;*/

}

.bread a {
color: white;
text-shadow: 1px 1px black;
}

.bread a.active {
font-weight: bold;
}

.editor {
margin-bottom: 200px;
}





.komunikace {
display: none;
width: 400px;
height: 450px;
background-color: rgba(250, 250, 250, 0.95)!important;
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
position: fixed;
bottom: 54px;
z-index: 2001;
left: 50%; 
margin-left: -150px;
transform: translate(-50%,0);
}
.komunikace .ui.segment{ background: none}
.komunikace.facebook {height: 650px; width: 530px}
.komunikace.youtube {height: 387px; width: 660px}
.komunikace.osobne {margin-left: 100px}
.komunikace.napsat {margin-left: -27px}
.komunikace.mam_zajem {margin-left: 369px; height: 600px}

.zapsat_nebo {float: right;text-align: right;}

.obsah ul li:before, .obsah .faq ol li:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.8em; /* same as padding-left set on li */
  width: 1.8em; /* same as padding-left set on li */
}



.podpora_tbl ul li:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.podpora_tbl .column:hover h2, .ui.two.column .column:hover h2.ui.block.huge {background: orange!important} 
.podpora_tbl ul li{color: #4183C4; }
.obsah .clanek .podpora_tbl ul li a {text-decoration: none!important;}
.podpora_tbl ul.dokumenty li:before {
  content: "";  color:#4286ca; /* FontAwesome Unicode */
}

.accordion ul, .obsah ul, .obsah .faq ol {list-style: none; }

.accordion ul li:before {
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -2.0em; /* same as padding-left set on li */
  width: 2.0em; /* same as padding-left set on li */
}
.obsah ul li:before { color: green; content: ""; /* FontAwesome Unicode .obsah .faq ol li:before */}
.accordion li.sit:before {  content: ""; color: black /* FontAwesome Unicode */; }
.accordion li.vip:before {  content: ""; color: black /* FontAwesome Unicode */; } 
.accordion li.stabilita:before {  content: ""; color: black  /* FontAwesome Unicode */}
.obsah .nocheck li:before {content: "";}

.search_kb input {border-color: #2185D0 !important;}

.podpora_tbl ul.stahnout li:before {
  content: ""; color:#4286ca  /* FontAwesome Unicode */
}
.podpora_tbl ul li:hover, .podpora_tbl ul li:hover::before {color: orange} 

.ui.accordion.itb_vyhody .itb {padding-left: 45px; font-size: 10px; margin-top: 30px; color: #4183C4; text-decoration: underline;}
.ui.accordion.dalsi .title {color: #4183C4; text-decoration: underline;}
.ui.accordion.dalsi .title i.dropdown.icon { text-decoration: none;} 
.komunikace .ui.segment {
box-shadow: none;
}

.ui.card, .ui.cards>.card {
  width: 280px;
}

.chat .comments {
  overflow-y: auto;
  max-height: 300px;
  margin-bottom: 5px;

}

.chat .chat_in {
  position: absolute;
    bottom: 13px;
}

.komunikace.chat .obsah {height: 446px;}

.chat_in .odeslat {float: right; height: 57px ; padding-top: 22px}
.chat .chat_zpravy {
  height: 380px; padding-top: 0px;
}
.chat .content {text-align: left; padding-left: 10px}

.chat #stav {
color: silver;
font-size: 8pt;
height: 20px;
}

.chat .fluid.form {padding-top: 0px}

.chat .ui.form textarea:not([rows]) {
  height: 4em;
  min-height: 4em;
  max-height: 4em;
     
    float: left;
}
.chat .chat_in textarea.start_text {width: 239px; height: 54px}
.chat .chat_in textarea {width: 234px;}
 
.chat .ui.loader {
  display: block;
}

.chat .logo_itb{width:40px;background:#1c4a7e;color:#fff;font-size:10pt;font-family:Tahoma;font-weight:bold;text-align:center;padding:4px 0 6px 0;margin-bottom:-40px}
.chat .logo_itb a{text-decoration:none!important;color:#fff!important}

.ui.cards.muj_ucet .card {width: 260px}
.ui.cards.muj_ucet .card .extra.content a { text-decoration:none!important;}
.ui.cards.muj_ucet .card:hover .extra.content a { font-weight: normal;}
.ui.cards .card .image { border-radius: 0px !important;}

/*.ui.cards .card:hover {  cursor: pointer!important; }*/ 
.ui.cards .card:hover .extra.content { background-color: #FAFAFA;    }
.ui.cards .card:hover .extra.content a { color: #ff9b00;font-weight: bold;}

/*
.komunikace .obsah {
overflow: hidden;
}*/

.komunikace.news .obsah {
      overflow-y: auto;
    height: 446px;
  }

.komunikace textarea {
height: 50px!important;
}

div.kecal {
display: none;
position: fixed;
bottom: 0px;
z-index: 999;
background: transparent url(../images/kecal.png);
width: 128px;
height: 195px;
}

div.bublina {
display: none;
position: fixed;
bottom: 165px;
z-index: 1000;
padding-left: 98px;
}

p.mluvim
{
	position: relative;
	width: 225px;
	height: 110px;
	text-align: center;
	line-height: 25px;
	background-color: #fff;
	border: 3px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
    padding: 10px;
    opacity: 0.9;
}

p.mluvim:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	top: 104px;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}

p.mluvim:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 34px;
	top: 104px;
	border: 16px solid;
	border-color: #fff transparent transparent #fff;
}

.chat_zpravy
{
height: 182px;
}

.chat_zpravy .ui.inverted.dimmer
{
background: #FFF;
}

.komunikace .vystup {
padding: 135px 45px;
text-align: center;
}

.komunikace .vystup i {
position: absolute;
top: 82px;
left: 87px;
z-index: -1000;
font-size: 140pt;
color: #f7f7f7;
}

.komunikace input[type="number"]::-webkit-outer-spin-button,
.komunikace input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.komunikace input[type="number"] {
    -moz-appearance: textfield;
}
/*
.home {
	background: url(../images/home.jpg?1467707144) no-repeat;
    background-size: cover;
    display: 	none;
}*/




.video-wrapper {
    height: 100%;
    z-index: 0;
    height: 100%;
    overflow: hidden;
}

.menu_top .ui.pointing.secondary.menu {min-height: 0px!important}
.menu_top .ui.pointing.secondary.menu a.item {   font-size: 1.5vh; padding-left: 0px; margin-right: 10px; padding-top: 0px;}
.menu_top .ui.segment {padding-left: 0px!important}
.menu_top.uvod .ui.pointing.secondary.menu a.item,


.menu_sluzby {background-color: transparent !important;  box-shadow: none!important; border: none!important; clear: both; }
.menu_sluzby a.item { font-weight: bolder !important;  
				;margin-right: 2px; opacity: 1; 
				/*box-shadow: 10px 10px 32px -11px black; */ 
				/*border: 1px solid white;*/
				font-size: 24px;
        font-weight: bold!important;
				background-color: rgba(0, 0, 0, 0.5)!important;
				/*background: linear-gradient(to bottom,#fff 20%,#E4E4E4 100%) !important;*/
				color: white!important;
			}
.menu_sluzby a.item {
  min-width: 6.5em!important;
}
.menu_sluzby.menu_uvod a.item {
	border: 0px;
  margin-bottom: 26px;
  min-width: 7em!important;
}

.ui.menu .item:before {background: none;}
.menu_sluzby a i i.corner {text-shadow: 1px 1px black!important }
.menu_sluzby a.ict i i.corner {bottom: 34%;    right: 27%; }
.menu_uvod a.ict i i.corner {bottom: 19px;    right: 15px; text-shadow: none!important; }


.ui.labeled.icon.menu .item>.icon:not(.dropdown) {margin: 0 auto 0.3rem!important;}
.menu_sluzby a.item i.icons .icon {margin-right: 0px;  }
.ui.labeled.icon.menu .item, .menu_sluzby a.item i.icons .icon {text-shadow: 1px 1px black;}
/*
.menu_sluzby a.item:hover   { background-color: #3C6FA8 !important;}
.menu_sluzby a.item.active  { background-color: #1C4A7E !important;} */
.menu_sluzby a.item.active i, 
.menu_sluzby a.item.active , 
.menu_sluzby a.item:hover , 
.menu_sluzby a.item:hover i , 
.menu_sluzby a.item:hover i i.corner, 
.menu_sluzby a.item.active i i.corner { opacity: 1 !important;}
.menu_sluzby a.itemnone:hover {
    -webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: linear;
    
    -moz-transition-duration: 200ms!important;
}

.ui.tv.cards .card {cursor: pointer;}
.balicek_vice {cursor: pointer;}

.ui.modal .scrolling.content { -webkit-overflow-scrolling: touch;}
.description.loga {width: 100%}
.description.loga .tv { border: 1px solid aliceblue; width: 80px; height: 80px;display: table-cell;
    vertical-align: middle; float: left; background-repeat: no-repeat; background-position: center;     background-size: 50px;
    text-align: center;}
.description.loga .tv .t_tv {text-align: center; padding: 29px 2px 0px 2px; font-size: 10px; line-height: 80%; color: #AAAAAA}
.description.loga .tv:hover .t_tv {color: black}
.description.loga .tv:hover {border-color: orange; cursor: pointer;}
.description.loga .tv_par {font-weight: bold;  font-size: 10px;padding-left: 55px;    color:#DCDCDC;}
.tv:hover .tv_par{ color: black }
.tv:hover .t_tv{ color: orange }
.tv_summary {padding-bottom: 20px}
.what {border-bottom: 1px dotted gray; cursor: help;}
.fcol {width: 200px}
.cena_col {width: 100px}

 


.subpage h1 {font-size: 2.3em}

.menu_sluzby  a.ict:hover, .menu_sluzby.uvod a.ict.active {color: white!important; background: rgba(255,149,26, 0.8)!important} 
.menu_sluzby  a.ict:hover, .menu_sluzby a.ict.active {color: white!important; background: rgba(255, 149, 26, 0.8)!important} 
.menu_sluzby  a.ict:hover i {color: #97e2ec}
.menu_sluzby  a.zabava:hover, .menu_sluzby a.zabava.active  {color: white!important;background: rgba(216,35,184, 0.8)!important} 
.menu_sluzby  a.zabava:hover i {color: #8600a0}
.menu_sluzby  a.hlas:hover, .menu_sluzby a.hlas.active  {color: white!important; background: rgba(54,236,10, 0.8) !important} 
.menu_sluzby  a.hlas:hover i {color: #20862a}
.menu_sluzby  a.tech:hover, .menu_sluzby a.tech.active  {color: white!important; background: rgba(98,188,255, 0.8)!important} 
.menu_sluzby  a.tech:hover i {color: #296bcc}
.menu_sluzby  a.tech_pc:hover, .menu_sluzby a.tech_pc.active  {color: white!important; background: rgba(28,74,126, 0.8)!important} 
.menu_sluzby  a.tech_pc:hover i {color: #88b4f5}
.menu_sluzby  a.vyvoj:hover, .menu_sluzby a.vyvoj.active  {color: white!important; background: rgba(121,61,184, 0.8)!important} 
.menu_sluzby  a.helping:hover, .menu_sluzby a.helping.active  {color: white!important; background: rgba(38,218,249, 0.8)!important} 
.menu_sluzby  a.balicky:hover, .menu_sluzby a.balicky.active  {color: white!important; background: rgba(179,101,74, 0.8)!important} 
.menu_sluzby  a:hover i {    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);}
#vyvoj h1, #vyvoj h2, #vyvoj h3, #vyvoj h4, #vyvoj .ui.podmenu .item, #vyvoj .menu_tab .ui.tabular.menu,#vyvoj .ui.accordion .title.active,#vyvoj .ui.accordion .title:hover,#vyvoj .vyhody.ui i {color: #793db8!important; border-color:#793db8!important; border-color: #793db8!important }
#vyvoj .ui.podmenu .item.active, #vyvoj .ui.podmenu .item.active:hover {color: white!important; background-color:rgba(121,61,184, 0.8)!important}
#hosting h1, #hosting h2, #hosting h3, #hosting h4, #hosting .ui.podmenu .item, #hosting .menu_tab .ui.tabular.menu,#hosting .ui.accordion .title.active,#hosting .ui.accordion .title:hover,#hosting .vyhody.ui i {color: #793db8!important; border-color:#793db8!important; border-color: #793db8!important }
#hosting .ui.podmenu .item.active, #hosting .ui.podmenu .item.active:hover {color: white!important; background-color:rgba(121,61,184, 0.8)!important}
#security h1, #security h2, #security h3, #security h4, #security .ui.podmenu .item, #security .menu_tab .ui.tabular.menu,#security .ui.accordion .title.active,#security .ui.accordion .title:hover, #security .vyhody.ui i {color: #3782bb!important; border-color:#3782bb!important; border-color: #3782bb!important }
#servis-it h1, #servis-it h2, #servis-it h3, #servis-it h4, #servis-it .ui.podmenu .item, #servis-it .menu_tab .ui.tabular.menu,#servis-it .ui.accordion .title.active,#servis-it .ui.accordion .title:hover , #servis-it .vyhody.ui i {color: #3782bb!important; border-color:#3782bb!important; border-color: #3782bb!important }
#servis-it .ui.podmenu .item.active, #servis-it .ui.podmenu .item.active:hover {color: white!important; background-color:rgba(28,74,126, 0.8)!important}
#it-dum h1, #it-dum h2, #it-dum h3, #it-dum h4, #it-dum .ui.podmenu .item, #it-dum .menu_tab .ui.tabular.menu,#it-dum .ui.accordion .title.active,#it-dum .ui.accordion .title:hover, #it-dum .vyhody.ui i {color: #3782bb!important; border-color:#3782bb!important; border-color: #3782bb!important }
#it-dum .ui.podmenu .item.active, #it-dum .ui.podmenu .item.active:hover {color: white!important; background-color:rgba(98,188,255, 0.8)!important }
#volani h1, #volani h2, #volani h3, #volani h4, #volani .ui.podmenu .item, #volani .menu_tab .ui.tabular.menu,#volani .ui.accordion .title.active,#volani .ui.accordion .title:hover, #volani .vyhody.ui i {color: #37ae1f!important; border-color:#37ae1f!important; border-color: #37ae1f!important }
#volani .ui.podmenu .item.active, #volani .ui.podmenu .item.active:hover {color: white!important; background-color:rgb(57 189 25 / 80%) !important }
#internet h1, #internet h2, #internet h3, #internet h4, #internet .ui.podmenu .item, #internet .menu_tab .ui.tabular.menu, #internet .ui.accordion .title.active, #internet .ui.accordion .title:hover, #internet .vyhody.ui i {color: #ff9b00!important; border-color:#ff9b00!important; border-color: #ff9b00!important }
#internet .ui.podmenu .item.active, #internet .ui.podmenu .item.active:hover {color: white!important; background-color:rgba(255, 149, 26, 0.8)!important }
#televize h1, #televize h2, #televize h3, #televize h4, #televize .ui.podmenu .item, #televize .menu_tab .ui.tabular.menu, #televize .ui.accordion .title.active,#televize .ui.accordion .title:hover, #televize .vyhody.ui i {color: #9e2a8f!important; border-color:#9e2a8f!important; border-color: #9e2a8f!important }
#televize .ui.podmenu .item.active, #televize .ui.podmenu .item.active:hover {color: white!important; background-color:rgba(216,35,184, 0.8)!important }
#konzultace h1, #konzultace h2, #konzultace h3, #konzultace h4, #konzultace .ui.podmenu .item, #konzultace .menu_tab .ui.tabular.menu, #konzultace .ui.accordion .title.active,#konzultace .ui.accordion .title:hover, #konzultace .vyhody.ui i {color: #1db7da!important; border-color:#1db7da!important; border-color: #1db7da!important }
#konzultace .ui.podmenu .item.active, #konzultace .ui.podmenu .item.active:hover {color: white!important;  background-color:rgba(38,218,249, 0.8)!important }


.vyhody .title i {margin-right: 12px;  }
.vyhody .title {clear: both;}

.nenasel {font-size: 10px}
.ui.menu_uvod .item {
  font-size: 1.4vw;

margin-right: 26px!important;
color: white!important;
background-color: rgba(0, 0, 0, 0.4)!important;
}

.level1 {padding-top: 10px}

.ui.menu_uvod a.item:hover i i.corner {text-shadow: 1px 1px  #E6E4E4!important; }

.slogan_uvod {height: 50px; font-size: 40px; width: 100vw; max-width: 1140px; text-shadow: 1px 1px #1C4A7E; color: white; text-align: center;margin-top: 30px	;margin-bottom: 60px; }
.sloganb    {display: none; height: 40px; font-weight: bold; }
.sloganb_in, .eu-cookies {display: none;}
.ui.block.huge.header {padding-bottom: 8px;}
.ui.big.button {padding-bottom: 8px;}
i.large.icon {line-height: inherit;}
a.ohodnotit {font-size: 10px; text-decoration: underline;}

.mapa.desktop:hover, .positive.message:hover i, .three.statistics .statistic:hover i, .tv_table td:hover i {
	  filter: none;
  cursor: pointer!important ;
  -webkit-transform: scale(1.05,1.05);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 500ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 500ms!important;
}
.ui.two.column.stackable.grid .column:hover .header i
{
    filter: none;
  cursor: pointer!important ;
  -webkit-transform: scale(1.2,1.2);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 500ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: linear;
    -moz-transition-duration: 500ms!important;
}


ul.benefits, ul.benefits ul  {list-style: none !important; margin-left: 0px !important; padding-left: 0px !important; cursor: pointer;}
ul.benefits li, ul.benefits ul li {margin-bottom: 10px}
.benefits .intro:hover {color: navy  ;}
.vyhody ul li {padding-left:30px;padding-bottom: 10px; }
.i_server {background: url('../images/icons/i_server.png') top left no-repeat; }
.i_mapa { background: url('../images/icons/i_map.png') top left no-repeat; }
.i_garance { background: url('../images/icons/i_garance.png') top left no-repeat; }
.i_komunikace { background: url('../images/icons/i_komunikace.png') top left no-repeat; }
.i_expres { background: url('../images/icons/i_car.png') top left no-repeat; }
.i_organizace { background: url('../images/icons/i_organizace.png') top left no-repeat; }
.i_sluzby { background: url('../images/icons/i_sluzby.png') top left no-repeat; }
.i_ceny { background: url('../images/icons/i_gift.png') top left no-repeat; } 

.obsah .ui.vertical.menu.vlevo {border-colordd: #4286ca!important; border-radius: 0px;}

.obsah .ui.vertical.menu {
width: 180px;
white-space: normal!important;
}


.obsah h3 {margin-bottom: 14px;} 

.internet_right_tech a:hover {color: orange!important}
.obsah .ui.button {text-align: left;}
.obsah .ui.button.login {text-align: center;}
.l_info {padding-left: 13px}
.obsah #loginform p {margin: 0px}

.ui.cards .card.email, .ui.cards .card.sms  {width: 380px}

.ui.menu.menu_hlavni {
font-family: Arial,Helvetica,sans-serif;
border-radius: 0!important;
background: none!important;
box-shadow: none !important;
border: none!important;
position: absolute;
right: calc(50% - 572px);
top:  22px;
}
.ui.menu.item {color: white!important}

.menu_paticka  {
	background: black!important;
	border-radius: 0!important;

}
.menu_paticka .item {
font-size: 19px!important;
}

.menu_tab .ui.tabular.menu {
border-bottom: 1px solid #4286ca!important;
}

.ui.inverted.menu {
	width: 1140px !important;
    margin-bottom: 0px !important;
  margin-left: auto!important;
  margin-right: auto!important;

}

.ui.dropdown.mesta {
    margin-bottom: 0px !important;
    margin-left: auto!important;
    margin-right: auto!important;
    position: fixed;
     text-align: right;
     right: calc(50% - 549px);
    bottom: 80px;
    font-size: 22px;
    color: white !important;
    text-shadow: 1px 1px #1C4A7E !important;
    z-index: 1000;
}

.ui.dropdown.mesta .menu {    right: -13px; left: auto;}
.ui.dropdown.mesta .menu {background-color: rgba(0, 0, 0, 0.33); width: 218px; border: none;}
.ui.dropdown.mesta .menu .item:hover  {background-color: rgba(216, 216, 216, 0.45);}
.ui.dropdown.mesta .text:hover, .ui.dropdown.mesta.visible .text {color: orange}
.ui.dropdown.mesta .menu .item {color: white !important; font-size: 17px;
    text-shadow: 1px 1px #1C4A7E !important;  text-align: right;}



.ui.cards .card:hover {box-shadow: 0 1px 3px 0 orange, 0 0 0 1px orange;}
.ui.cards .card .extra {color: black!important;}
.ui.cards.card_sluzby .card .extra {color: grey!important;}
.ui.cards.card_sluzby .card .extra:hover {color: black!important; cursor: pointer;}
.ui.block.header,.ui.card, .ui.cards>.card, .ui.card>:last-child, .ui.cards>.card>:last-child,
.ui.card>:last-child, .ui.cards>.card>:last-child,
.ui.top.attached.header
 {border-radius: 0px !important;}
.ui.basic.buttons {border:0px; border-radius: 0px !important}


.ui.attached.tabular.podmenu {
  overflow-x: auto;
  overflow-y: hidden;

}
.ui.attached.tabular.podmenu::-webkit-scrollbar {
    display: none;
}

.ui.podmenu .item {
border-top: 0px!important;
border-left: 0px!important;
border-color: #4286ca!important;
color: #4286ca!important;
}
.ui.card>.button, .ui.card>.buttons, .ui.cards>.card>.button, .ui.cards>.card>.buttons {
     margin: 0px; 
     width: calc(100%); 
    }

.ui.tabular.podmenu .active.item, .ui.top.attached.menu>.item:first-child, .ui.menu>.item:first-child {
border-radius: 0!important;
}

.ui.attached.segment, .ui.segment {
margin: 0!important;
border: 0px!important;
width: 100%!important;
}



.menu_top .ui.tab.segment {
		background: none;
    padding-bottom: 0px;
}



.ui.pointing.secondary.menu {margin-bottom: 0px}
.menu_top  .ui.secondary.pointing.menu {border-bottom: none;}
.menu_top  .ui.secondary.pointing.menu a {text-shadow: 1px 1px #4366A7; color: white!important}
.menu_top.uvod    {display: none;padding-left: 13px}
.ui.secondary.pointing.menu .item {padding-bottom: 5px}
.ui.secondary.pointing.menu .item {padding-bottom: 5px}
.ui.secondary.pointing.menu .item:hover {text-shadow: 1px 1px black}
.ui.secondary.pointing.menu .active.item, .ui.secondary.pointing.menu .active.item:hover {border-color: white; text-shadow: 1px 1px black}

.ui.vertical.basic.buttons .button {margin-bottom: 5px!important; border-radius: 0 0 0 0!important; border-top: 0px;}
.ui.vertical.basic.buttons .button:hover {color:orange!important;  box-shadow: 0 0 0 1px orange inset!important; ;}

.intro_button {color: navy}
.intro_button:hover {color: orange; cursor: pointer;}
/*
.vyhody.ui.accordion .title:hover, .vyhody.ui.accordion .title.active, .ui.accordion .title:hover,
.ui.accordion .title.active {color: #ED7403!important; }*/
.vyhody.ui.accordion .title:hover, .vyhody.ui.accordion .title.active {background-color: #FAFAFA !important;}
.vyhody.accordion .title {padding-left: 5px!important}
.vyhody .content {padding-left: 50px!important}
.ui.accordion.faq .content {padding-left: 21px !important}
.vyhody.accordion .content ul {padding-left: 0px !important; }
.vyhody.ui.accordion .content ul li {padding-bottom: 10px !important; font-style: normal!important; }

ol.ui.list.postup li:before {
    font-weight: bold;
}
.ui.rating {display: block; }

.internet_right {float: right; font-size: 11px}
.internet_right_tech { text-align: left; width: 220px; padding-top: 20px; font-size: 14x; float: right;}

.obsah .clanek .internet_right_tech a {color: black; text-decoration: none !important;}
.submap {    font-size: 12px;
    clear: both;
    padding-top: 30px;
	padding-left: 10px}
.subpage .ui.header   {background: #4286ca!important; color: white!important; border: 0px;}
#internet h2.ui.header  { color: white!important; } 
.fb_itb {position: 	absolute!important;	bottom: 50px!important; display: none;}
.reference img {
	filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 0.7;
  margin-right:40px; 
  margin-bottom:20px; 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
} 


.reference img:hover, .reference img.hover_img {
  filter: none;
  filter: grayscale(0);
  cursor: pointer!important ;
  -webkit-filter: grayscale(0)!important;
  -webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-in;
    text-shadow: 2px 2px #E6E4E4;
    -moz-transition-duration: 500ms!important;
    opacity: 1;
}

.fix-logo {
    position: fixed!important;
    top: -15px!important;
    z-index: 1000;
    margin-left: -620px;
    }
.remove-slogan {opacity: 0!important ;}    
.fix-submenu {
    position: fixed;
    top: 70px;
    }

.klid img {position: fixed;bottom:  -300px; height: 100px;}
#akceman { display: none;    position: fixed; cursor: pointer; 
    bottom: 51px;    z-index: 1901;    left: 46%;	margin-left: -642px;
    padding: 20px; border: 1px solid #72B1F7; background: rgba(255,255,255,0.8)
}  

#man {   position: fixed;
	
    bottom: 47px;
    z-index: 1901;
    left: 50%;
	margin-left: -539px; 
}    

#man img { cursor: pointer; }
#man div { position: absolute; display: none;  border: 1px solid #72B1F7; background: rgba(255,255,255,0.95); -webkit-box-shadow: 3px 4px 5px -1px rgba(0,0,0,0.50);
-moz-box-shadow: 3px 4px 5px -1px rgba(0,0,0,0.50);
box-shadow: 3px 4px 5px -1px rgba(0,0,0,0.50);}
#man #b1 {bottom: 215px;    left: 77px;    width: 12px;    height: 12px; }
#man #b2 {bottom: 216px;    left: 97px;    width: 27px;    height: 27px;}
#man #b3 {bottom: 217px;    left: 135px;    width: 252px;    min-height: 114px; padding: 10px; font-size: 11px; line-height: initial; }
#man #b3 .icon {float: right; margin-right: 0px}
#man #b3 .icon:hover {color: orange; cursor: pointer;}
.pred_tip, .tip_nasledujici {cursor: pointer;}


/*.obsah .clanek a.kom_btn {cursor: pointer!important; text-decoration: none!important; padding: 0px 10px !important;}*/
.obsah .clanek a.kom_btn {cursor: pointer!important; text-decoration: none!important; margin-top:20px; }

.ui.block.header .close_btn {float: right; margin: 0px; padding: 0px;
    cursor: pointer;
    width: 24px;
}

.ceny_zajem {float:right; display:block;  width:250px;text-align: right; margin-top:-12px; margin-bottom: 20px; clear: both;} 
.ceny_zajem button {margin-top: 15px!important;}

.ui.menu > .item:first-child, .ui.menu > .item, .ui.menu {  border-radius: 0px 0px 0px 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px}

.ui.padded.table th, .ui.padded.table td {
    padding: 1em 1em;
    vertical-align: top;
}




/*******************************
          Responsive
*******************************/


.ui.menu_uvod .item {font-size: 25px;   } 


@media only screen and (max-width : 1950px) {
  .ui.menu_uvod .item {font-size: 1.4vw;   }
}

/* Mobile Only */
@media only screen and (max-width : 1200px) {
.logo {margin-left: 0px; left: 0px; width: 220px}
.menu_top {padding-left: 10px}
.menu_sluzby {overflow-x: auto; }
.menu_sluzby::-webkit-scrollbar {  display: none;}
.menu_sluzby a.item {font-size: 2.5vw; margin-right: 2px;}
.spolecnost {right: 10px; left: initial;}
.menu_uvod {width: 100vw;  }
.ui.dropdown.mesta {right: 5px}
.ui.menu_uvod .item {font-size: 2vw;   }



#man {left: 33px;margin-left: 0px}

}

@media only screen and (max-width : 768px) {

  #mam_zajem span {padding-left: 10px}

  #itb-chat-launcher {bottom: 47px!important}
  #itb-chat-launcher span {display: none;}

  .item.mezer {width: 5px!important; padding: 0px!important}

  .ui.header:first-child {
    margin-top: 0px;}

   #cookie-banner {height: 35%}

 .subpage h1 {    font-size: 25px;}
 h2 {    font-size: 20px;}

.komunikace h3 {position: sticky; top: 0px; z-index: 10}




.ui.menu_uvod .item {font-size: 14px;  }  
.menu_sluzby.menu_uvod a.item { margin: 10px 10px 0px 0px !important  }  

img.large_image {width: 100%!important}  

.menu_sluzby a.item i.icons .icon {text-shadow: none;}  
.ui.labeled.icon.menu .item {text-shadow: none;}

a.label.ui {margin-bottom: 20px!important; width: 100%!important} 

.sluzby_sroll {width: 100%; overflow-x: scroll;}
.obsah .clanek a.kom_btn {display: block; padding: 10px!important}
.slogan_uvod {margin-bottom: 30px}
.sloganb_in {padding-top: 8px}

#obsah_chytra-domacnost iframe {width: 100%}
.chat .chat_in textarea {
    width: 150px;}
.ui.dropdown.mesta {bottom: 46px}
.eu-cookies { bottom: 60px; width: 100%!important; margin: 0px}  
.ui.three.statistics .statistic {margin-right: 10px}
.ui.menu.menu_sluzby {min-height: initial;}
.obsah .three.wide.column {display: none;}
.text.drop {margin-left: 18px;}
.reference {text-align: center; }  
.reference img { width: 99px!important; height: auto!important;}
.dropdiv.dropdown {margin-bottom: 10px; margin-left: 20px}
.dropdown .podmenu.menu {border: 0px; border-radius: 0px;min-width: 82vw;}
.faq .title i {float: left!important; margin-right: 6px!important; margin-bottom: 20px!important; }
.faq .title {clear: both;}
.vyhody .title i {float: left; margin-right: 12px; margin-bottom: 20px; }
.logo {padding-top: 10px; width: 170px; height: 32px; margin-left: -10px}
.logo img {width: 170px;}
.page {margin-top: 100px;}
.vertical.basic.buttons i {float: left;}
.clanek img[style*="float: right"], .clanek img[align*="right"] { float: none!important; clear: both; display: 	block; }
.obs {margin-top: 0px}
.page.uvod { top: calc(100% - 550px);}
.ceny_zajem {float: none; clear: both;display: 	block;}
.obsah .thirteen.wide.column {width: 100%!important}
.facebook_paticka {left: 10px;}

.r_menu {    
    display: block;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 39px;
    
    color: white!important;
    font-size: 3.3vh !important;
    text-shadow: 1px 1px #1C4A7E !important;}
.r_menu  i {font-size: 3vh;}    


.sloganb {font-size: 5vw; margin-top: 0px; margin-bottom: 0px; height: 4vw}
.slogan_uvod {font-size:5vw; }

.ui.inverted.menu {    width: 100vw!important;}
.ui.inverted.menu i {font-size: 1.5em}
.komunikace,  .komunikace.mam_zajem {bottom: 40px; margin-left: 0px!important; width: 90%; overflow-y: auto;height: 86%;}
.ui.menu.menu_paticka .item {padding: 0.92857143em 0.9em}
.ui.menu.menu_paticka .mezera {display: none;}
.ui.menu.menu_paticka .item i {margin-right: 0px;}
.menu_paticka .item {    font-size: 11px!important;}
.ui.menu.menu_paticka .zajem_btn {position: relative!important;}
#chat span, #zavolat span, #napsat span, #osobne span,  #man {display: none!important;}


}


@media only screen and (max-height: 800px) {

  #man {display: none !important;}
} 



@page  
{ 
    size: auto;   /* auto is the initial value */ 

    /* this affects the margin in the printer settings */ 
    margin: 1cm 15mm 1cm 0mm;  
    padding-top: 3cm;

} 


@media print {

body {margin: 1cm 0cm 2cm 15mm;  }	
body ::-webkit-scrollbar { width:auto;}



.ui.modal.tv_div_detail {display: block; box-shadow: none;  border:none; position: relative; top: auto; left: auto;}
.ui.modal .scrolling.content {overflow: visible; max-height: none;}
.ui.modal.tv_div_detail .close {display: none}
iframe {display: none;}

.fullscreen-bg {background: none!important;background-image:none!important;}
video {display: none!important;}    
html {
background: #FFF;
height: 100%;
}
.logo {font-size: 35pt;width: 356px ;font-size: 25pt; position: absolute;left: 0; margin-left: 0px;z-index: 1000;  }
.logo img {width: 356px;}
.subpage h3 { font-size: 24px}
.subpage h1 {position: absolute; font-size: 40px;
    top: 0;
    right: 0;}
.vyhody .content , .faq .content {display: block!important;}    

.ui.grid .thirteen.wide.column {width:100%!important}
.ui.grid .three.wide.column {
    width: 0px!important;
    padding: 0px;}
  
body {font-size: 24px; line-height: 30px;}
.menu_hlavni, .menu_top, #man, .menu_paticka, .menu_o, .dropdiv, .sub_menu, .dalsi, .itb_vyhody, #man_device, .klid {display: none!important}
}