/*	Resets
        ------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}

a img {border: 0;}

.video {
    position: absolute;
    top:-24px;
    left:10px;
    width:21px;
    height:18px;
    z-index: 10;
    background: url('images/video.png') no-repeat right top;
    


}

.foto {
    position: absolute;
    top:146px;
    right:0px;
    width:21px;
    height:18px;
    z-index: 10;
    background: url('images/galerie.png') no-repeat right top;
    


}

.video2 {
    top:146px;
    right:25px;
}


.barvy{
    font-weight:600;   min-height:10px; width:16px; padding:0px; margin:1px;  float:left;  border:1px solid #BBBBBB;
}
.barvy2{
    font-weight:600;   min-height:10px; width:16px; padding:0px; margin:1px;  float:left;  border:1px solid #FFFFFF;
}
xdiv {border:1px solid #EEEEEE;}
a {text-decoration:none; color:#555555; margin:0px; padding:0px;}
a:hover {color:#222222;}
img {border:none;}
li {list-style-type: none}


/*		Default Layout: 992px. 
                Gutters: 24px.
                Outer margins: 48px.
                Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


body{ font-size:12px; color:#333; margin:0; background:url('images/abg6.jpg?1') repeat center top; font-weight:normal; font-family:Trebuchet MS,Tahoma,Verdana,Arial; text-align:center;  	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */}


