@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin-ext');

a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5 {font-family: 'Raleway', sans-serif;  margin: 0; padding: 0; box-sizing: border-box; }
a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5, header,footer {font-size: 11pt;}
p {margin-bottom: 15px;  color: #222;} 

h2 a:link, h2 a:visited {color: #aaa;}
h3 a:link, h3 a:visited {color: #eb2227; }

h1 {color: #eb2227; width: 100%; font-weight: 700; font-size: 30pt; padding: 15px 0; float: left; margin: 0 0 20px 0; position: relative; line-height: 130%;}
h2 {color: #eb2227; width: 100%; font-weight: 700; font-size: 25pt; padding: 0; float: left; margin: 0 0 20px 0; position: relative; line-height: 130%;}
h3 {color: #eb2227; width: 100%; font-weight: 300; font-size: 18pt; padding: 5px 0; float: left; margin: 0; position: relative; line-height: 130%;}
h4 {color: #888888; width: 100%; font-weight: 300; font-size: 14pt; padding: 5px 0; float: left; margin: 0; position: relative; line-height: 130%;}
h2 img.icon {position: absolute; right: 10px; top: -7px; height: 71px;}
.td_body {z-index: 1; position: relative; padding-bottom: 15px; float: left; width: 100%;}
p, div {line-height: 150%;}
.redPart .td_body {width: 100%;}

ul {margin-left: 0px; margin-bottom: 15px;}
ul, ul li {box-sizing: border-box; list-style: none; font-size: 11pt;}
ul li {margin-left: 30px;}



li:before{
   content: '';
   display: inline-block;
   height: 20px;
   width: 20px; margin-right: 10px; margin-left: -30px; transform: translate(0, 3px);
   background-image: url('/files/check.svg');
}

table {width: 100%; border-spacing: 5px;}
table td { 
	vertical-align: top; 
	overflow: hidden;
	padding: 5px 10px;
	background-color: rgba(255,255,255,0.8);
	}
table.table-corners td {vertical-align: middle;}
table.table-corners thead tr td {vertical-align: middle; height: 100%; font-weight: bold; color: white;}
table.table-cart thead tr:first-child { background-color: #eb2227;}
	
table table {border: 0; background: none; }
table table td {width: auto; vertical-align: top; padding: 5px;  border: 0;  background: none;}
table.sluzby td {}
table td p {padding: 5px 10px; width: 100%;}
table td h2 {padding: 0; color: #eb2227; padding: 10px 0px; font-size: 16pt; font-weight: 300; margin: -10px; width: calc(100% + 20px); }
iframe {
	width: calc(100% - 2px);
	border: 2px solid #ddd; 
	overflow: hidden;
	}
table.table-corners {
border-spacing: 0;
padding: 0;
background-color: rgba(255,255,255,0.8);
overflow: hidden;
}

.td_body img {margin: 10px;}

table.table-corners {width: 100%; float: left; margin-bottom: 25px;}
table.table-sizes tr td:nth-of-type(1) {display: block;}
table.table-cart tr td:nth-of-type(1) {display: block;}
table.table-my-orders tr td:nth-of-type(1) {display: block;}
table.table-displayfirst tr td:nth-of-type(1) {display: block;}
table.table-cart tr td:nth-of-type(1) {width: 300px;}
table.table-cart tr td:nth-of-type(2) {width: 200px;}
table.table-detail tr td:nth-of-type(1) {display: block;}
table.table-detail tr td {float: left; width: 100%;}
table.table-corners td {background: none; border: 0; padding: 5px;}
table.addressBox {background: none; border: 0;}


table.fullWidth {width: 100%;}

.fastLinks,article div, .fadeIt, .menuBlock1 {opacity: 1;}
div.numberBox {position: relative; background-image: url(/files/numberBox.svg); background-repeat: no-repeat; background-position: center center; float: left; width: 100%; height: 55px; margin-bottom: 10px;}
div.numberBox div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 26pt;}
table.threeSteps {width: 900px; float: left;}
table.threeSteps td {width: 33%; background: none; text-align: center; padding: 15px;}
table.threeSteps td p {float: left;}
table.threeSteps td {transition: 0.15s;}
table.threeSteps tr:nth-of-type(2) td:hover {transform: scale(1.1);}
@media only screen and (max-width: 1023px) {
table.threeSteps {width: 100%;}
.redPart1 img.skipStyle {display: none;}
table.table-corners {width: 100%;}
iframe {
	width: 100%;
	border: 0px solid #ddd; 
	overflow: hidden;
	}
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
.td_body ul {margin-bottom: 10px;}
.redPart1 img.skipStyle {display: block;}
table.threeSteps td {width: 100%; float: left;}
table.threeSteps td p {text-align: center;}
table.table-cart tr td {float: left; width: 100%;}
table.table-cart tr td:nth-of-type(1) {width: 100%;}
table.table-cart tr td:nth-of-type(3) {display: none;}
table.table-cart tr td:nth-of-type(4) {display: none;}
table.table-detail tr td:nth-of-type(1) {display: none;}
table.table-detail table tr td:nth-of-type(1) {display: block;}
table.td_form td:first-child {width: 100%;}
.td_form {width: 100%; float: left;}

}