/* EasyWeb html style file */






.boxDown {margin:0 0 30px 0;}
.boxDownItem {margin:0 0 20px 0; line-height:1.4em;}
.boxDownItem a {color:#f06c1a; text-decoration:underline;}
.boxDownItem a:hover {color:#f06c1a; text-decoration:none;}

.blogDBox ol {list-style:decimal; margin:0 0 20px 20px}
.blogDBox ol li {line-height:1.4em; padding:0 0 5px 0;}
.blogDBox hr {border:none; border-bottom:1px solid #d1d1d1}
.blogDBox p img.blogWideImg {margin:0!important;}
.blogDBox table tr td {vertical-align:middle; padding:10px;}
.blogDBox table tr td img {max-width:100%; margin:0!important}


img.obtokVlevo { float: left; padding-right: 30px; padding-bottom: 20px; }



img.obtokVpravo { float: right; padding-left: 30px; padding-bottom: 20px; }



div.obtokRight { float: right; padding-left: 30px; padding-bottom: 20px; }



div.obtokLeft { float: left; padding-right: 30px; padding-bottom: 20px; }



img.imgRespon { max-width:100%; }



a.tlacitko { display:block; float:left; padding: 8px 30px; line-height: 1.2em; color:#fff!important; text-decoration:none!important;  text-transform:uppercase}
.boxMain680 a.tlacitko {display:table; margin:0 auto 10px auto; float:none;}



input.tlacitko { display:block; float:left; padding: 8px 30px; line-height: 1.2em; color:#fff!important; text-decoration:none!important; border:none; cursor:pointer; text-transform:uppercase;}



p.pLabels {display:block }
p.pLabels a, p.pLabels span {float:none; display:inline-block; margin:0 5px 5px 5px;}



h3.h3margin5 { margin:0}



p.zvyraznenyText { color: #fff !important; background: #32caa6; padding: 15px 20px;}
p.zvyraznenyText a { color: #fff !important;}



div.boxTable { display:block;}
div.boxTable .boxTableItem {display:table; width:100%;}
div.boxTable .boxTableItem .boxTableTd {display:table-cell; vertical-align:middle; width:50%; padding:10px 10px 10px 0}
div.boxTable .boxTableItem .boxTableTd:nth-child(2n) {padding:10px 0 10px 10px}
div.boxTable .boxTableItem .boxTableTd img {margin:0!important; max-width:100%;}




.video {position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden;}
.video iframe,
.video object,
.video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



ul.ulBig {margin:0 0 30px 0; padding:0; list-style:none;}
ul.ulBig li {padding:5px 0 5px 30px; line-height: 1.4em; position:relative; }
ul.ulBig li:before, #pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBig li::before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position:absolute; left:0; top:6px; content: "\f0c8"; color:#F78021; font-size:12px;}



ul.ulBig-responsive {margin:0 0 30px 0; padding:0; list-style:none;}
ul.ulBig-responsive li {padding:5px 0 5px 30px; line-height: 1.4em; position:relative; }
ul.ulBig-responsive li:before, #pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBig li::before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position:relative; left:0; top:0px; content: "\f0c8"; color:#F78021; font-size:12px;}


.sliderContent .description .sliderTitle {font-size:4em; color:#fff; font-weight:800;}
.sliderContent .description .sliderText {margin:0 0 20px 0;  font-weight:600}
.sliderContent .description .sliderText strong {font-size:1.2em; font-weight:800}


span.podtrzeni { background:url(/templates/css/images/podtrh.png) repeat-x left bottom}



a.stitekZelena {background:#1ed300; color:#fff}



a.stitekOranzova {background:#ffb525; color:#fff}



a.stitekFialova {background:#ff25f2; color:#fff}



a.stitekModra {background:#3954c6; color:#fff}



a.stitekTyrkysova {background:#e31b7e; color:#fff}



a.stitekZluty {background:#e7e955; color:#fff}



div.boxTableSluzby {display:block}
div.boxTableSluzby .boxTableTd {float:left; width:48%; margin:0 4% 30px 0;}
div.boxTableSluzby .boxTableTd:nth-child(2n) {margin:0 0 30px 0;}
div.boxTableSluzby .boxTableTd h2 {font-size:1.5em}
div.boxTableSluzby .boxTableTd h3 {font-size:1.3em; margin:0 0 10px 0;}



div.tableBox {width:100%; overflow: auto !important; margin: 0 0 1em;   }
div.tableBox table {width:100%!important; margin:0 0 20px 0; }



#pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBtn, #bcBackground .boxMain ul.ulBtn {margin:0 0 20px 0; padding:0; list-style:none;}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBtn li, #bcBackground .boxMain ul.ulBtn li {display:block; padding:0;margin:0 0 10px 0;}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBtn li:before, #bcBackground .boxMain ul.ulBtn li:before {content: "\f105"; position:absolute; left:auto; top:10px; right:10px; font-size:18px;}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBtn li a, #bcBackground .boxMain ul.ulBtn li a {display:block; padding:5px 20px 5px 10px; background:#fff; color:#000;}
#pageWrap.pageWrapPage #bcBackground #bcHeader #bcFooter .boxMain ul.ulBtn li h2 a, #bcBackground #bcHeader #bcFooter .boxMain ul.ulBtn li h2 a {color:#000;}
#pageWrap.pageWrapPage #bcBackground #bcHeader #bcFooter .boxMain ul.ulBtn li:hover h2 a, #bcBackground #bcHeader #bcFooter .boxMain ul.ulBtn li:hover h2 a {color:#f06c1a; text-decoration:none;}
#pageWrap.pageWrapPage #bcBackground #bcHeader #bcFooter .boxMain ul.ulBtn li:hover:before, #bcBackground #bcHeader #bcFooter .boxMain ul.ulBtn li:hover:before {color:#f06c1a;}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.ulBtn li h2, #bcBackground .boxMain ul.ulBtn li h2 {margin:0; font-size:1.2em;}



#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl li, ul.mileUl li {padding:0 0 10px 0}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl li:before, ul.mileUl li:before {content:""}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl>li>strong {float:left; display:block; padding:5px 10px; background:#34CAA4; color:#fff; margin:0 15px 0 0;}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl li ul {float:left; width:calc(100% - 110px); margin:4px 0 0 0}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl li ul li {padding:0 0 0 20px;}
#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl li ul li:before {content:"\f111"; top:7px}






@media screen and (min-width: 1000px) and (max-width: 1199px) {
		
}

@media screen and (min-width: 768px) and (max-width: 999px) {
   
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	#pageWrap.pageWrapPage #bcBackground #bcHeader #bcFooter .boxMain .boxLeft ul.ulBtn {margin:0;}
	p.pLabels {display:table; margin:0 auto 20px auto!important;}
}
@media screen and (max-width: 600px) {
	div.boxTableSluzby .boxTableTd {width:100%; margin:0 0 10px 0;}
}

@media screen and (max-width: 480px) {
	.tableSluzby tr td  {display:block; width:100%;}
	div.tableBox table {font-size:0.75em;}
	/*.blogDBox div.tableBox table tr td {padding:3px;}*/
	p.pLabels {display:table; margin:0 auto 20px auto!important;}
}
@media screen and (max-width: 410px) {
	div.tableBox {width:300px;}
	
	#pageWrap.pageWrapPage #bcBackground .boxMain ul.mileUl li ul { width:100%; }
}