/* EasyWeb html style file */



body { background-color: #fff; color: #000; font-size: 1em; }






span.spanBig { font-size:1.6em; }




img.obtokVlevo { float: left; padding-right: 30px; padding-bottom: 20px; }



img.obtokVpravo { float: right; padding-left: 30px; padding-bottom: 20px; }



p.odrazkaVelka { font-size: 1.0em; margin: 0 0 15px 0; color: #000; background: url(72fc5efd-1518-4e25-9f60-f02e8236484a) no-repeat left center; min-height:32px; padding:5px 0 5px 40px; line-height:32px; display:table}



table.table70 {width:70%; border-collapse:collapse}
table.table70 th, table.table70 td {text-align:left; border-bottom:1px solid #e2ded2}




table.table60 {width:60%; border-collapse:collapse}
table.table60 th, table.table60 td {text-align:left; border-bottom:1px solid #e2ded2}



table.table50 {width:50%; border-collapse:collapse}
table.table50 th, table.table50 td {text-align:left; border-bottom:1px solid #e2ded2}



table.table40 {width:40%; border-collapse:collapse}
table.table40 th, table.table40 td {text-align:left; border-bottom:1px solid #e2ded2}



table.table30 {width:30%; border-collapse:collapse}
table.table30 th, table.table30 td {text-align:left; border-bottom:1px solid #e2ded2}




strong.orange {color:#dfa831}



ul.ul50 {float:left; width:45%; margin:0 10% 0 0;}
ul.ul50:nth-child(2n) {margin:0}





ul.ulKatalog {margin:0 0 30px 0;}
ul.ulKatalog::after {content: ""; clear: both; display: table;}
ul.ulKatalog li {float:left; width:45%; margin:0 10% 0 0}
ul.ulKatalog li:nth-child(2n) {margin:0}



div.divMob {display:block}




@media screen and (min-width: 768px) and (max-width: 999px) {
	ul.ulKatalog li {float:left; width:32%; margin:0 2% 0 0}
	ul.ulKatalog li:nth-child(2n) {margin:0 2% 0 0}
	ul.ulKatalog li:nth-child(3n) {margin:0 0 0 0}
}
@media screen and (max-width: 767px) {
	table.table30, table.table40, table.table50, table.table60, table.table70 {width:100%}
	table.table30 th, table.table40 th, table.table50 th, table.table60 th, table.table70 th {text-align:left;}
	table.table30 td, table.table40 td, table.table50 td, table.table60 td, table.table70 td {text-align:left;}
	p.pNadpis {float:none!important; display:table!important; margin:0 auto 20px auto!important;}
	ul.ul50 {float:none; width:100%; margin:0 auto 0 auto!important; }
	ul.ul50:nth-child(2n) {margin:0 auto!important}
	div.divMob {display:table; margin:0 auto;}
	ul.ulKatalog {display:table; margin:0 auto 20px auto!important;}
}
@media screen and (max-width: 480px) {
	ul.ulKatalog li {float:none; width:100%; margin:0}
}




table.vychoziTabulka {border-collapse:collapse; border-spacing:0; margin:0 0 15px 0; min-width:420px}
table.vychoziTabulka tr th {background:#382003; color:#fff; font-weight:bold; padding:5px 10px; border:1px solid #382003; text-align:center}
table.vychoziTabulka tr td {padding:5px 10px; border-bottom:1px solid #665D52; text-align:center}



table.tabulkaZebra {border-collapse:collapse; border-spacing:0; margin:0 0 15px 0; width:100%; }
table.tabulkaZebra tr:nth-child(2n) td {background:#c2b9b3; color:#000; padding:5px 10px;}
table.tabulkaZebra tr:nth-child(2n+1) td {background:#dbd4cd; color:#000; padding:5px 10px;}



table.tabulkaZebraBig {border-collapse:collapse; border-spacing:0; margin:0 0 25px 0; width:100%; }
table.tabulkaZebraBig tr th {text-align:left; font-size:1.0em; font-weight:600; vertical-align:top;}
table.tabulkaZebraBig tr td {text-align:left; font-size:1.0em; vertical-align:top;}
table.tabulkaZebraBig tr:nth-child(2n) td, table.tabulkaZebraBig tr:nth-child(2n) th {background:#c2b9b3; color:#000; padding:5px 10px;}
table.tabulkaZebraBig tr:nth-child(2n+1) td, table.tabulkaZebraBig tr:nth-child(2n+1) th {background:#dbd4cd; color:#000; padding:5px 10px;}



table.tabulkaZebraBig2 {border-collapse:collapse; border-spacing:0; margin:0 0 25px 0; width:100%; }
table.tabulkaZebraBig2 tr th {text-align:left; font-size:1.0em; font-weight:600; vertical-align:top;}
table.tabulkaZebraBig2 tr td {text-align:left; font-size:1.0em; vertical-align:top;}
table.tabulkaZebraBig2 tr:nth-child(2n) td, table.tabulkaZebraBig2 tr:nth-child(2n) th {background:#c2b9b3; color:#000; padding:5px 10px;}
table.tabulkaZebraBig2 tr:nth-child(2n+1) td, table.tabulkaZebraBig2 tr:nth-child(2n+1) th {background:#dbd4cd; color:#000; padding:5px 10px;}



table.contactTabulka {border-collapse:collapse; border-spacing:0; margin:0 0 15px 0; min-width:480px; width:100%;}
table.contactTabulka tr th {padding:5px 50px 5px 0; text-align:left; width:50%;}
table.contactTabulka tr td {padding:5px 10px 5px 0; text-align:left; width:50%;}



p.zvyraznenyText { font-size: 1.2em; font-weight:600; margin: 0 0 15px 0; color: #000 !important; background: #dbd4cd; min-height:24px; padding: 15px 20px;display:table}



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%; }



p.pNadpis { font-size:0.85em; margin:0 0 20px 0; padding:0 0 8px 0; border-bottom:1px solid #d1a600; float:left;}



h3.h3margin {margin:0 0 10px 0; font-size:1.3em;}



h2.h2margin {margin:0 0 10px 0; }



p.pLink {font-size:1.2em;}





.tContact {display:block; margin:0 0 40px 0; }
.tContact tr th, .tContact tr td {font-size:1.4em; font-weight:800; padding:2px 20px 2px 0; text-align:left;}
.tContact tr th {}
.tContact tr td {}
.tContact tr th a, .tContact tr td a {color:#007b9e; text-decoration:none;}
.tContact tr th a:hover, .tContact tr td a:hover {color:#007b9e; text-decoration:underline;}



.contact {min-height:200px;}


div.wrap50 { float:left; width:48%; margin:0 4% 20px 0;}
div.wrap50:nth-child(2n) {margin:0 0 20px 0;}



div.wrap33 { float:left; width:30%; margin:0 5% 20px 0;}
div.wrap33:nth-child(3n) {margin:0 0 20px 0;}



div.gal3 {margin:0 0 20px 0;}
div.gal3 span { float:left; width:30%; margin:0 5% 20px 0;  }
div.gal3 span:nth-child(3n) {margin:0 0 20px 0;}
div.gal3 img {max-width:100%; display:table; margin:0 auto;}




div.wrap70 { float:left; width:70%; margin:0 0 20px 0; padding:0 20px 0 0;}



div.wrap30 { float:left; width:30%; }



p.pBig { font-size:1.2em; font-weight:600; }



.cont2L {float:left; width:70%; margin:0 5% 0 0}
.cont2R {float:left; width:25%;}
.cont2R img {max-width:100%;}
.cont2LL {float:left; width:48%; margin:0 4% 30px 0}
.cont2LR {float:left; width:48%; margin:0 0 30px 0}
.cont2In {display:block}

.tabyBox .tabyUl {margin:0 0 20px 0;}
.tabyBox .tabyUl li {padding:0; float:left; width:47%; margin:0 6% 20px 0; text-align:center;}
.tabyBox .tabyUl li img {max-width:100%;}
.tabyBox .tabyUl li:nth-child(2n) {margin:0 0 20px 0}
.tabyBox .tabyUl li:before {content:""}
.tabyBox .tabyUl li span {background:#fff; color:#000; display:block; text-align:center;}




@media screen and (max-width: 767px) {
		img.obtokVlevo, img.obtokVpravo {max-width:200px}
		table.contactTabulka tr th {display}
		table.tContact {width:auto; display:table; margin:0 auto 20px auto;}
		.contact {min-height:20px; background:none;}
		div.wrap33 {width:48%; margin:0 4% 20px 0;}
		div.wrap33:nth-child(2n) {margin:0 0 20px 0;}
		div.wrap33:nth-child(3n) {margin:0 0 20px 25%;}
		
		.cont2L {width:100%; margin:0 0 0 0}
		.cont2R {width:100%; margin:0 0 20px 0;}
		.cont2In {display:block; float:left; width:48%; margin:0 4% 0 0}
		.cont2In:nth-child(2n) {margin:0}
		.cont2LL, .cont2LR {width:100%; margin:0 0 20px 0}
		table.tabulkaZebraBig tr td, table.tabulkaZebraBig tr th, table.tabulkaZebraBig2 tr td, table.tabulkaZebraBig2 tr th {display:block; width:100%}
		.tabyBox ul {display:table; margin:0 auto 20px auto!important; }
		.tabyBox ul li {text-align:left;}
		
}
@media screen and (max-width: 600px) {
		ul.contUl li a, ul.contUl li span {padding:20px 30px;}
}
@media screen and (max-width: 480px) {
	ul.contUl li {float:none; margin:0 0 15px 0; display:block; }
	div.respTable table {width:100%}
	img.obtokVlevo {max-width:100%; display:table; margin:0 auto 10px auto; float:none;}
	img.obtokVpravo {max-width:100%; display:table; margin:0 auto 10px auto; float:none;}
	.tContact {font-size:0.8em;}
	table.vychoziTabulka {min-width:200px; width:100%; font-size:0.9em;}
	table.tabulkaZebra {font-size:0.9em;}
	div.wrap50 {width:100%; margin:0 0 20px 0;}
	div.wrap33 {width:100%; margin:0 0 20px 0;}
	div.gal3 span {width:100%; margin:0 0 20px 0;}
	div.wrap33:nth-child(3n) {margin:0 0 20px 0;}
	.cont2In {width:100%;}
}


