/*------- style-css -------*/

BODY{
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #585858;
 font-family: 'Oxygen', sans-serif;
 font-size: 16px;
 font-weight: 300;
 color: #FFFFFF;
}
BODY.BODY2{
 padding-top: 140px;
}
/*--- TAGY ---*/
H1, H2{
 font-family: 'Archivo Black', sans-serif;
 font-size: 50px;
 font-weight: normal;
 color: #CC0000;
 text-align: center;
 line-height: 50px;
}
H2{
 font-size: 30px;
 color: #585858;
}
H1 STRONG, H2 STRONG{
 font-weight: 400;
 display: inline-block;
}
H1 SPAN, H2 SPAN{
 display: inline-block;
 width: 60%;
 border-bottom: solid 3px #585858;
}
H1 EM{
 display: block;
 font-style: normal;
 font-size: 30px;
 color: #000000;
}
.pozpruh H1{
 padding: 150px 0px 0px 0px;
 color: #FFFFFF;
 text-shadow: 1px 1px 3px #000000;
}
H2.H2{
 font-family: 'Oxygen', sans-serif;
 font-weight: 300;
 font-size: 50px;
 padding: 40px 0px 0px 0px;
}
.pruh4 H1, .pruh4 H2,
.pruh5 H1, .pruh5 H2{
 color: #FFFFFF;
}
.pruh4 H1 SPAN, .pruh4 H2 SPAN{
 border-color: #CC0000;
}
.main IMG{
 display: block;
 max-width: 100%;
}
.main IMG.inline_block{ display: inline-block; }
INPUT.b,
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 10px 50px 10px 50px;
 border: none;
 color: #FFFFFF !important;
 background-color: #CC0000;
 font-size: 18px;
 font-weight: normal;
}
A.tlacitko:hover,
A.tlacitko:active,
INPUT.b_over{
 background-color: #585858;
}
A.tlacitko2,
A.tlacitko2:link,
A.tlacitko2:visited{
 display: block;
 text-align: center;
 padding: 10px 10px 10px 10px;
}
A.tlacitko2:hover,
A.tlacitko2:active{
 background-color: #585858;
}
A.tlacitko3,
A.tlacitko3:link,
A.tlacitko3:visited{
 font-size: 16px;
 padding: 10px 10px 10px 10px;
 background-color: #CC0000;
}
A.tlacitko3:hover,
A.tlacitko3:active{
 background-color: #FF0000;
}
INPUT, TEXTAREA, SELECT{
 font-family: 'Oxygen', sans-serif;
 font-weight: 300;
}
INPUT.i, TEXTAREA{
 padding: 10px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 16px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #C0C0C0;
 -webkit-box-shadow: 0px 0px 5px 0px #C0C0C0;
 -moz-box-shadow: 0px 0px 5px 0px #C0C0C0;
}
INPUT.i2{
 width: calc(100% - 32px);
 padding: 10px 15px 10px 15px;
 border: solid 1px #706964;
 color: #CC0000;
 background-color: #FFFFFF;
 font-size: 18px;
 font-weight: 600;
 text-align: center;
}
INPUT.i3{
 padding: 5px;
 border-left: solid 1px #DDDDDD;
 border-top: solid 1px #DDDDDD;
 border-bottom: solid 1px #DDDDDD;
 border-right: none;
 color: #CC0000;
 background-color: #FFFFFF;
 font-size: 20px;
 font-weight: 600;
 text-align: center;
 -webkit-border-radius: 3px 0px 0px 3px;
 -moz-border-radius: 3px 0px 0px 3px;
 -khtml-border-radius: 3px 0px 0px 3px;
 border-radius: 3px 0px 0px 3px;
}
INPUT.i4{
 width: calc(100% - 32px);
 padding: 10px 15px 10px 15px;
 border-left: solid 1px #DDDDDD;
 border-top: solid 1px #DDDDDD;
 border-bottom: solid 1px #DDDDDD;
 color: #CC0000;
 background-color: #FFFFFF;
 font-size: 18px;
 font-weight: 600;
 text-align: center;
 -webkit-border-radius: 3px 0px 0px 3px;
 -moz-border-radius: 3px 0px 0px 3px;
 -khtml-border-radius: 3px 0px 0px 3px;
 border-radius: 3px 0px 0px 3px;
 box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
}
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 color: #CC0000;
 background-color: #FAFAFA;
 box-shadow: 0px 0px 5px 0px #CC0000;
 -webkit-box-shadow: 0px 0px 5px 0px #CC0000;
 -moz-box-shadow: 0px 0px 5px 0px #CC0000;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #777777;
}
SELECT{
 padding: 4px;
 background-color: #FFFFFF;
 border: none;
 color: #666666;
 font-size: 18px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #DDDDDD;
 -webkit-box-shadow: 0px 0px 5px 0px #DDDDDD;
 -moz-box-shadow: 0px 0px 5px 0px #DDDDDD;
}
SELECT.over{
 box-shadow: 0px 0px 5px 0px #CC0000;
 -webkit-box-shadow: 0px 0px 5px 0px #CC0000;
 -moz-box-shadow: 0px 0px 5px 0px #CC0000;
}
TABLE TR.tr1 TD{ background-color: #FAFAFA; }
TABLE TR.tr2 TD{ background-color: #F7F7F7; }
TABLE TR.tr_over TD{ background-color: #DDDDDD; }
TABLE TR.tr_over1 TD{ background-color: #DDDDDD; }
TABLE TR.tr_over2 TD{ background-color: #DDDDDD; }
P.popis{
 margin: 3% 2.7% 0% 2.7%;
 padding: 20px;
 border: solid 1px #D0D0D0;
 background-color: #F7F7F7;
}
.cislovani{ counter-reset: item; padding-left: 0px; /* Vytvoří a resetuje čítač s názvem 'item' */ }
.cislovani > li{ counter-increment: item; /* Zvýší hodnotu čítače 'item' */ }
.cislovani > li::before{ content: counter(item) ". "; /* Vytvoří formát 1. */ }
.cislovani ol{ counter-reset: sub-item; padding-left: 20px; /* Vytvoří a resetuje čítač pro podpoložky */ }
.cislovani ol > li{ counter-increment: sub-item; /* Zvýší hodnotu čítače 'sub-item' */ }
.cislovani ol > li::before{ content: counter(item) "." counter(sub-item) ". "; /* Vytvoří formát 1.1. */ }
.cislovani, .cislovani ol{ list-style-type: none; } /* Skryjeme původní číslování druhého seznamu, aby se neopakovalo */
.cislovani STRONG{ font-weight: 700; }
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #CC0000;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
.pruh5 A, .pruh5 A:link, .pruh5 A:visited{
 color: #FFAAAA;
}
.pruh5 A:hover, .pruh5 A:active{
 color: #FFFFFF;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #CC0000;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #666666;
 -webkit-box-shadow: 0px 0px 5px 0px #666666;
 -moz-box-shadow: 0px 0px 5px 0px #666666;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 position: absolute;
 top: 21px;
 left: 21px;
 display: block;
 width: 589px;
 height: 127px;
 background-image: url(obr/logo.png?);
 background-repeat: no-repeat;
 background-size: auto 100%;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_over.png?);
}
.BODY2 A.logo,
.BODY2 A.logo:link,
.BODY2 A.logo:visited{
 top: 10px;
 width: 278px;
 height: 60px;
 left: 10px;
}
A.logo STRONG,
A.logo:link STRONG,
A.logo:visited STRONG{
 position: absolute;
 bottom: 5px;
 right: 0px;
 color: #CC0000;
 font-size: 23.6px;
 font-weight: 300;
}
.BODY2 A.logo STRONG,
.BODY2 A.logo:link STRONG,
.BODY2 A.logo:visited STRONG{
 font-size: 11.2px;
}
A.logo:hover STRONG,
A.logo:active STRONG{
 color: #E57F7F;
}
A.logom STRONG,
A.logom:link STRONG,
A.logom:visited STRONG{
 display: none;
}
.BODY2 A.logo2,
.BODY2 A.logo2:link,
.BODY2 A.logo2:visited{
 top: 5px;
}
A.rs_logo{ display: none; }
.menu DIV{
 float: left;
 position: relative;
}
.menu A,
.menu A:link, .menu A:visited{
 display: block;
 position: relative;
 padding: 25px 45px 25px 45px;
 height: 30px;
 color: #FFFFFF;
 font-size: 24px;
 font-weight: 400;
 z-index: 2;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited,
.menu A.ma, .menu A.ma:link, .menu A.ma:visited,
.menu A.sma, .menu A.sma:link, .menu A.sma:visited{
 color: #CC0000;
 background-color: #FFFFFF;
}
.BODY2 .menu A,
.BODY2 .menu A:link, .BODY2 .menu A:visited{
 padding-top: 15px;
 padding-bottom: 15px;
}
.menu .smenu A,
.menu .smenu A:link, .menu .smenu A:visited{
 float: left;
 height: auto;
 width: calc(33% - 20px);
 padding: 10px;
 color: #000000;
 font-size: 18px;
}
.menu .smenu A:hover, .menu .smenu A:active{
 color: #CC0000;
}
.toppruh A.v_kosiku,
.toppruh A.v_kosiku:link, .toppruh A.v_kosiku:visited,
.kosik_respons A,
.kosik_respons A:link, .kosik_respons A:visited{
 position: absolute;
 top: 60px;
 right: 50px;
 width: 50px;
 height: 50px;
 background-image: url(obr/kosik.png);
 background-repeat: no-repeat;
}
.BODY2 .toppruh A.v_kosiku,
.BODY2 .toppruh A.v_kosiku:link, .BODY2 .toppruh A.v_kosiku:visited,
.BODY2 .kosik_respons A,
.BODY2 .kosik_respons A:link, .BODY2 .kosik_respons A:visited{
 top: 15px;
}
.toppruh A.v_kosiku:hover, .toppruh A.v_kosiku:active,
.kosik_respons A:hover, .kosik_respons A:active{
 background-image: url(obr/kosik_over.png);
}
.toppruh A.v_kosiku SPAN,
.toppruh A.v_kosiku:link SPAN, .toppruh A.v_kosiku:visited SPAN,
.kosik_respons A SPAN,
.kosik_respons A:link SPAN, .kosik_respons A:visited SPAN{
 position: absolute;
 top: -5px;
 right: -20px;
 display: block;
 width: 30px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 font-size: 13px;
 font-weight: 700;
 color: #FFFFFF;
 background-color: #CC0000;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
}
.menu2 A.v_kosiku SPAN,
.menu2 A.v_kosiku:link SPAN, .menu2 A.v_kosiku:visited SPAN{
 background-color: #383838;
}
A.kosik_obr,
A.kosik_obr:link,
A.kosik_obr:visited{
 display: block;
 width: 50px;
 height: 50px;
 -webkit-border-radius: 40px 40px 40px 40px;
 -moz-border-radius: 40px 40px 40px 40px;
 -khtml-border-radius: 40px 40px 40px 40px;
 border-radius: 40px 40px 40px 40px;
 border: solid 2px #EAEAEA;
 background-color: #FFFFFF;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
A.kosik_obr:hover,
A.kosik_obr:active{
 border-color: #64B4C0;
}
A.plus,
A.plus:link,
A.plus:visited,
A.minus,
A.minus:link,
A.minus:visited{
 display: block;
 float: left;
 clear: left;
 width: 20px;
 color: #CC0000;
 background-color: #FAFAFA;
 font-size: 19px;
 font-weight: 600;
 text-align: center;
}
A.plus,
A.plus:link,
A.plus:visited{
 height: 18px;
 line-height: 15px;
 border-right: solid 1px #DDDDDD;
 border-top: solid 1px #DDDDDD;
 border-left: solid 1px #DDDDDD;
 border-bottom: solid 1px #DDDDDD;
 -webkit-border-radius: 0px 3px 0px 0px;
 -moz-border-radius: 0px 3px 0px 0px;
 -khtml-border-radius: 0px 3px 0px 0px;
 border-radius: 0px 3px 0px 0px;
}
A.plus:hover,
A.plus:active{
 color: #FFFFFF;
 background-color: #CC0000;
}
A.minus,
A.minus:link,
A.minus:visited{
 height: 17px;
 line-height: 12px;
 border-right: solid 1px #DDDDDD;
 border-left: solid 1px #DDDDDD;
 border-bottom: solid 1px #DDDDDD;
 -webkit-border-radius: 0px 0px 3px 0px;
 -moz-border-radius: 0px 0px 3px 0px;
 -khtml-border-radius: 0px 0px 3px 0px;
 border-radius: 0px 0px 3px 0px;
}
A.minus:hover,
A.minus:active{
 color: #FFFFFF;
 background-color: #CC0000;
}
A.plus2,
A.plus2:link,
A.plus2:visited{
 height: 21px;
 line-height: 17px;
}
A.minus2,
A.minus2:link,
A.minus2:visited{
 height: 20px;
 line-height: 14px;
}
A.ico:hover, A.ico:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logob,
A.logob:link,
A.logob:visited{
 display: block;
 width: 348px;
 max-width: 100%;
 height: 75px;
 background-image: url(obr/logob.png);
 background-repeat: no-repeat;
 background-size: 100%;
}
A.logob:hover,
A.logob:active{
 background-image: url(obr/logob_over.png);
}
.pruh5 A,
.pruh5 A:link,
.pruh5 A:visited,
.pruh5 A:hover,
.pruh5 A:active{
  line-height: 150%;
}
A.soubor,
A.soubor:link,
A.soubor:visited{
 white-space: nowrap;
}
A.soubor IMG,
A.soubor:link IMG,
A.soubor:visited IMG{
 display: inline-block;
 margin: 0px 5px 0px 0px;
 vertical-align: middle;
}
A.soubor STRONG,
A.soubor:link STRONG,
A.soubor:visited STRONG{
 display: inline-block;
 margin: 0px 5px 0px 0px;
 vertical-align: middle;
}
A.soubor EM,
A.soubor:link EM,
A.soubor:visited EM{
 display: inline-block;
 font-style: normal;
 vertical-align: middle;
}
.bottom A,
.bottom A:link, .bottom A:visited{
 display: inline-block;
 color: #FFFFFF;
 margin: 5px 0px 5px 0px;
}
.bottom A:hover, .bottom A:active{
 color: #FFAAAA;
}
.copy{
 float: left;
 color: #FFAAAA;
}
.copy A:link, .copy A:visited{
 color: #FFAAAA;
}
.copy A:hover, .copy A:active{
 color: #FFFFFF;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFAAAA;
}
A.kao:hover, A.kao:active{
 color: #FFFFFF;
}
/*--- DEZIGN ---*/
.toppruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 170px;
 z-index: 101;
 background-color: #FFFFFF;
}
.BODY2 .toppruh{
 background-color: #FFFFFF;
 height: 80px;
}
.menupruh{
 position: fixed;
 top: 170px;
 left: 0px;
 width: 100%;
 height: 80px;
 background-color: #CC0000;
 z-index: 100;
}
.BODY2 .menupruh{
 top: 80px;
 height: 60px;
}
.menu{
 padding: 0px 0px 0px 30px;
}
.menu DIV.smenu{
 display: none;
 position: fixed;
 top: 250px;
 left: 0px;
 width: calc(100% - 20px);
 background-color: #FFFFFF;
 padding: 10px;
 box-shadow: 0px 0px 25px 0px #C0C0C0;
 -webkit-box-shadow: 0px 0px 25px 0px #C0C0C0;
 -moz-box-shadow: 0px 0px 25px 0px #C0C0C0;
 z-index: 1;
}
.BODY2 .menu DIV.smenu{
 top: 140px;
}
.menu_respons,
.smenu_respons,
.kosik_respons{
 display: none;
}
.slider{
 height: 800px; 
 background-color: #777777;
 background-repeat: repeat-y;
 background-position: center 0px;
 overflow: hidden;
 position: relative;
}
.flexslide{
 width: 100%;
 height: 800px; 
 background-repeat: no-repeat;
 background-position: center 0px;
 background-size: auto 100%;
}
.pozpruh{
 width: 100%;
 height: 400px;
 background-size: 100%;
 background-position: center -200px;
 background-repeat: no-repeat;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.main33{
 float: left;
 width: 33%;
}
.pruh5 .main33.caraL{
 border-left: solid 1px #333333;
 width: calc(33% - 100px);
 padding-left: 100px;
}
.mainL{
 float: left;
 width: 50%;
 overflow: hidden;
}
.mainP{
 float: right;
 width: 50%;
}
.mainL2{
 float: left;
 width: 47%;
}
.mainP2{
 float: right;
 width: 47%;
}
.mainL3{
 float: left;
 width: 29%;
}
.mainP3{
 float: right;
 width: 69%;
}
.mainL4{
 float: left;
 width: 40%;
 margin: 0% 5% 0% 5%;
}
.mainP4{
 float: right;
 width: 40%;
 margin: 0% 5% 0% 5%;
}
.mainL5{
 float: left;
 width: 40%;
}
.mainS5{
 float: left;
 width: 10%;
 min-height: 40px;
}
.mainP5{
 float: left;
 width: 50%;
}
.pruh{
 padding: 50px 0px 50px 0px;
}
.pruh_0, .pruh.pruh_0{
 padding: 0px;
}
.pruh_1, .pruh.pruh_1{
 padding: 10px 0px 10px 0px;
}
.pruh_2, .pruh.pruh_2{
 padding: 50px 0px 20px 0px;
}
.pruh1{
 color: #585858;
 background-color: #FFFFFF;
}
.pruh2{
 color: #585858;
 background-color: #ECECEC;
}
.pruh3{
 color: #585858;
 background-color: #D8D8D8;
}
.pruh4{
 color: #FFFFFF;
 background-color: #585858;
}
.pruh5{
 color: #FFFFFF;
 background-color: #000000;
}
.bottom{
 background-color: #000000;
 padding: 50px 100px 50px 100px;
}
/*--- OSTATNÍ ---*/
.telefon{
 font-size: 28px;
 display: inline-block;
 padding: 2px 0px 0px 70px;
 margin: 0px 0px 20px 0px;
 height: 48px;
 background-image: url(obr/telefon.png);
 background-repeat: no-repeat;
 background-position: 10px center;
}
.email{
 font-size: 28px;
 display: block;
 padding: 2px 0px 0px 70px;
 height: 48px;
 background-image: url(obr/email.png);
 background-repeat: no-repeat;
 background-position: 0px center;
}
.caraH{ border-top: solid 1px #A8A8A8; }
.produkt{
 padding: 0px 50px 0px 50px;
}
.parametry{
 background-color: #F0F0F0;
 margin: 20px 0px 0px 0px;
 padding: 20px 20px 40px 20px;
}
.toppruh .tkontakty{
 position: absolute;
 top: 60px;
 right: 150px;
 font-size: 20px;
}
.BODY2 .toppruh .tkontakty{
 top: 12px;
}
.toppruh .tkontakty STRONG{
 font-size: 24px;
 font-weight: 700;
}
.dz{
 padding: 20px;
 border-top: solid 1px #E6E6E6;
 background-color: #F7F7F7;
 color: #565656;
}

/*------- style-bloky-css -------*/

/*--- TAGY ---*/
/*--- ODKAZY --*/
DIV.blok{
 display: block;
 padding: 20px;
 background-color: #F7F7F7;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 color: #585858;
}
DIV.blok STRONG.bst{
 display: block;
}
DIV.blok SPAN.bsp{
 display: block;
 float: left;
}
DIV.blok EM.bem{
 display: block;
 font-style: normal;
 text-align: right;
 font-weight: bold;
 color: #D3350B;
}
/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/

/*------- style-default-css -------*/

/*--- DEFAULT ---*/
H1, H2, H3, H4{ margin: 0px; }
TABLE{
 border-collapse: collapse;
 border-spacing: 0px;
}
TABLE.t10, TABLE TR TD.t10, .sirka10{ width: 10%; }
TABLE.t20, TABLE TR TD.t20, .sirka20{ width: 20%; }
TABLE.t30, TABLE TR TD.t30, .sirka30{ width: 30%; }
TABLE.t40, TABLE TR TD.t40, .sirka40{ width: 40%; }
TABLE.t50, TABLE TR TD.t50, .sirka50{ width: 50%; }
TABLE.t60, TABLE TR TD.t60, .sirka60{ width: 60%; }
TABLE.t70, TABLE TR TD.t70, .sirka70{ width: 70%; }
TABLE.t80, TABLE TR TD.t80, .sirka80{ width: 80%; }
TABLE.t90, TABLE TR TD.t90, .sirka90{ width: 90%; }
TABLE.t95, TABLE TR TD.t95, .sirka95{ width: 95%; }
TABLE.t100, TABLE TR TD.t100, .sirka100{ width: 100%; }
TABLE.t200{ width: 200px; }
TABLE.t300{ width: 300px; }
TABLE.t400{ width: 400px; }
TABLE.t500{ width: 500px; }
TABLE.t600{ width: 600px; }
TABLE.t700{ width: 700px; }
TABLE.t750{ width: 750px; }
TABLE.t800{ width: 800px; }
TABLE.t900{ width: 900px; }
TABLE.t1000{ width: 1000px; }
TABLE.tram1 TR{ border: solid 1px #FFFFFF; }
TABLE.tram2 TR{ border: solid 2px #FFFFFF; }
TABLE.tram3 TR{ border: solid 3px #FFFFFF; }
TABLE.tram4 TR{ border: solid 4px #FFFFFF; }
TABLE.tram5 TR{ border: solid 5px #FFFFFF; }
TABLE TR TH, TABLE TR TD{ padding: 0px; }
TABLE.tpad0 TR TH, TABLE.tpad0 TR TD, TABLE TABLE.tpad0 TR TD{ padding: 0px; }
TABLE.tpad1 TR TH, TABLE.tpad1 TR TD{ padding: 1px; }
TABLE.tpad2 TR TH, TABLE.tpad2 TR TD{ padding: 2px; }
TABLE.tpad3 TR TH, TABLE.tpad3 TR TD{ padding: 3px; }
TABLE.tpad4 TR TH, TABLE.tpad4 TR TD{ padding: 4px; }
TABLE.tpad5 TR TH, TABLE.tpad5 TR TD{ padding: 5px; }
TABLE.tpad6 TR TH, TABLE.tpad6 TR TD{ padding: 6px; }
TABLE.tpad7 TR TH, TABLE.tpad7 TR TD{ padding: 7px; }
TABLE.tpad8 TR TH, TABLE.tpad8 TR TD{ padding: 8px; }
TABLE.tpad9 TR TH, TABLE.tpad9 TR TD{ padding: 9px; }
TABLE.tpad10 TR TH, TABLE.tpad10 TR TD{ padding: 10px; }
TABLE.tpad15 TR TH, TABLE.tpad15 TR TD{ padding: 15px; }
TABLE.tpad20 TR TH, TABLE.tpad20 TR TD{ padding: 20px; }
TABLE.tpad30 TR TH, TABLE.tpad30 TR TD{ padding: 30px; }
TABLE.tpadLP5 TR TH, TABLE.tpadLP5 TR TD{ padding-left: 5px; padding-right: 5px; }
TABLE.tpadLP10 TR TH, TABLE.tpadLP10 TR TD{ padding-left: 10px; padding-right: 10px; }
TABLE.tpadLP15 TR TH, TABLE.tpadLP15 TR TD{ padding-left: 15px; padding-right: 15px; }
TABLE.tpadLP20 TR TH, TABLE.tpadLP20 TR TD{ padding-left: 20px; padding-right: 20px; }
TABLE.tpadLP25 TR TH, TABLE.tpadLP25 TR TD{ padding-left: 25px; padding-right: 25px; }
TABLE.tpadLP30 TR TH, TABLE.tpadLP30 TR TD{ padding-left: 30px; padding-right: 30px; }
DIV.td, SPAN.td{ display: table-cell; }
A IMG{ border: none; }
INPUT, SELECT, TEXTAREA{ outline-style: none; }
P, UL, OL{ margin: 0px; }
.Center{ margin: 0px auto 0px auto; }
.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }
.justify{ text-align: justify; }
.valign-middle, .valign_middle{ vertical-align: middle; }
.valign-top, .valign_top{ vertical-align: top; }
.valign-bottom, .valign_bottom{ vertical-align: bottom; }
.fll{ float: left; }
.flr{ float: right; }
.cll{ clear: left; }
.clr{ clear: right; }
.clb{ clear: both; }
.nev, .nev2{ display: none; }
.nowrap{ white-space: nowrap; }
.ruka{ cursor: pointer; }
.block{ display: block; }
.inline_block{ display: inline-block; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.fixed{ position: fixed; }
.hidden{ overflow: hidden; }
.ofauto{ oveflow: auto; }
.bold, .tucne{ font-weight: bold; }
.arial{ font-family: Arial; }
.normal{ font-weight: normal; }
.inormal{ font-style: normal; }
.sipka{ font-size: 18px; }
.pop{ font-size: 14px; color: #00541F; }
.fs1{ font-size: 1px; }
.fs2{ font-size: 2px; }
.fs3{ font-size: 3px; }
.fs4{ font-size: 4px; }
.fs5{ font-size: 5px; }
.fs6{ font-size: 6px; }
.fs7{ font-size: 7px; }
.fs8{ font-size: 8px; }
.fs9{ font-size: 9px; }
.fs10{ font-size: 10px; }
.fs11{ font-size: 11px; }
.fs12{ font-size: 12px; }
.fs13{ font-size: 13px; }
.fs14{ font-size: 14px; }
.fs15{ font-size: 15px; }
.fs16{ font-size: 16px; }
.fs17{ font-size: 17px; }
.fs18{ font-size: 18px; }
.fs19{ font-size: 19px; }
.fs20{ font-size: 20px; }
.fs21{ font-size: 21px; }
.fs22{ font-size: 22px; }
.fs23{ font-size: 23px; }
.fs24{ font-size: 24px; }
.fs25{ font-size: 25px; }
.fs26{ font-size: 26px; }
.fs27{ font-size: 27px; }
.fs28{ font-size: 28px; }
.fs29{ font-size: 29px; }
.fs30{ font-size: 30px; }
.fs31{ font-size: 31px; }
.fs32{ font-size: 32px; }
.fs33{ font-size: 33px; }
.fs34{ font-size: 34px; }
.fs35{ font-size: 35px; }
.fs36{ font-size: 36px; }
.fs37{ font-size: 37px; }
.fs38{ font-size: 38px; }
.fs39{ font-size: 39px; }
.fs40{ font-size: 40px; }
.fs100{ font-size: 100px; line-height: 30px; }
.pad0{ padding: 0px; }
.pad1{ padding: 1px; }
.pad2{ padding: 2px; }
.pad3{ padding: 3px; }
.pad4{ padding: 4px; }
.pad5{ padding: 5px; }
.pad6{ padding: 6px; }
.pad7{ padding: 7px; }
.pad8{ padding: 8px; }
.pad9{ padding: 9px; }
.pad10{ padding: 10px; }
.pad15{ padding: 15px; }
.pad20{ padding: 20px; }
.pad30{ padding: 30px; }
.pad40{ padding: 40px; }
.pad50{ padding: 50px; }
.pad60{ padding: 60px; }
.pad70{ padding: 70px; }
.pad80{ padding: 80px; }
.pad90{ padding: 90px; }
.pad100{ padding: 100px; }
.padL0{ padding-left: 0px !important; }
.padL5{ padding-left: 5px; }
.padL10{ padding-left: 10px; }
.padL11{ padding-left: 11px; }
.padL12{ padding-left: 12px; }
.padL13{ padding-left: 13px; }
.padL14{ padding-left: 14px; }
.padL15{ padding-left: 15px; }
.padL16{ padding-left: 16px; }
.padL17{ padding-left: 17px; }
.padL18{ padding-left: 18px; }
.padL19{ padding-left: 19px; }
.padL20{ padding-left: 20px; }
.padL25{ padding-left: 25px; }
.padL30{ padding-left: 30px; }
.padL40{ padding-left: 40px; }
.padL50{ padding-left: 50px; }
.padL55{ padding-left: 55px; }
.padL60{ padding-left: 60px; }
.padL250{ padding-left: 250px; }
.padH0{ padding-top: 0px; }
.padH1{ padding-top: 1px; }
.padH2{ padding-top: 2px; }
.padH3{ padding-top: 3px; }
.padH4{ padding-top: 4px; }
.padH5{ padding-top: 5px; }
.padH6{ padding-top: 6px; }
.padH7{ padding-top: 7px; }
.padH8{ padding-top: 8px; }
.padH9{ padding-top: 9px; }
.padH10{ padding-top: 10px; }
.padH15{ padding-top: 15px; }
.padH20{ padding-top: 20px; }
.padH25{ padding-top: 25px; }
.padH30{ padding-top: 30px; }
.padH35{ padding-top: 35px; }
.padH40{ padding-top: 40px; }
.padH50{ padding-top: 50px; }
.padH60{ padding-top: 60px; }
.padH70{ padding-top: 70px; }
.padH80{ padding-top: 80px; }
.padH90{ padding-top: 90px; }
.padH100{ padding-top: 100px; }
.padP0{ padding-right: 0px !important; }
.padP5{ padding-right: 5px; }
.padP10{ padding-right: 10px; }
.padP15{ padding-right: 15px; }
.padP20{ padding-right: 20px; }
.padP30{ padding-right: 30px; }
.padP40{ padding-right: 40px; }
.padP50{ padding-right: 50px; }
.padP60{ padding-right: 60px; }
.padP70{ padding-right: 70px; }
.padP80{ padding-right: 80px; }
.padP90{ padding-right: 90px; }
.padP100{ padding-right: 100px; }
.padD0{ padding-bottom: 0px; }
.padD3{ padding-bottom: 3px; }
.padD5{ padding-bottom: 5px; }
.padD10{ padding-bottom: 10px; }
.padD15{ padding-bottom: 15px; }
.padD20{ padding-bottom: 20px; }
.padD30{ padding-bottom: 30px; }
.padD40{ padding-bottom: 40px; }
.padD50{ padding-bottom: 50px; }

.padLP5{ padding-left: 5px; padding-right: 5px; }
.padLP10{ padding-left: 10px; padding-right: 10px; }

.marL3{ margin-left: 3px; }
.marL5{ margin-left: 5px; }
.marL10{ margin-left: 10px; }
.marL20{ margin-left: 20px; }
.marL30{ margin-left: 30px; }
.marL40{ margin-left: 40px; }
.marL50{ margin-left: 50px; }
.marL60{ margin-left: 60px; }
.marL70{ margin-left: 70px; }
.marL80{ margin-left: 80px; }
.marL90{ margin-left: 90px; }
.marL100{ margin-left: 100px; }
.marL110{ margin-left: 110px; }
.marL120{ margin-left: 120px; }
.marL130{ margin-left: 130px; }
.marL140{ margin-left: 140px; }
.marL150{ margin-left: 150px; }
.marP3{ margin-right: 3px; }
.marP5{ margin-right: 5px; }
.marP10{ margin-right: 10px; }
.marP15{ margin-right: 15px; }
.marP20{ margin-right: 20px; }
.marP30{ margin-right: 30px; }
.marP40{ margin-right: 40px; }
.marP50{ margin-right: 50px; }
.marH0{ margin-top: 0px; }
.marH3{ margin-top: 3px; }
.marH4{ margin-top: 4px; }
.marH5{ margin-top: 5px; }
.marH10{ margin-top: 10px; }
.marH15{ margin-top: 15px; }
.marH20{ margin-top: 20px; }
.marH25{ margin-top: 25px; }
.marH30{ margin-top: 30px; }
.marH40{ margin-top: 40px; }
.marH45{ margin-top: 45px; }
.marH50{ margin-top: 50px; }
.marH60{ margin-top: 60px; }
.marH70{ margin-top: 70px; }
.marH80{ margin-top: 80px; }
.marH90{ margin-top: 90px; }
.marH100{ margin-top: 100px; }
.marD5{ margin-bottom: 5px; }
.marD10{ margin-bottom: 10px; }
.marD15{ margin-bottom: 15px; }
.marD20{ margin-bottom: 20px; }
.marD30{ margin-bottom: 30px; }
.marD40{ margin-bottom: 40px; }
.marD50{ margin-bottom: 50px; }
.ls-05{ letter-spacing: -0.5px; }
.ls-075{ letter-spacing: -0.75px; }
.ls-1{ letter-spacing: -1px; }
.ls-15{ letter-spacing: -1.5px; }
.ls-2{ letter-spacing: -2px; }
.ls-25{ letter-spacing: -2.5px; }
.ls-3{ letter-spacing: -3px; }
.lh70{ line-height: 70%; }
.lh80{ line-height: 80%; }
.lh90{ line-height: 90%; }
.lh100{ line-height: 100%; }
.lh110{ line-height: 110%; }
.lh120{ line-height: 120%; }
.lh130{ line-height: 130%; }
.lh140{ line-height: 140%; }
.lh150{ line-height: 150%; }
.bila{ color: #FFFFFF; }
.zelena{ color: #00A600; }
.cerna{ color: #000000; }
.vinova{ color: #AA0000; }
.cervena{ color: #FF0000; }
.modra{ color: #1B689E; }
.oranzova{ color: #E6771B; }
.fialova{ color: #76019C; }
.bezova{ color: #AAA7A1; }
.seda{ color: #AAAAAA; }
.sseda{ color: #CCCCCC; }
.hneda{ color: #9C5101; }
.khaki{ color: #979900; }
.ruzova{ color: #F457CA; }
.pozadi_bila{ background-color: #FFFFFF; }
.pozadi_zelena{ background-color: #00A600; }
.pozadi_cerna{ background-color: #000000; }
.pozadi_vinova{ background-color: #AA0000; }
.pozadi_cervena{ background-color: #FF0000; }
.pozadi_modra{ background-color: #1B689E; }
.pozadi_oranzova{ background-color: #E6771B; }
.pozadi_fialova{ background-color: #76019C; }
.pozadi_bezova{ background-color: #AAA7A1; }
.pozadi_seda{ background-color: #AAAAAA; }
.pozadi_sseda{ background-color: #CCCCCC; }
.pozadi_ssseda{ background-color: #EAEAEA; }
.pozadi_sssseda{ background-color: #F0F0F0; }
.pozadi_sssseda2{ background-color: #E0E0E0; }
.pozadi_hneda{ background-color: #9C5101; }
.pozadi_khaki{ background-color: #979900; }
.pozadi_ruzova{ background-color: #F457CA; }
.ram_bila{ border-color: #FFFFFF !important; }
.ram_zelena{ border-color: #00A600 !important; }
.ram_cerna{ border-color: #000000 !important; }
.ram_vinova{ border-color: #AA0000 !important; }
.ram_cervena{ border-color: #FF0000 !important; }
.ram_modra{ border-color: #1B689E !important; }
.ram_oranzova{ border-color: #E6771B !important; }
.ram_fialova{ border-color: #76019C !important; }
.ram_bezova{ border-color: #AAA7A1 !important; }
.ram_seda{ border-color: #AAAAAA !important; }
.ram_sseda{ border-color: #CCCCCC !important; }
.ram_ssseda{ border-color: #EAEAEA !important; }
.ram_sssseda{ border-color: #F0F0F0 !important; }
.ram_hneda{ border-color: #9C5101 !important; }
.ram_khaki{ border-color: #979900 !important; }
.ram_ruzova{ border-color: #F457CA !important; }
.chyba{ color: #FF0000; }
.chyba2{ color: #AA0000; }
.chyba INPUT, INPUT.chyba, SELECT.chyba{
 background-color: #FFEEEE;
 color: #FF0000;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #FF0000;
 -webkit-box-shadow: 0px 0px 5px 0px #FF0000;
 -moz-box-shadow: 0px 0px 5px 0px #FF0000;
}
.zi1{ z-index: 1; }
.zi2{ z-index: 2; }
.zi3{ z-index: 3; }
.zi4{ z-index: 4; }
.zi5{ z-index: 5; }
.zi6{ z-index: 6; }
.zi7{ z-index: 7; }
.zi8{ z-index: 8; }
.skrt{ text-decoration: line-through; }
.seda{ color: #AAAAAA; }
.radius2{
 -webkit-border-radius: 2px 2px 2px 2px;
 -moz-border-radius: 2px 2px 2px 2px;
 -khtml-border-radius: 2px 2px 2px 2px;
 border-radius: 2px 2px 2px 2px;
}
.radius3{
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
}
.radius4{
 -webkit-border-radius: 4px 4px 4px 4px;
 -moz-border-radius: 4px 4px 4px 4px;
 -khtml-border-radius: 4px 4px 4px 4px;
 border-radius: 4px 4px 4px 4px;
}
.radius5{
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}
.radius10{
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
}
.ikonky A{
 display: block;
 float: left;
 width: 40px;
 height: 40px;
 margin: 0px 10px 0px 0px !important;
 padding: 0px !important;
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 20px 20px 20px 20px;
 -moz-border-radius: 20px 20px 20px 20px;
 -khtml-border-radius: 20px 20px 20px 20px;
 border-radius: 20px 20px 20px 20px;
 background-color: #D3350B;
 cursor: pointer;
}
.ikonky A:hover, .ikonky A:active{
 -webkit-border-radius: 20px 20px 20px 20px;
 -moz-border-radius: 20px 20px 20px 20px;
 -khtml-border-radius: 20px 20px 20px 20px;
 border-radius: 20px 20px 20px 20px;
 background-color: #585858;
}
.info{
 position: fixed;
 top: 50px;
 width: 100%;
 z-index: 1001;
}
.infoD{
 top: auto;
 bottom: 20px;
}
.infoS{
 top: 250px;
}
.nfo{
 margin: 0px auto 0px auto;
 padding: 20px 20px 20px 20px;
 *width: 88%;
 width: 88%\0;
 width: calc(90% - 40px);
 opacity: 0.95;
 filter: alpha(opacity=95);
  box-shadow: 0px 0px 5px 0px #E23D04;
 -webkit-box-shadow: 0px 0px 5px 0px #E23D04;
 -moz-box-shadow: 0px 0px 5px 0px #E23D04;
 background-color: #FFFFBB;
 color: #666666;
 font-size: 20px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 cursor: pointer;
}
.hlaska .nfo{
 background-color: #FFDDDD;
 color: #DD0000;
  box-shadow: 0px 0px 5px 0px #DD0000;
 -webkit-box-shadow: 0px 0px 5px 0px #DD0000;
 -moz-box-shadow: 0px 0px 5px 0px #DD0000;
}
.upoz .nfo{
 background-color: #F0FFE6;
 color: #008800;
  box-shadow: 0px 0px 5px 0px #008800;
 -webkit-box-shadow: 0px 0px 5px 0px #008800;
 -moz-box-shadow: 0px 0px 5px 0px #008800;
}
.pov{ font-size: 20px; color: #FF0000; }
DIV.potvrzeni{
 position: fixed;
 top: 50%;
 left: 50%;
 display: inline-block;
 padding: 30px;
 background-color: #F0F0F0;
 color: #777777;
 text-align: center;
 box-shadow: 0px 0px 5px 2px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 2px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 2px #AAAAAA;
 z-index: 1000;
}
DIV.potvrzeni INPUT.ano{ margin-right: 20px; }
DIV.potvrzeni INPUT.ne{ margin-left: 20px; }
DIV.potvrzeni INPUT.ano{ margin-right: 20px; }
DIV.potvrzeni INPUT.ne{ margin-left: 20px; }
INPUT.ano{
 background-color: #008800;
 color: #FFFFFF;
}
INPUT.ano_over{ background-color: #00BB00; }
INPUT.ne{
 background-color: #AA0000;
 color: #FFFFFF;
}
INPUT.ne_over{ background-color: #DD0000; }

/*------- style-fotogalerie-css -------*/

/*--- TAGY ---*/
/*--- ODKAZY --*/
.pfotogalerie A,
.pfotogalerie A:link,
.pfotogalerie A:visited{
 display: inline-block;
 margin: 0px 10px 0px 10px;
}
/*
.pfotogalerie A.na_sirku,
.pfotogalerie A.na_sirku:link,
.pfotogalerie A.na_sirku:visited{
 width: calc(20% - 2px);
}
.pfotogalerie A.na_vysku,
.pfotogalerie A.na_vysku:link,
.pfotogalerie A.na_vysku:visited{
 width: calc(25% - 2px);
}
*/
.pfotogalerie A:hover,
.pfotogalerie A:active{
 background-color: #F0F0F0;
}
.pfotogalerie A IMG,
.pfotogalerie A:link IMG,
.pfotogalerie A:visited IMG{
 display: block;
 height: 150px;
 margin: 0px auto 0px auto;
}
.pfotogalerie A:hover IMG,
.pfotogalerie A:active IMG{
 opacity: 0.60;
 filter: alpha(opacity=60);
}
.pfotogalerie A SPAN,
.pfotogalerie A:link SPAN,
.pfotogalerie A:visited SPAN{
 text-align: center;
 padding: 10px 10px 10px 10px;
}

.fotogalerie A,
.fotogalerie A:link,
.fotogalerie A:visited,
.fotogalerie A:hover,
.fotogalerie A:active{
 display: block;
 float: left;
 width: 20%;
 background-color: #000000;
}
.fotogalerie A IMG,
.fotogalerie A:link IMG,
.fotogalerie A:visited IMG{
 display: block;
 width: 100%;
 opacity: 0.70;
 filter: alpha(opacity=70);
}
.fotogalerie A:hover IMG,
.fotogalerie A:active IMG{
 opacity: 1;
 filter: alpha(opacity=100);
}

/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/
.pfotogalerie{
 padding: 40px 0px 0px 0px;
}

/*------- style-panely-css -------*/

/*--- TAGY ---*/
DIV.panely{
 display: grid;
 grid-gap: 50px;
 grid-template-columns: repeat(3, 1fr);
}
/*--- ODKAZY --*/
DIV.panel,
A.panel, A.panel:link, A.panel:visited{
 display: inline-grid;
 position: relative;
 overflow: hidden;
 background-color: #FFFFFF;
 border: solid 1px #C0C0C0;
 box-shadow: 0px 0px 15px 0px #C0C0C0;
 -webkit-box-shadow: 0px 0px 15px 0px #C0C0C0;
 -moz-box-shadow: 0px 0px 15px 0px #C0C0C0;
 text-align: center;
}
A.panel:hover, A.panel:active{
 box-shadow: 0px 0px 15px 0px #777777;
 -webkit-box-shadow: 0px 0px 15px 0px #777777;
 -moz-box-shadow: 0px 0px 15px 0px #777777;
}
A.panel SPAN.panel_pad, A.panel:link SPAN.panel_pad, A.panel:visited SPAN.panel_pad{
 display: block;
 padding: 20px;
}
A.panel IMG, A.panel:link IMG, A.panel:visited IMG{
 display: block;
 width: 100%;
 max-height: 220px;
 object-fit: contain;
}
A.panel SPAN.pstitky, A.panel:link SPAN.pstitky, A.panel:visited SPAN.pstitky{
 position: absolute;
 top: 2px;
 left: 2px;
}
A.panel SPAN.pstitky SPAN, A.panel:link SPAN.pstitky SPAN, A.panel:visited SPAN.pstitky SPAN{
 display: block;
 padding: 2px 5px 2px 5px;
 margin: 0px 0px 2px 0px;
 color: #FFFFFF;
}
A.panel H2, A.panel:link H2, A.panel:visited H2{
 display: block;
 font-family: 'Oxygen', sans-serif;
 font-size: 20px;
 font-weight: 600;
 padding: 20px 0px 0px 0px;
 line-height: normal;
 color: #CC0000;
}
A.panel STRONG, A.panel:link STRONG, A.panel:visited STRONG{
 display: block;
 font-family: 'Oxygen', sans-serif;
 font-size: 16px;
 font-weight: 300;
 padding: 10px 0px 0px 0px;
 color: #000000;
}
/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/

/*------- style-produkty-css -------*/

/*--- TAGY ---*/
DIV.stitky{
 padding: 0px 0px 10px 0px;
}
DIV.stitky DIV.stitek{
 float: left;
 padding: 3px 10px 3px 10px;
 margin: 0px 10px 0px 0px;
 color: #787878;
 border: solid 1px #A8A8A8;
}
.cparametry STRONG{
 display: block;
 float: left;
 padding: 5px 10px 0px 10px;
 margin: 0px 10px 0px 0px;
}
/*--- ODKAZY --*/
.cparametry A,
.cparametry A:link,
.cparametry A:visited{
 display: block;
 float: left;
 padding: 3px 10px 3px 40px;
 height: 24px;
 margin: 0px 10px 10px 0px;
 color: #787878;
 background-image: url(obr/checkbox.png);
 background-repeat: no-repeat;
}
.cparametry A:hover,
.cparametry A:active{
 background-image: url(obr/checkbox_over.png);
}
.cparametry A.a,
.cparametry A.a:link,
.cparametry A.a:visited{
 background-image: url(obr/checkbox_a.png);
 color: #FF0000;
}
/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/
.cena {
  background-color: #585858;
  color: #FFFFFF;
  padding: 10px;
  font-size: 50px;
  font-weight: 100;
  text-align: center;
}

/*------- style-respons-css -------*/

/* 0 px - 800 px */
@media screen and (max-width: 800px){
  .rs_mob_nev{ display: none !important; }
  BODY{ font-size: 16px; }
  H1, H2{ font-size: 30px; padding: 0px 0px 10px 0px; }
  H2.H2{ font-size: 40px; }
  .soubory A:link STRONG, .soubory A:visited STRONG, .soubory A:hover STRONG, .soubory A:active STRONG{
    width: 40%;
  }
  .mainL2.right{ text-align: center; }
  .mainP2.left{ text-align: center; }
  .mainL2 .mainP.left{ text-align: center; }
  .mainP2 .mainL.right{ text-align: center; }
  .mainS5 A{ display: none; }
  .pozpruh{
   background-size: auto 100%;
  }
  .produkt{
   padding: 0px;
  }
  .pfotogalerie A, .pfotogalerie A:link, .pfotogalerie A:visited {
    margin: 0px auto 10px auto;
  }
  TABLE.tkosik TR TD{
   display: block;
   width: calc(100% - 20px) !important;
   text-align: center !important;
  }
  TABLE.tkosik TR TD.padP0{
   padding-right: 10px !important;
  }
  INPUT.i3{
   border-right: solid 1px #DDDDDD;
   -webkit-border-radius: 3px 3px 3px 3px;
   -moz-border-radius: 3px 3px 3px 3px;
   -khtml-border-radius: 3px 3px 3px 3px;
   border-radius: 3px 3px 3px 3px;
  }
  TABLE.objednavka TR TD{
   text-align: center !important;
  }
  TABLE.objednavka TR TD INPUT.i,
  .objednavka TEXTAREA{
   width: calc(100% - 30px);
  }
  TABLE.objednavka TR TD{
   display: block;
  }
  TABLE.cparametry{
   width: 100%;
  }
  TABLE.cparametry TR TD{
   display: block;
   padding: 10px;
  }
  TABLE.cparametry TR TD.cparam{
   background-color: #EAEAEA;
  }
  .email{
   font-size: 20px;
  }
  .parametry{
   font-size: 14px;
  }
  .pruh5 A, .pruh5 A:link, .pruh5 A:visited,
  .pruh5 A:hover, .pruh5 A:active{
   line-height: 200%;
  }
}
/* 475 px - 1000 px */
@media screen and (min-width: 475px) and (max-width: 1000px){
  .pozpruh{
   background-size: 100%;
  }
}
/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  .rs_nev{ display: none; }
  .rs_block{ display: block; }
  BODY{ padding: 0px 0px 0px 0px; }
  BODY.BODY2{ padding: 61px 0px 0px 0px; }
  .toppruh,
  .BODY2 .toppruh{
   height: 60px;
  }
  .toppruh{
   width: 100%;
   max-width: 100%;
   min-width: 100%;
  }
  .menupruh,
  .BODY2 .menupruh{
    top: 60px;
    height: 1px;
    z-index: 101;
  }
  .tkontakty{ display: none; }
  .pozpruh, .pozpruh_prechod,
  .pozpruh2 .pozpruh_prechod{
   height: 300px;
  }
  .pruh{
   padding-top: 30px;
   padding-bottom: 30px;
  }
  .pruh_1{
   padding-top: 0px;
  }
  A.logo,
  A.logo:link,
  A.logo:visited,
  .BODY2 A.logo,
  .BODY2 A.logo:link,
  .BODY2 A.logo:visited{
   top: 10px;
   left: 10px;
   width: 186px;
   height: 40px;
  }
  A.logo STRONG,
  A.logo:link STRONG,
  A.logo:visited STRONG{
    display: none;
  }
  .menu{
   display: none;
  }
  .menu_respons{
   position: absolute;
   top: -58px;
   right: -5px;
   display: block;
  }
  .toppruh A.v_kosiku, .toppruh A.v_kosiku:link, .toppruh A.v_kosiku:visited,
  .BODY2 .toppruh A.v_kosiku, .BODY2 .toppruh A.v_kosiku:link, .BODY2 .toppruh A.v_kosiku:visited{
    top: 5px;
    right: 80px;
  }
  .vkosiku{ display: none !important; }
  .menu_respons A,
  .menu_respons A:link, .menu_respons A:visited{
   position: absolute;
   top: 8px;
   right: 15px;
   display: block;
   width: 42px;
   height: 42px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
  }
  .menu_respons A:hover, .menu_respons A:active{
   background-image: url(obr/ico_menu_over.png);
  }
  .smenu_respons{
   display: none;
   position: fixed;
   top: 60px;
   left: 0px;
   width: 100%;
   background-color: #FFFFFF;
   box-shadow: 0px 0px 5px 0px #C0C0C0;
   -webkit-box-shadow: 0px 0px 5px 0px #C0C0C0;
   -moz-box-shadow: 0px 0px 5px 0px #C0C0C0;
   z-index: 19;
  }
  .smenu_respons A,
  .smenu_respons A:link,
  .smenu_respons A:visited{
   display: block;
   width: calc(100% - 10px);
   padding: 5px 0px 5px 10px;
   color: #CC0000;
   text-align: left;
   text-decoration: none;
   font-weight: 300;
   font-size: 16px;
  }
  .smenu_respons A:hover,
  .smenu_respons A:active,
  .smenu_respons A.a,
  .smenu_respons A.a:link,
  .smenu_respons A.a:visited{
   color: #FFFFFF;
   background-color: #CC0000;
  }
  .kosik_respons A, .kosik_respons A:link, .kosik_respons A:visited {
   margin: -10px 10px 0px 0px;
  }
  .kosik_respons A.v_kosiku SPAN,
  .kosik_respons A.v_kosiku:link SPAN, .kosik_respons A.v_kosiku:visited SPAN{
   background-color: #383838;
  }
  .main{
   width: 90%;
   max-width: 90%;
   min-width: 90%;
  }
  .mainL, .mainP,
  .mainL2, .mainP2,
  .mainL3, .mainP3,
  .main33{
   float: none;
   width: 90%;
   max-width: 90%;
   min-width: 90%;
   margin: 0px auto 20px auto;
  }
  .pruh5 .main33.caraL{
    border-left: none;
    border-bottom: solid 1px #333333;
    width: 100%;
    padding-left: 0px;
  }
  .copy, A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
   text-align: center;
  }
  .copy DIV.right{
   text-align: center;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   padding: 50px 0px 100px 0px;
  }
}
/* 0 px - 640 px */
@media screen and (max-width: 540px){
  DIV.panely{
    grid-template-columns: repeat(1, 1fr);
  }
}
/* 641 px - 1000 px */
@media screen and (min-width: 541px) and (max-width: 1000px){
  DIV.panely{
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 1001 px - 1200 px */
@media screen and (min-width: 1001px) and (max-width: 1200px){
  .menu A,
  .menu A:link,
  .menu A:visited{
   padding-left: 10px;
   padding-right: 10px;
  }
}
/* 1201 px - 1300 px */
@media screen and (min-width: 1201px) and (max-width: 1350px){
  .menu A,
  .menu A:link,
  .menu A:visited{
   padding-left: 10px;
   padding-right: 10px;
  }
}
/* 1601 px */
@media screen and (min-width: 1601px){
  DIV.panel,
  A.panel, A.panel:link, A.panel:visited{
   height: 400px;
  }
}

/*------- style-soubory-css -------*/

/*--- TAGY ---*/
/*--- ODKAZY --*/
.soubory A:link, .soubory A:visited{
 display: block;
 width: 100%;
 padding: 5px 0px 10px 0px;
 font-size: 14px;
 color: #D3350B;
 background-color: #CCCCCC;
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
}
.soubory A:hover, .soubory A:active{
 color: #F0F0F0;
 background-color: #D3350B;
}
.soubory A:link IMG, .soubory A:visited IMG,
.soubory A:hover IMG, .soubory A:active IMG{
 display: inline-block;
 vertical-align: middle;
 margin: -3px 10px 0px 20px;
}
.soubory A:link STRONG, .soubory A:visited STRONG,
.soubory A:hover STRONG, .soubory A:active STRONG{
 display: inline-block;
 max-width: calc(100% - 20px);
 vertical-align: middle;
 margin: 5px 10px 0px 10px;
 font-size: 18px;
 overflow: hidden;
}
.soubory A:link EM, .soubory A:visited EM,
.soubory A:hover EM, .soubory A:active EM{
 float: right;
 vertical-align: middle;
 margin: 5px 20px 0px 10px;
 font-style: normal;
 font-size: 18px;
}
/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/

/*------- style-ubloky-css -------*/

/*--- TAGY ---*/
/*--- ODKAZY --*/
A.ublok, A.ublok:link, A.ublok:visited{
 float: left;
 display: block;
 width: 23%;
 height: 265px;
 background-color: #FFFFFF;
 margin: 0% 1% 2% 1%;
 position: relative;
 overflow: hidden;
 box-shadow: 0px 0px 30px 2px #F7F7F7;
 -webkit-box-shadow: 0px 0px 30px 2px #F7F7F7;
 -moz-box-shadow: 0px 0px 30px 2px #F7F7F7;
}
A.ublok:hover,
A.ublok:active{
 margin-top: -10px;
 box-shadow: 0px 0px 50px 2px #E0E0E0;
 -webkit-box-shadow: 0px 0px 50px 2px #E0E0E0;
 -moz-box-shadow: 0px 0px 50px 2px #E0E0E0;
}
A.ublok SPAN.ubobr{
 display: block;
 height: 120px;
 background-repeat: no-repeat;
 background-position: center 20px;
}
A.ublok SPAN.ubtext{
 display: block;
 padding: 20px 20px 10px 20px;
 height: 145px;
 color: #56565B;
 text-align: center;
}
A.ublok SPAN.ubtext STRONG{
 display: block;
 font-size: 18px;
 font-weight: 700;
}
A.ublok SPAN.ubtext EM{
 display: block;
 padding: 20px 10px 10px 10px;
 font-size: 16px;
 font-style: normal;
}
/*--- DESIGN ---*/

/*------- style-vkosiku-css -------*/

/*--- TAGY ---*/
.vkosiku TABLE TR TD{ padding: 5px 10px 5px 10px; }
.vkosiku TABLE TR.tr1 TD{ background-color: #D8D8D8; }
.vkosiku TABLE TR.tr2 TD{ background-color: #E8E8E8; }
.vkosiku TABLE TR.tr_over1 TD{ background-color: #989898; }
.vkosiku TABLE TR.tr_over2 TD{ background-color: #A8A8A8; }
/*--- ODKAZY --*/
.vkosiku A.kosik_obr,
.vkosiku A.kosik_obr:link,
.vkosiku A.kosik_obr:visited{
 width: 30px;
 height: 30px;
}
.toppruh .vkosiku A, .toppruh .vkosiku A:link, .toppruh .vkosiku A:visited{
 margin: 0px;
 font-size: 13px;
 text-align: left;
 color: #000000;
}
.toppruh .vkosiku A STRONG, .toppruh .vkosiku A:link STRONG, .toppruh .vkosiku A:visited STRONG{
 font-size: 15px;
}
.toppruh .vkosiku A.odstranit, .toppruh .vkosiku A.odstranit:link, .toppruh .vkosiku A.odstranit:visited{
 background-color: #F0F0F0;
 padding: 2px 5px 2px 5px;
 color: #CC0000;
 font-weight: bold;
 -webkit-border-radius: 10px 10px 10px 10px;
 -moz-border-radius: 10px 10px 10px 10px;
 -khtml-border-radius: 10px 10px 10px 10px;
 border-radius: 10px 10px 10px 10px;
}
.toppruh .vkosiku A.odstranit:hover, .toppruh .vkosiku A.odstranit:active{
 background-color: #FFFFFF;
}
.toppruh .vkosiku A.tlacitko, .toppruh .vkosiku A.tlacitko:link, .toppruh .vkosiku A.tlacitko:visited{
 width: 100%;
 padding: 10px 0px 10px 0px;
 text-align: center;
 font-size: 20px;
}
.toppruh .vkosiku A.tlacitko:hover, .toppruh .vkosiku A.tlacitko:active{
 background-color: #FF0000;
}
/*--- DESIGN ---*/
.vkosiku{
 display: none;
 position: absolute;
 top: 120px;
 right: 50px;
 background-color: #FFFFFF;
 color: #000000;
}
.BODY2 .vkosiku{
 top: 70px;
}
/*--- OSTATNÍ ---*/

/*------- style-vpanely-css -------*/

/*--- TAGY ---*/
/*--- ODKAZY --*/
DIV.vpanel,
A.vpanel, A.vpanel:link, A.vpanel:visited{
 display: inline-block;
 width: calc(46% - 4px);
 margin: 2%;
 height: 300px;
 position: relative;
 overflow: hidden;
 background-color: #FFFFFF;
 border: solid 1px #AAAAAA;
}
A.vpanel:hover, A.vpanel:active{
 box-shadow: 0px 0px 15px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 15px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 15px 0px #AAAAAA;
}
A.vpanel SPAN.vpf, A.vpanel:link SPAN.vpf, A.vpanel:visited SPAN.vpf{
 float: left;
 display: block;
 width: 50%;
 height: 100%;
 background-repeat: no-repeat;
 background-size: auto 100%;
}
A.vpanel SPAN.vpt, A.vpanel:link SPAN.vpt, A.vpanel:visited SPAN.vpt{
 float: right;
 display: block;
 width: 40%;
 margin: 0% 5% 0% 0%;
 text-align: left;
}
A.vpanel STRONG, A.vpanel:link STRONG, A.vpanel:visited STRONG{
 display: block;
 font-size: 20px;
 font-weight: 600;
 padding: 20px 0px 20px 0px;
}
A.vpanel EM, A.vpanel:link EM, A.vpanel:visited EM{
 display: block;
 font-size: 13px;
 font-style: normal;
 color: #000000;
}
/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/

/*------- style-zalozky-css -------*/

/*--- TAGY ---*/
/*--- ODKAZY --*/
.zalozky A, .zalozky A:link, .zalozky A:visited{
 float: left;
 display: block;
 width: 33%;
 padding: 15px 0px 15px 0px;
 font-size: 16px;
 font-weight: 700;
 color: #CC0000;
 text-align: center;
 background-color: #F0F0F0;
}
.zalozky A:hover, .zalozky A:active{
 color: #000000;
 background-color: #FFFFFF;
}
.zalozky A.a, .zalozky A.a:link, .zalozky A.a:visited{
 color: #CC0000;
 background-color: #FFFFFF;
}
/*--- DESIGN ---*/
/*--- OSTATNÍ ---*/
.zalozky{
 background-color: #F0F0F0;
 border-left: solid 1px #F0F0F0;
 border-right: solid 1px #F0F0F0;
}
.zalozky_obsah{
 color: #000000;
 background-color: #FFFFFF;  
 padding: 40px;
 border-left: solid 1px #F0F0F0;
 border-right: solid 1px #F0F0F0;
}


/*------- system-cookies-style-cookies-css -------*/

DIV.cookies{
 position: fixed;
 z-index: 1000;
 top: 5%;
 left: 30%;
 width: calc(40% - 140px);
 max-height: calc(90% - 140px);
 padding: 70px;
 overflow: auto;
 background-color: #FFFFFF;
 color: #585858;
 text-align: left;
 box-shadow: 0px 0px 40px 0px #777777;
 -webkit-box-shadow: 0px 0px 40px 0px #777777;
 -moz-box-shadow: 0px 0px 40px 0px #777777;
}

/* 0 px - 640 px */
@media screen and (max-width: 640px){
 DIV.cookies{
   left: 1%;
   width: calc(98% - 60px);
   max-height: calc(90% - 60px);
   padding: 30px;
 }
}
/* 641 px - 1000 px */
@media screen and (min-width: 641px) and (max-width: 1000px){
 DIV.cookies{
   left: 20%;
   width: calc(60% - 140px);
 }
}

#cookies_prizpusobeni{
 display: none;
}
DIV.cookies_nadpis{
 font-weight: bold;
 font-size: 24px;
 padding: 0px 0px 10px 0px;
}
DIV.cookies_popis{
 font-size: 20px;
 line-height: 22px;
}
DIV.cookies A,
DIV.cookies A:link,
DIV.cookies A:visited{
 text-decoration: none;
 cursor: pointer;
 color: #CC0000;
}
DIV.cookies A:hover,
DIV.cookies A:active{
 color: #000000;
}
A.cookies_odkazL,
A.cookies_odkazL:link,
A.cookies_odkazL:visited{
 display: block;
 float: left;
 margin: 10px 0px 20px 0px;
}
A.cookies_odkazP,
A.cookies_odkazP:link,
A.cookies_odkazP:visited{
 display: block;
 float: right;
 margin: 10px 0px 20px 0px;
}
A.cookies_tlacitko1,
A.cookies_tlacitko1:link,
A.cookies_tlacitko1:visited{
 display: block;
 padding: 10px;
 margin: 0px 0px 10px 0px;
 text-align: center;
 background-color: #008800;
 color: #FFFFFF !important;
 font-size: 20px;
}
A.cookies_tlacitko1:hover,
A.cookies_tlacitko1:active{
 background-color: #00AA00;
}
A.cookies_tlacitko2,
A.cookies_tlacitko2:link,
A.cookies_tlacitko2:visited{
 display: block;
 padding: 10px;
 text-align: center;
 background-color: #888888;
 color: #FFFFFF !important;
 font-size: 20px;
}
A.cookies_tlacitko2:hover,
A.cookies_tlacitko2:active{
 background-color: #AAAAAA;
}
A.cookies_tlacitko3,
A.cookies_tlacitko3:link,
A.cookies_tlacitko3:visited{
 display: block;
 padding: 5px 10px 5px 10px;
 margin: 0px 0px 0px 10px;
 text-align: center;
 background-color: #888888;
 color: #FFFFFF !important;
 font-size: 18px;
 float: right;
}
A.cookies_tlacitko3:hover,
A.cookies_tlacitko3:active{
 background-color: #AAAAAA;
}
DIV.cookies_hlkat{
 padding: 10px;
 margin: 0px 0px 5px 0px;
 background-color: #F0F0F0;
}
A.cookies_kat,
A.cookies_kat:link,
A.cookies_kat:visited{
 display: inline-block;
 padding: 0px 30px 0px 10px;
 background-image: url(obr/cookies_sipkaD.png);
 background-repeat: no-repeat;
 background-position: right center;
 float: left;
}
A.cookies_katH,
A.cookies_katH:link,
A.cookies_katH:visited{
 background-image: url(obr/cookies_sipkaH.png);
}
A.cookies_check,
A.cookies_check:link,
A.cookies_check:visited{
 display: inline-block;
 width: 30px;
 height: 30px;
 margin: 0px 10px 0px 0px;
 background-image: url(obr/cookies_checkbox.png);
 background-repeat: no-repeat;
 background-position: center center;
 float: right;
}
A.cookies_check:hover,
A.cookies_check:active{
 background-image: url(obr/cookies_checkbox_over.png);
}
A.cookies_check_checked,
A.cookies_check_checked:link,
A.cookies_check_checked:visited,
A.cookies_check_checked:hover,
A.cookies_check_checked:active,
A.cookies_check_checked_a,
A.cookies_check_checked_a:link,
A.cookies_check_checked_a:visited,
A.cookies_check_checked_a:hover,
A.cookies_check_checked_a:active{
 background-image: url(obr/cookies_checkbox_checked.png);
}
DIV.cookies_kategorie{
 padding: 0px 0px 5px 0px;
}
DIV.cookies_kategorie_popis{
 display: none;
 padding: 0px 10px 20px 10px;
 font-size: 15px;
 text-align: justify;
} /* --- ikonky --- */
 .ikonky .pdf{ background-image: url(obr/ikonky/pdf.png);}
 .ikonky .tisk{ background-image: url(obr/ikonky/tisk.png);}
