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


a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5, img, input {font-family: 'AlianzaSlab400';  margin: 0; padding: 0; box-sizing: border-box;  text-rendering: optimizeLegibility;   line-height: 2.1; -webkit-font-smoothing: antialiased;}
img.ThreeBoxBg {-moz-transform: rotate(0); -webkit-transform: translateZ(0);}
a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5, header,footer {font-size: 12pt;}

.margin-top {height: 80px; float: left; width: 100%;}



.td_body a {font-weight: bold;}

p {margin-bottom: 15px;  color: #000000; float: left; width: 100%;} 

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

h1, h2 {font-size: 22pt; font-weight: normal; margin: 0; border: 0; text-transform: uppercase; padding-top: 0; width: 100%; color: #f15a29; font-family: 'AlianzaSlab600';}

div.violet h1 {background-color: #a181b9; color: #fff; text-transform: uppercase; text-align: center; width: 100%; font-weight: 700; border: none; font-size: 30pt; padding: 100px 25px 100px 25px; float: left; margin: 0; margin-bottom: 15px; margin-top: 15px; position: relative;}
.middleLiner h1 {border: 0; padding: 0; width: auto;}

ul {float: left; width: 100%;}

.td_body {z-index: 1; position: relative; float: left; width: 100%; padding-top: 10px; padding-bottom: 35px; }
.redPart .td_body {width: 100%;}

article {background-color: rgba(255,255,255,0.8); padding: 10px 25px; float: left; width: 100%; box-sizing: border-box;}
article.partnersImgBoxes {background: none; }

.td_body p img { width: 100%;}
.td_body p strong { color: #f15a29;}

.td_body p img.imgFloatLeft20 {float: left; width: calc(20% - 20px); margin: 5px 25px; margin-left: 0;}
.td_body p img.imgFloatRight20 {float: right; width: calc(20% - 20px); margin: 5px 25px; margin-right: 0;}
.td_body p img.imgFloatLeft33 {float: left; width: calc(33.333% - 20px); margin: 5px 25px; margin-left: 0;}
.td_body p img.imgFloatRight33 {float: right; width: calc(33.333% - 20px); margin: 5px 25px;margin-right: 0;}
.td_body p img.imgFloatLeft50 {float: left; width: calc(50% - 20px); margin: 5px 25px; margin-left: 0;}
.td_body p img.imgFloatRight50 {float: right; width: calc(50% - 20px); margin: 5px 25px;margin-right: 0;}

.td_body p img.imgLeft20 {width: calc(20% - 20px); margin: 5px 25px; margin-left: 0;}
.td_body p img.imgRight20 {width: calc(20% - 20px); margin: 5px 25px; margin-right: 0;}
.td_body p img.imgLeft33 {width: calc(33.333% - 20px); margin: 5px 25px; margin-left: 0;}
.td_body p img.imgRight33 {width: calc(33.333% - 20px); margin: 5px 25px;margin-right: 0;}
.td_body p img.imgLeft50 {width: calc(50% - 20px); margin: 5px 25px; margin-left: 0;}
.td_body p img.imgRight50 { width: calc(50% - 20px); margin: 5px 25px;margin-right: 0;}


h1  {margin-bottom: 0;}
.td_body {padding-top: 0; margin-top: 0;}
.td_body img.smallIcon {width: 84px; margin-right: 0px; margin-top: 20px;}
.td_body .textImg {float: left; width: 20%; margin-right: 25px;}
.centeredBody .td_body {background-image: url('/files/kolo.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: 50px;}
ul {margin-left: 0px;}
ul, ul li {box-sizing: border-box; font-size: 11pt; color: #000000;}
ul li {margin-left: 30px;}
ol {margin-left: 0; padding-left: 0;}
ol li {margin-left: 0px; margin-bottom: 15px;}
ol { counter-reset: item; }
ol li { display: block; }
ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	font-weight: bold;
	font-size: 18pt;
	color: #a181b9;
}

img.roundpic {width: calc(33% - 30px); margin: 10px; border-radius: 50%; border: 5px solid #fff; transition: 0.15s;}
img.roundpic:hover  {transform: scale(1.1); border: 5px solid #eeeeee;}

/*
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: 10px; border: 0; border-spacing: 0;}
table td, table th { 
	vertical-align: top; 
	overflow: hidden;
	border: 0;
	/*background-color: rgba(255,255,255,0.8);*/
	}

	table th {background-color: #eee;}
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: #eeeeee;}
	
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: #eeeeee; padding: 10px 0px; font-size: 16pt; font-weight: 300; margin: -10px; width: calc(100% + 20px); }
iframe {
	width: 100%;
	overflow: hidden;
	}
table.table-corners {
border-spacing: 0;
padding: 0;
overflow: hidden;
}

.td_body47 p {float: left; width: 33.33%; padding: 25px; padding-top: 45px;}

table.table-corners {width: 100%; float: left; margin-bottom: 25px;}
table.table-corners tr, table.table-corners tr td {width: 100%; float: left; }
table.table-corners tr td {padding: 5px 0;}
table.table-cart tr, table.table-cart tr td {width: auto; float: none; }

table.table-sizes 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-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%;}

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;}

div.ThreeBoxCollect {float: left; width: calc(100% + 20px); padding: 25px 0; margin: 0 -10px; padding-top: 0;}
div.ThreeBox {float: left; width: calc(25% - 2px); margin: 1px; min-height: 200px; transition: 0.1s; padding: 0; border-top: 1px solid #ffffff; position: relative; overflow: hidden; border-bottom: 10px solid #ffffff;}


div.ThreeBox:nth-of-type(1) {border-top: 1px solid #f6eeb0; border-bottom: 10px solid #f6eeb0;}
div.ThreeBox:nth-of-type(2) {border-top: 1px solid #93f9ba; border-bottom: 10px solid #93f9ba;}
div.ThreeBox:nth-of-type(3) {border-top: 1px solid #f4b5bd; border-bottom: 10px solid #f4b5bd;}
div.ThreeBox:nth-of-type(4) {border-top: 1px solid #71e9ea; border-bottom: 10px solid #71e9ea;}


/*div.ThreeBox:hover {border-bottom: 10px solid #bd0808; border-top: 1px solid #bd0808;}*/
img.pp {width: 100px; float: none;}

div.ThreeBox img.ThreeBoxBg {position: relative; top: 0; left: 0; width: 100%; float: left; }
div.ThreeBox img.grad {position: absolute; bottom: 0; left: 0; width: 100%; }
div.ThreeBox strong {position: absolute; bottom: 15px; left: 0; opacity: 0.8; color: white; float: left; width: 100%; text-align: center; font-size: 18pt; font-weight: 500; transition: 0.15s;}
div.ThreeBox:nth-of-type(1) strong {color: #f6eeb0}
div.ThreeBox:nth-of-type(2) strong {color: #93f9ba}
div.ThreeBox:nth-of-type(3) strong {color: #f4b5bd}
div.ThreeBox:nth-of-type(4) strong {color: #71e9ea}
div.ThreeBox:hover strong {opacity: 1; font-size: 0pt;}
div.ThreeBox span {float: left; width: 100%; text-align: center; font-size: 11pt; color: #eeeeee;}

div.ThreeBox div.shadowBox {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.15s; z-index: 500; padding-top: 15px; display: none;}
div.ThreeBox:hover div.shadowBox {background-color: rgba(255,255,255,0.8); opacity: 1; display: block;} 
div.ThreeBox a.shadowItem:link, div.ThreeBox a.shadowItem:visited {float: left; width: 100%; padding: 0px 10px; text-align: center; font-size: 10pt; color: #000000;}
div.ThreeBox:nth-of-type(1) a.shadowItem:hover {background-color: #f6eeb0;  text-decoration: none;}
div.ThreeBox:nth-of-type(2) a.shadowItem:hover {background-color: #93f9ba;  text-decoration: none;}
div.ThreeBox:nth-of-type(3) a.shadowItem:hover {background-color: #f4b5bd;  text-decoration: none;}
div.ThreeBox:nth-of-type(4) a.shadowItem:hover {background-color: #71e9ea;  text-decoration: none;}
/* div.ThreeBox a.shadowItem:hover {background-color: #bd0808; color: white; text-decoration: none;} */
div.menubar {min-height: 140px;}

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

@media only screen and (max-width: 1023px) {
.td_body47 p {width: auto; float: none; padding: 0;}
table.threeSteps {width: 100%;}
.redPart1 img.skipStyle {display: none;}
a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5, header,footer {font-size: 11pt;}
h1 {font-size: 16pt}
.td_body h2 {font-size: 12pt}
table.table-corners {width: 100%;}
iframe {
	width: 100%;
	border: 0px solid #ddd; 
	overflow: hidden;
	}
	a, td, p, li, ul, table, body, div, span, header,footer {font-size: 9pt; }
div.ThreeBoxCollect {padding: 0; padding-bottom: 25px;}
div.ThreeBox {padding: 10px;}
div.menubar {min-height: 120px;}
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
a, td, p, li, ul, table, body, div, span,  header,footer {font-size: 11pt; }
.studiaBox a span {text-align: left;}
h1 {font-size: 16pt; margin-bottom: 0px;padding-top: 0; text-align: center;}
h2 {font-size: 14pt; float: left; width: 100%; text-align: center;}
.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;}
div.ThreeBox {width: 50%; margin: 0;}
.ThreeBox span {font-size: 9pt;}
.td_body .textImg {margin: 10px 60px;; width: calc(100% - 120px);}
.td_body1 {padding: 15px;}
.td_body107 {padding: 0 15px;}
.itemdescription {    float: left;    width: 100%;    padding-left: 0px;}
.specTable tr td:first-child {    width: 50%;    font-weight: bold;}
.centerAll img { width: 100%;
    margin: 25px 0;
    float: left;
}
div.ThreeBox {width: calc(50% - 2px); }
div.ThreeBox a.shadowItem:link, div.ThreeBox a.shadowItem:visited {font-size: 8pt;  line-height: 1.9;}
div.menubar {min-height: 126px;}
}