.zaklad {width: 960px;	padding: 0px 0px 0px; background:#FFFFFF; color:#222222;}

.l_okraj{ /*float:left;*/ width:100%;  }
.l_okraj .p_okraj { width:100%;  /*float:right; width:97.9910714%; background:transparent url('images/stin_p.png') repeat-y right top; */}
.l_okraj .p_okraj .stred{ width:100%;  /*float:left; width:97,9498861%; background-color:#ffffff; min-height:800px; */}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .zaklad {width: 722px; padding: 0px 23px 0px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .zaklad {		width: 480px;		padding: 0px 0px 0px;	}
}
@media only screen and (max-width: 479px) {
    .zaklad { width: 242px;		padding: 0px 10px 0px;	}
}  

h1  {    background: #666666 url('images/bg_nadpis.jpg') repeat bottom; color:#FFFFFF; font-size:30px;  height:auto; min-height:30px; font-weight:700; text-decoration:none;  letter-spacing:1.5px;text-transform:uppercase;  padding-top:8px;  width:100%; font-size:20px; border:0px solid red;} 
h1 a {  color:#FFFFFF;  
}
h1.proudktyH1 { background-image: none; background-color: #00adef; cursor: pointer; text-align: left;}
.blok {width:100%;margin-bottom:20px; margin-top:2px; border:0px solid red; float:left; background-color: white;}
.dlouhytext1 {text-align:justify; width:45%; font-size:16px; float:left;  letter-spacing:1px; margin-left:20px;}
.dlouhytext1 a {border-bottom:1px solid #DDDDDD;}
.dlouhytext1 a:hover {border-bottom:1px solid #AAAAAA;}
.dlouhytext2 {text-align:justify; width:45%; font-size:14px; float:right;  letter-spacing:1px; margin-right:20px;}
.dlouhytext2 a {border-bottom:1px solid #DDDDDD;}
.dlouhytext2 a:hover {border-bottom:1px solid #AAAAAA;}
.dlouhyobrazek {text-align:justify; width:45%; font-size:17px; float:left;  letter-spacing:1px; margin-left:20px;}

.hlavamenu {border:0px solid red; background:#AAAAAA  url('images/bg_menu.jpg') repeat ;  float:left; width:100%; height:auto; }
.hlavamenu img {display:block; float:left; padding-left:10px; padding-top:30px; }

a.logo {display:block; width:308px; height:120px; float:left; border:0px solid red;} 
.loga {  width:100%; border-top:1px dotted #CCCCCC;}
.loga img { padding:10px 5px; opacity:0.7;   filter:alpha(opacity=70); height:35px;   }
.loga img:hover { padding:10px 5px; opacity:1;   filter:alpha(opacity=100);   }
.clearboth{clear:both;}

.hlavamenu .hledej {height:22px; width:210px; float:right; color:#999999; text-align:left; padding-left:10px; margin-top:10px;}
.hlavamenu .hledej input[type="text"] {width:150px; height:20px; margin:0px; padding:0px; border:none; margin:0px; margin-top:3px;  background-color:#DDDDDD; text-align:center;}
.hlavamenu .hledej input[type="submit"] {width:50px; height:20px; margin:0px; padding:0px; border:none; margin:0px; margin-top:3px; background-color:#DDDDDD;}

.hlavamenu .menuout {float:right; border:0px solid red;} 
.hlavamenu .menu  {min-height:43px;  height:auto;  background-color:#BBBBBB;  background:transparent url('images/bg_volby.jpg') repeat left top; float:right; margin-top:20px; }
.hlavamenu .menu  .menuitemdel { background:transparent url('images/bg_volby_krok.jpg') repeat-x center top; width:6px; height:43px;float :left}
.hlavamenu .menu  .menuitem { text-transform:uppercase;margin:10px 20px; color:#555555; font-size:17px; font-weight:700; text-decoration:none; float :left; letter-spacing:1.5px; }                               
.hlavamenu .menu  .menuitem:hover {  color:#FFFFFF;}
.hlavamenu .menustin  {height:20px; background:url('images/bg_volby_stin.jpg?1') no-repeat left top; float:left; }



.produktkategorie {text-align:center; margin:0px;}
.produktout {float:left; margin: 0 8px; height:auto; width:auto; border:0px solid red; margin-top:10px;}
.produkt {height:210px; width:150px;  text-align:center; float:left;  text-align:center;   margin-left:6px; margin-bottom:5px; }
.produktvse {height:180px;  width:140px; padding:5px; border:1px solid #DEDEDE;  text-align:center; float:left; text-align:center;  }
.produktvsestin  {height:30px; width:150px; background:url('images/stiny_sedy_01.jpg?1') no-repeat center top; float:left;}
.produktvse .moc {border:0px solid red; background-color:#EFEFEF; padding:2px;}
.produktvse:hover {border:1px solid #AAAAAA;}
.produktvse img {display:block;margin:0px auto; margin-bottom:10px;} 
.produktvse a {display:block;margin:0px auto;  font-weight:500; text-decoration:none;  padding-top:10px;cursor:pointer}

.tipinfo   {width:944px; background-color:#FFFFFF;  float:left; margin-top:10px; height:auto; padding-bottom:30px;}
.tipinfo  .tipout {width:230px; height:120px; background-color:#FFFFFF;  float:left; margin-top:10px; margin-left:5px}
.tipinfo  .tip {width:228px; height:120px;  float:left; border:1px solid #DEDEDE;}
.tipinfo  .tipstin  {height:30px; width:230px; background:url('images/stiny_sedy_02.jpg?1') no-repeat center top; float:left;}

.clanek {height:auto; width:100%; margin:auto 4px auto 0px;float:left;}
.clanek a {border-bottom:1px solid #DDDDDD;}
.clanek a:hover {border-bottom:1px solid #AAAAAA;}
.clanek H2{ color:#444444; font-weight:700; text-decoration:none;  text-transform:uppercase; padding-top: 5px; font-size:15px;  background:#FAFAFA url('images/bg_skup.jpg') repeat-x left top; height:28px;  text-align:center;}

.clanekin {height:auto;  width:100%; border-bottom:0px solid #BBBBBB; float:left; text-align:left;}
.clanektext { font-size:14px; float:right; width:48%; letter-spacing:1px; padding:10px;}
.clanektext p { margin-bottom:1.5em;}
.clanekimg img { float:left; width:48%; letter-spacing:1px; padding:5px; border:0px;}
.clanekstina  {height:20px; width:95%; background:url('images/stinyclanek_sedy_01.jpg?1') no-repeat center top; float:left;}

.kdekoupit {  float:left;  margin:0px auto; width:100%; padding:0px; bacground-color:#FFFFFF;}
.kdekoupit .kdekoupitout {width:98%; margin:5px 5px 5px 5px; float:left; border:1px dotted #AAAAAA;}
.kdekoupit .kdekoupitin {min-height:20px;  margin:5px auto; padding:5px;   float:left; width:100%;  }
.kdekoupit .kdekoupitin .info { border:0px solid red; background-color:#EEEEEE; font-weight:700; float:left; height:15px; margin:0px;  width:98%; text-transform:uppercase; padding:5px; text-align:center;}
.kdekoupit .kdekoupitin .pobocka { width:90%; padding:5px; margin:3px; border:0px solid #DEDEDE;  text-align:left; float:left; border-bottom:1px dotted #AAAAAA; }
.kdekoupit .kdekoupitin .pobocka div {border: 0px solid red; height:20px; vertical-align: bottom; text-align:left; float:left; padding:5px 0px 0px 5px;}
.kdekoupit .kdekoupitin .pobocka img {padding-right:5px;}
.kdekoupit .adresa5 {min-width:10%; }
.kdekoupit .adresa5 a:hover {text-decoration: underline;}
.kdekoupit .adresa20 {min-width:18%; }
.kdekoupit .adresa30 {width:25%; min-width: 200px; }


.produktyinfo   {  float:left;width:100%;margin-top:10px; }
.produktyinfo  .produktinfoout {height:430px; width:234px; margin-left:5px; margin-top:4px; float:left;}
.produktyinfo  .produktinfo {height:390px;  width:98%; border:1px solid #BBBBBB;  text-align:center; float:left; /*background: #F0F0F0 url('images/bg_kategorienadpis.jpg') no-repeat center top;*/}
.produktyinfo  .produktinfo:hover {border:1px solid #666666;}
.produktyinfo  .produktinfo H2{ color:#444444; font-weight:700; text-decoration:none;  text-transform:uppercase; padding-top: 5px;cursor:pointer;  font-size:15px;  background:#FAFAFA url('images/bg_skup.jpg') repeat-x left top; height:28px; }
.produktyinfo  .produktinfo H2:hover{color:#111111; }
.produktyinfo  .produktinfo .polnazev {padding:3px 10px; display:block;  min-height:55px;  text-decoration:none; color:#333333; border-top:1px dotted #555555;border-left:1px dotted #FFFFFF; margin: 3px 10px; text-align:justify}
.produktyinfo  .produktinfo .polnazev.vic {height:30px;font-size:12px ; font-weight:700; color:#555555; text-align:center; padding-top:10px;}
.produktyinfo  .produktinfo .polimg {margin:20px auto 10px auto;}
.produktyinfo  .produktinfo .polnazev:hover {border-left:1px dotted #AAAAAA;}
.produktyinfo  .produktinfo .moc {float:right; text-align:right; border:0px solid red; background-color:#EFEFEF; padding:2px; margin-top:10px;}
.produktyinfo  .produktvsestin  {height:30px; width:230px; background:url('images/stiny_sedy_02.jpg?1') no-repeat center top; float:left;}

.doplnsoub  {  float:left; width:100%; border:0px solid red;  margin-top:30px;  text-align: left;}
.doplnsoub  .polozky {margin-left:5px;}
.doplnsoub  .info{ border:0px solid white; background-color:#EEEEEE; font-weight:700; height:15px; margin-bottom:10px;  width:100%; text-transform:uppercase; padding:5px 0px; text-align:center;}
.doplnsoub  .polozka{    border: 1px solid white; height: 70px; width: 24%;    text-align: center;    float: left; margin-top:5px;}
.doplnsoub   a {margin-left:0px;}
.doplnsoub  a:hover{  text-decoration:underline; }
.doplnsoub  .polozka:hover{    border: 1px dotted #DDDDDD; }
.doplnsoub  img{ height:70px;  margin-bottom:5px; opacity:1;   filter:alpha(opacity=100);   }
.doplnsoub  img.dalsiobrazekpdf  { height:30px;  margin:0px; padding:0px; margin-top:10px;}
.doplnsoub  img:hover { opacity:0.8;   filter:alpha(opacity=80);   }



.produktimg {float:right; width:100%;border:0px dotted #FFFFFF;}
.produktimg .leva {width:49%; border:0px solid red; float:left;}

.produktimg .velkyobr img {float:left;   margin-top:10px; margin-left:10px; border:0px solid red; position:relative; border:0px dotted #DDDDDD; width:440px;}
.produktdalsi {float:right;  color:#888888;  height:40px; font-weight:700; text-decoration:none;  text-transform:uppercase;  padding-right:20px;}

.produktpopis {float:right;  border:0px solid red; width:49%; text-align:justify; font-size:12px; }
.produktpopispredceno {min-height: 300px;}
.produktpopis .text {margin-right:10px; min-height:150px; border:0px solid red;  border-bottom:2px dotted #DDDDDD; margin-bottom:5px; padding-bottom:5px;}
.produktpopis .text li {list-style-type: circle;  margin:4px; margin-left:2em;}
.produktpopis .textkratky {margin-right:10px; min-height:50px; border:0px solid red;  border-bottom:2px dotted #DDDDDD; margin-bottom:5px; padding-bottom:5px;}
.produktpopis .textkratky  td {text-align:left; border-top:1px dotted #DDDDDD;padding:3px;vertical-align:top;}
.produktpopis .textkratky .uatdparam{font-style:italic;padding-right:6px; }
.produktpopis .textkratky .uatdhodnota{}
.produktpopis .techinfo {float:right; text-align:center; margin-right:0px; margin-bottom:1px; border:0px solid red; width:100%; font-size:14px;font-weight:700; color:#222222;  background:#EEEEEE url('images/bg_techinfo.jpg?2') no-repeat left top;  padding:5px ; }
.produktpopis h1 { margin-right:20px; text-align :left; background:none; color:#333333; height:auto; padding:20px 0px; border-top:2px dotted #DDDDDD; border-bottom:2px dotted #DDDDDD; margin-bottom:10px;}
.produktpopis .moc {float:right; margin-right:0px;margin-right:20px; border:0px solid red; width:330px  ;text-align:right; font-size:10px;font-weight:700; margin-top:15px; }
.produktpopis .mockc {float:right; margin-right:0px; border:0px solid red; width:115px; height:31px; text-align:right; font-size:17px;font-weight:700; color:#FFFFFF;  background: #AAAAAA url('images/bg_moc.jpg?1') no-repeat right top; padding:2px 20px 0px 0px; }

.pata {height:50px; color:#AAAAAA; font-size:10px; padding-top:10px; border:0px solid red; width:100%; float:left; margin:0px auto; background-color:#FFFFFF;}
.pata a {color:#999999; font-size:10px;}

.bacoranz {background-color:#F4EBE2;}
.adresar  {}
.adresar a.adresymesta  {white-space : nowrap; padding:5px; margin:3px; border:1px dotted #DDDDDD;float:left; font-size:11px;}
.adresar a.adresymesta:hover  {white-space : nowrap; padding:5px; margin:3px; border:1px dotted #999999;float:left; font-size:11px;}
.adresar h6.adresymesta  { text-transform:uppercase; white-space : nowrap; padding:5px; margin:3px; border:1px dotted #AAAAAA;float:left; background-color:#EEEEEE; font-size:11px; width:20px;text-align:center;}
.adresar .pobocka  { padding:5px; margin:3px; border:1px dotted #DDDDDD;float:left; font-size:11px; width:221px; min-height:100px;}  
.adresar .mesto  { float:left; margin:0; padding:0; margin-left:-10px;}

.mapa { color: #444444;}
.mapa a { color: #E77473;}

/*
   these are just the default styles used in the Cycle2 demo pages.  
   you can use these styles or any others that you wish.
*/


/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width: 100%; min-width: 200px; max-width: 990px; margin: 0px auto; padding: 0; position: relative;  height:auto;
                   background: url(./images/spinner.gif) 50% 50% no-repeat;

}

.cycle-slideshow a { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block; margin:0;

}
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    width: 100%; padding: 0; display: block; margin:0;

}
/* slideshow images (for most of the demos, these are the actual "slides") */

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500;  position: absolute; top: 0px; left :0px; overflow: hidden; 
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 50px; margin:0px; padding:0px; vertical-align:top;
    display: inline-block; color: #AAAAAA; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #EEEEEE;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 10%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url('images/btn_prev.png') 50% 50% no-repeat; border:0px solid red;}
.cycle-next { right: 0; background: url('images/btn_next.png') 50% 50% no-repeat; border:0px solid red;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .zaklad {width: 722px; padding: 0px 23px 0px;}
    .produktout {margin: 10px 44px;}
    .produktpopis {width:48%; margin:10px; padding:0px;}
    .produktpopis .text{width:100%; margin:0px; padding:0px;}

    .produktimg .velkyobr img{width:100%; height:auto;margin:0px; padding:0px;}
    .produktimg .velkyobr img.vetsi{width:100%; height:auto;margin:0px; padding:0px;}
    .doplnsoub {  margin:0px; padding:0px;}
    .produktimg {width:100%; margin:0px; padding:0px;}
    .doplnsoub {width:100%;  margin:0px; padding:0px;}
    .doplnsoub  .info{ border:0px solid red; background:#EEEEEE; padding:2px 0px;font-weight:700; height:25px; width:100%; text-transform:uppercase; margin:3px 0px;}
    .clanekimg img { float:left; width:45%; letter-spacing:1px; padding:5px; border:0px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .zaklad {		width: 480px;		padding: 0px 0px 0px;	}
    .dlouhytext1 {text-align:justify; width:100%; font-size:16px; float:left;  letter-spacing:1px; margin:10px 0px; padding:0px;}
    .dlouhytext2 {text-align:justify; width:100%; font-size:14px; float:left;  letter-spacing:1px; margin:10px 0px; padding:0px;}

    .produktout {margin: 10px 0px;}
    .produktpopis {width:100%; margin:0px; padding:0px;}
    .produktpopis .text{width:100%; margin:0px; padding:0px; min-height:0px;}
    .produktimg {width:100%;}

    .produktimg .leva {width:100%; border:0px solid red; float:left;}

    .kdekoupit .kdekoupitin .info { width:95%;}

    .produktimg .velkyobr img{width:100%; height:auto;margin:0px; padding:0px;}
    .produktimg .velkyobr img.vetsi{width:100%; height:auto;margin:0px; padding:0px;}
    .doplnsoub {width:100%;  margin:0px; padding:0px;}
    .doplnsoub  .info{ border:0px solid red; background:#EEEEEE; padding:2px 0px;font-weight:700; height:25px; width:100%; text-transform:uppercase; margin:3px 0px;}
    .clanekimg img { float:left; width:97%; letter-spacing:1px; padding:1%; border:0px;}
    .clanektext { font-size:14px; float:right; width:97%; letter-spacing:1px; padding:1%;}
}


@media only screen and (max-width: 479px) {
    .zaklad { width: 95%;		padding: 0px 2% 0px;	}

    h1.proudktyH1 {   text-align: center;}
    .produktout {margin: 10px 1px;}
    .produkt {width:30%;}
    .produktvse {width:100%;}

    /*a.logo {display:block; width:49%; height:120px; float:left; border:0px solid red;} */

    .kdekoupit .adresa30 {width:68%; min-width: 200px; }
    .kdekoupit .adresa5 {min-width:29%; }
    .kdekoupit .adresa5 a:hover {text-decoration: underline;}
    .kdekoupit .adresa20 {min-width:29%; }
    .kdekoupit .kdekoupitin .info {width:95%; }

    .produktyinfo {width:100%; }
    /*.produktyinfo  div {border:1px solid red}*/
    .produktyinfo .produktinfoout {width:48%; }
    .produktyinfo .produktinfo {width:100%; }
    .produktyinfo .produktvsestin {width:100%; }

    .produktimg .leva {width:100%; border:0px solid red; float:left;}

    .hlavamenu .hledej {width:49%; margin:0px; padding:0px; float:right;}
    .hlavamenu .hledej input[type="text"] {width:60%; margin:2px; }
    .hlavamenu .hledej input[type="submit"] {width:30%; margin:2px; }
    .dlouhytext1 {text-align:justify; width:100%; font-size:16px; float:left;  letter-spacing:1px; margin:10px 0px; padding:0px;}
    .dlouhytext2 {text-align:justify; width:100%; font-size:14px; float:left;  letter-spacing:1px; margin:10px 0px; padding:0px;}
    .produktpopis {width:100%; margin:0px; padding:0px;}
    .produktpopis .text{width:100%; margin:0px; padding:0px; min-height:0px;}
    .produktimg {width:100%;}

    .produktimg .velkyobr img{width:100%; height:auto;margin:0px; padding:10px 0px;}
    .produktimg .velkyobr img.vetsi{width:100%; height:auto;margin:0px; padding:10px 0px;}
    .doplnsoub {width:100%;  margin:0px; padding:0px;}
    .doplnsoub  .info{ border:0px solid red; background:#EEEEEE; padding:2px 0px;font-weight:700; height:25px; width:100%; text-transform:uppercase; margin:3px 0px;}
    .hlavamenu {width:100%;}
    .hlavamenu .menuout {width:100%} 
    .hlavamenu .menu {width:100%; text-align:center;}  
    .hlavamenu .menu  .menuitem {width:100%; margin-left:0px; margin-right:0px;}  
    .hlavamenu .menu  .menuitemdel {display:none;}  
    .clanekimg img { float:left; width:97%; letter-spacing:1px; padding:1%; border:0px;}
    .clanektext { font-size:14px; float:right; width:97%; letter-spacing:1px; padding:1%;}
}