/* EasyWeb html style file */



body {font-family: 'Exo 2', sans-serif; font-size:0.8em; color:#362e2e; margin:0; padding:0; position:relative; height:100%; background:#F1F1F1;}



p {margin:0 0 1.8em 0; padding: 0; line-height:1.5em;}

h1 {font-size:1.6em margin:0 0 1.0em 0; font-weight:bold; color:#982121;}
h2 {font-size:1.4em; margin:0 0 0.7em 0; font-weight:bold; color:#644632;}
h3 {font-size:1.3em; margin:0 0 0.6em 0; font-weight:bold; color:#B50626;}
h4 {font-size:1.2em; margin:0 0 0.5em 0; font-weight:bold; color:#000;}
h5 {font-size:1.1em; margin:0 0 0.4em 0; font-weight:bold; color:#000;}
h6 {font-size:1.0em; margin:0 0 0.3em 0; font-weight:bold; color:#000;}

a {text-decoration:underline; color:#000; outline:none;}
a:hover {text-decoration:none; color:#000;}
a img {border:none}
img { border: 0; }
table tr td, table tr th {line-height:1.3em}
#bcFooter strong {font-weight:700}

#boxLeft ul, .faqAnswer ul, .blogPldRBox ul, #boxMain ul {margin:0 0 20px 0; padding:0; list-style:none; display:table}
#boxMain ul {display:table}
#boxLeft ul li, .faqAnswer ul li, .blogPldRBox ul li, #boxMain ul li {padding:0 0 5px 22px; position:relative; line-height:1.3em}
#boxLeft ul li:before, .faqAnswer ul li:before, .blogPldRBox ul li:before, #boxMain ul li:before {position:absolute; top:4px; left:0; content: "\f04d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size:14px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color:#982622}  

.plWrapStock .Skladem {color:#4baf50}
.plWrapStock .Dotaz {color:#ff6a00}


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



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



img.responsive { max-width:100%; height:auto }



p.odrazkaVelka { font-size: 17px; margin: 0 0 25px 0; color: #000; position:relative; min-height:24px; padding:0 0 0 25px; line-height:28px; display:inline-block}
p.odrazkaVelka:before {position:absolute; top:6px; left:0; content: "\f04d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size:18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color:#982622}



table.vychoziTabulka {border-collapse:collapse; border-spacing:0; margin:0 0 25px 0}
table.vychoziTabulka tr th {background:#2D353B; color:#fff; font-weight:bold; padding:5px 10px; border:1px solid #2D353B; vertical-align:middle}
table.vychoziTabulka tr td {padding:5px 10px; border-bottom:1px dashed #665D52;text-align:center}



table.tabulkaZebra {border-collapse:collapse; border-spacing:0; margin:0 0 25px 0; width:100%}
table.tabulkaZebra tr:nth-child(2n) td {background:#E0E0E0; color:#000; padding:5px 10px;}
table.tabulkaZebra tr:nth-child(2n+1) td {background:rgb(204, 204, 204); color:#000; padding:5px 10px;}



table.tabulkaRadky {border-collapse:collapse; border-spacing:0; margin:0 0 25px 0; width:100%;    border-bottom: 1px solid #d2d2d2;}
table.tabulkaRadky tr td {color:#000; padding:5px 10px; border-top: 1px solid #d2d2d2;}



p.zvyraznenyText { font-size: 15px; margin: 15px 0 20px 0; color: #000; background:#e6bc91; min-height:24px; padding: 15px 20px;}



a.pdfIkona { padding:2px 0 5px 25px; position:relative; display:block}
a.pdfIkona:before {color:#cc0909; position:absolute; top:5px; left:0; content: "\f1c1"; 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);}



.tlacitko {display:inline-block; background: #982121; color: #fff; text-decoration: none; cursor:pointer; padding:5px 20px;}
.tlacitko:hover {background:#AC1A1A; color:#fff; text-decoration:none;}



a.tlacitkoNaMiru {
    background: url(74c60402-5ed6-4625-8bd8-459fcc9518c3) no-repeat left top;
    color: #fff;
    text-transform: uppercase;
    float: right;
    margin: 0 0 0 20px;
    text-decoration: none;
    height:89px; line-height:113px; padding:0 20px 0 125px}
a.tlacitkoNaMiru:hover {background-position:left bottom; color:#fff; }
@media (max-width: 767px) {
	a.tlacitkoNaMiru {padding: 5px 20px; background: #9f1717; background-image:none;height:auto; line-height:1.2em; font-size:0.9em;}
	a.tlacitkoNaMiru:hover {background:#ae2626}
}



a.tlacitkoVice {background: #e6ba8f;
    color: #311111;
    padding: 5px 20px;
    font-size: 0.9em;
    margin: 0;
    text-decoration: none; display:block; float:left;}
a.tlacitkoVice:hover {background:#f2bd8a; color:#311111; }



table.sirka100 {width:100%; border-collapse:collapse; border-spacing:0; margin:0 0 15px 0}
table.sirka100 tr th {background:#301312; color:#fff; font-weight:bold; padding:5px 10px; border:1px solid #301312;}
table.sirka100 tr td {padding:5px 10px; border-bottom:1px dashed #665D52}




table.kontaktDoba, .mapDOpening table {width:100%; border-collapse:collapse; margin:0 0 15px 0; max-width:260px}
table.kontaktDoba tr th, .mapDOpening table tr th {font-weight:bold; padding:2px 0; border:1px solid #dcdcdc; text-align:left}
table.kontaktDoba tr td, .mapDOpening table tr td {padding:2px 0; border-bottom:1px dashed #dcdcdc; }
table.kontaktDoba tr td:nth-child(2n), .mapDOpening table tr td:nth-child(2n) {text-align:right}
table.kontaktDoba tr:last-child td, .mapDOpening table tr:last-child td, table.kontaktDoba tr:last-child th, .mapDOpening table tr:last-child th {border:none}



.kontakL {float:left; width:60%; margin:0 5% 40px 0}
.kontakR {float:left; width:35%; margin:0 0 40px 0}
.kontakL p.kontaktLide, .kontakR p.kontaktLide {margin:0 0 5px 0; display:table; width:100%}
.kontaktLide strong {display:table-cell; width:22%}
.kontaktLide span {display:table-cell; width:26%}
.tDoba {width:100%; border-collapse:collapse; margin:0 0 20px 0}
.tDoba tr th {text-align:left; width:20%}
.kontakL h2, .kontakR h2, .kontakL h3, .kontakR h3 {margin:0 0 5px 0}
.kontakL p, .kontakR p {margin:0 0 20px 0}

@media screen and (min-width: 768px) and (max-width: 999px) {
	.kontaktLide strong, .kontaktLide span {display:block; width:100%}
	.kontaktLide, .kontakL p.kontaktLide, .kontakR p.kontaktLide {float:left; width:45%; margin:0 5% 10px 0}
}

@media screen and (min-width: 481px) and (max-width: 767px) {
	.kontakL, .kontakR {width:100%; float:none; margin:0 0 20px 0}
	.kontaktLide, .kontakL p.kontaktLide, .kontakR p.kontaktLide {float:left; width:45%; margin:0 5% 10px 0}
	.kontaktLide strong, .kontaktLide span {display:block; width:100%}
}

@media screen and (max-width: 480px) {
	img.obtokVlevo, img.obtokVpravo {padding:0 0 10px 0; width:100%; max-width:100%; }
	.vychoziTabulka {width:100%}
	table.vychoziTabulka tr th, table.vychoziTabulka tr td { padding: 5px; font-size:0.8em;}
	
	
	.kontakL, .kontakR {width:100%; float:none; margin:0 0 20px 0}
	.kontaktLide, .kontakL p.kontaktLide, .kontakR p.kontaktLide {float:left; width:45%; margin:0 5% 10px 0}
	.kontaktLide strong, .kontaktLide span {display:block; width:100%}
	a.tlacitkoVice, a.tlacitkoNaMiru {padding:10px 6px;}
	
}

@media screen and (max-width: 400px) {
	.kontaktLide, .kontakL p.kontaktLide, .kontakR p.kontaktLide {float:none; width:100%; margin:0 0 10px 0}
	.tDoba tr th {width:25%}
	table.vychoziTabulka tr th {font-size:0.7em;}
	table.vychoziTabulka tr td {font-size:0.7em;}
}



table.kontakt {border-collapse:collapse; width:100%}
table.kontakt td {padding:5px 0}        

 


strong.strongTitle {font-size:1.2em; display:block; margin:0 0 10px 0}



span.spanLi {display:block; font-size:1.0em; padding:4px 0 4px 15px; color:#0e0e0e; text-decoration:none; background:url(/templates/main/images/rightLi.png) no-repeat left 10px}
span.spanLi strong {margin:0 5px 0 0}


.boxDoprava {margin:0 0 20px 0;}
.dopravaItem {border-bottom:1px solid #e0e0e0; padding:10px 0; display:table; width:100%}
#boxMain .dopravaItem ul li {padding:0}
#boxMain .dopravaItem ul li:before {content:""}
#boxMain .dopravaItem span.spanLi {padding:0}
.dopravaItemL {display:table-cell; width:150px; vertical-align:middle; padding:0 10px 0 0; text-align:center;}
.dopravaItemR {display:table-cell; vertical-align:middle;}
#boxMain .dopravaItem em {color:#982622; font-weight:600}


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

@media screen and (max-width: 480px) { 
	.dopravaItemL {width:100%; float:left; display:block;}
	.dopravaItemR {width:100%; float:left; display:block;}
	.dopravaItemL img {display:block; text-align:left;}
}