@import url('reset.css');

/* Barevne schema pouzitych barev: #732C7B , #7890C1 --------- */

body { margin: 0; font-family: Calibri,Trebuchet MS,Arial,sans-serif; font-size: 10pt; color: #5A5A6E;  

background: #DBDBDB; /* Old browsers */
background: -moz-linear-gradient(top, #C2C2C2 1%, #DBDBDB  250px, #FFFFFF 252px, #FFFFFF 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C2C2C2), color-stop(250px,#DBDBDB), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #C2C2C2 1%, #DBDBDB  250px, #FFFFFF 252px, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #C2C2C2 1%, #DBDBDB  250px, #FFFFFF 252px, #FFFFFF 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #C2C2C2 1%, #DBDBDB  250px, #FFFFFF 252px, #FFFFFF 100%); /* IE10+ */
background: linear-gradient(to bottom, #C2C2C2 1%, #DBDBDB  250px, #FFFFFF 252px, #FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C2C2C2', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */


 }





/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

.obsah { position: relative; margin: auto; width: 980px; padding: 0px 0 0 0;}

/* Hlavicka */
#hlavicka { clear: both; overflow: hidden; width: 960px; height: 130px; }
/* 1367x421 */
  /* Logo */
  .logo a, .logo a:hover{ position: absolute; top: 20px; left: 40px; padding: 0 0 0 0px; margin: 20px 0 10px 0px; z-index: 1; color: #FFFFFF; font-size: 30px; text-decoration: none; font-weight:bold; }
  .popisek { position: absolute; top: 200px; left: 40px; padding: 0 0 0 0px; margin: 20px 0 10px 0px; z-index: 1; color: #FFFFFF; font-size: 20px; text-decoration: none; font-weight:bold; }

  /* Vyhledavani */
  .hlavicka-obsah .vyhledavani { float: left; margin: 0 0 0 35px; padding: 40px 0 0; width: 260px; }
  
  /* Prihlaseni */
  .hlavicka-obsah .prihlaseni { float: left; margin: 0; padding: 43px 0 0; width: 184px; text-align: center; }
  
  /* Kosik */
  .hlavicka-obsah .kosik { float: right; padding: 38px 0 0 60px; width: 120px; background: url('images/ico-kosik.gif') 0 25px no-repeat; }

  /* Kosik */
  .hlavicka-obsah .platba { float: right; padding: 40px 0 0 0; }
  .hlavicka-obsah .platba a { float: left; clear: both; position: relative; overflow: hidden; padding: 0 0 0 5px; width: 62px; height: 21px; }
  .hlavicka-obsah .platba span { display: block; clear: both; position: absolute; top: 0; left: 0; z-index: 1; width: 67px; height: 21px; background: url('images/ico-platba.gif') no-repeat; }



.horizont-menu { margin: 0 0px 0px 0px; padding: 0 0px 1px 0px; width: 100%; height: 50px; background: #FFFFFF; border-bottom: 10px solid #B6B6B6 }

  .horizont-menu ul.menu { display: inline; margin: 0 0 0 0px; padding: 0 0 0 0; }
  .horizont-menu ul.menu li { display: inline; list-style-type: none;  }
  .horizont-menu ul.menu li a { float: left; display: inline; padding: 17px 10px 17px 10px;  font-size: 10pt; color: #999999; text-decoration: none; border-right: 4px solid #FFFFFF; }
  .horizont-menu  .horizont-menu ul.menu li {  color: #FFFFFF; }
  .horizont-menu ul.menu li a.active, .horizont-menu ul.menu li a:hover { color: #000;  background: #9F9F9F; margin: 0px 0 0px 0;   }

/* Hlavnipanel */
#hlavnipanel { clear: both; overflow: hidden; margin: 20px 0 6px 0 ; background: #FFFFFF; border-radius: 15px 15px 15px 15px; }


  .ref_cela { width: 100%; padding: 0 0 15px 0; margin: 0 0 15px 0; }
  .ref_nadpis { padding: 0px 0 0; margin: 15px 0 0px 0; text-align: right; }
  .ref_hr { float:none; border: 1px solid #61A5CB; width: 100%; }
  .ref_podcarou { float:left; width: 100%; }
  .ref_obrazek { float:left; }
  .ref_text { float:right; width: 244px; text-align:right; }
  .ref_text_popis { text-align:justify; }

  .reference-obrazek {width: 380px; }
  .reference-ikona {width: 30px; margin: 2px 0 0 0; }

  .stredovypanel { clear: both; width: 980px; }
  .stredovypanel-obrazky {  }

   p.kompletninabidka { clear: both; padding: 30px 20px; text-align: center; }


  .levypanel { overflow: hidden; width: 280px; height: 100%  margin: 0px; padding: 6px 0 0 15px; }
  .levypanel input { padding: 1px 0 2px 3px; width: 195px; height: 18px; border: 1px solid #CECECE; } 
  .levypanel select { padding: 0px 0 0px 0px; width: 200px; height: 18px; border: 1px solid #CECECE; } 
  .levypanel .odeslat { width: 100px; background-color: #4A222D; color: #ffffff; height: 21px }
  .levypanel .odeslat:hover { background-color: #FBA30E; }
  
    .levypanel h2, .levypanel h3 { margin: 0 0 10px 10px; }
    
  
    .levypanel .menu-01 { margin: 0 0 20px; padding: 10px 20px 40px 0; width: 215px; min-height: 135px; background-color: #383438; }
    .levypanel .menu-01 ul { display: block; margin: 0; padding: 0; }
    .levypanel .menu-01 ul li { display: block; list-style-type: none; }
    .levypanel .menu-01 ul li a { display: block; padding: 6px 0 3px 25px; font-weight: normal; font-size: 10pt; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
    .levypanel .menu-01 ul li ul li a { display: block; padding: 6px 0 3px 45px; font-weight: bold; font-size: 9pt; color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
    .levypanel .menu-01 ul li a.active, .levypanel .menu-01 ul li a:hover { color: #ADADAD; }
    .levypanel .menu-01 ul li ul li a.active, .levypanel .menu-01 ul li ul li a:hover { color: #ADADAD; }

    .levypanel .menu-01 ul li ul li.podkategorie2 { margin-left: 25px !important; }


    .levypanel ul.menu-02 { display: block; margin: 0 0 20px; padding: 0 20px 0 0; }
    .levypanel ul.menu-02 li { display: block; clear: both; list-style-type: none; }
    .levypanel ul.menu-02 li a { display: block; padding: 6px 0 3px 25px; font-weight: bold; font-size: 10pt; color: #383438; text-decoration: none; border-bottom: 1px solid #EAE8E9; }
    .levypanel ul.menu-02 li ul li a { display: block; padding: 6px 0 3px 45px; font-weight: bold; font-size: 10pt; color: #383438; text-decoration: none; border-bottom: 1px solid #EAE8E9; }
    .levypanel ul.menu-02 li a.active, .levypanel ul.menu-02 li a:hover { color: #000; }
    .levypanel ul.menu-02 li ul li a.active, .levypanel ul.menu-02 li ul li a:hover { color: #000; }
    
    .levypanel ul.menu-03 { display: block; margin: 0 0 20px; padding: 0 20px 0 0; }
    .levypanel ul.menu-03 li { display: block; list-style-type: none; text-align: right; }
    .levypanel ul.menu-03 li a { display: block; padding: 6px 0 3px 25px; font-size: 10pt; color: #383438; text-decoration: none; border-bottom: 1px dotted #E7E7E7; }

    .levypanel ul.menu-04 { display: block; margin: 0 0 20px; padding: 0 20px 0 0; }
    .levypanel ul.menu-04 li { display: block; clear: both; list-style-type: none; }
    .levypanel ul.menu-04 li a { display: block; padding: 2px 0 3px 25px; font-weight: bold; font-size: 10pt; color: #383438; text-decoration: none; border-bottom: 1px solid #EAE8E9; }
    .levypanel ul.menu-04 li a.active, .levypanel ul.menu-04 li a:hover { color: #000; }

  .pravypanel { float: right; overflow: hidden; margin: 0 15px 0 6px; padding-left: 15px; width: 640px; border-left: 1px solid #D0D0D0;   }
  .pravypanel-obsah { padding: 6px 6px 6px 0; }
    
    .pravypanel-obsah p { text-align: justify; }

    .pravypanel .anotace { float: left; padding: 15px; min-height: 185px; background-color: #F9F9F9; }
    .pravypanel .anotace .anotace-obsah { color: #6F6F6F; }
    .pravypanel .anotace-obsah img { float: left; display: block; margin: 0 15px 0 0; border: 1px solid #000; }
    .pravypanel .anotace-obsah p { margin: 5px 0 15px 0; }
    
    /* Výpis produktů */
    .produkty { clear: both; }
    .produkt { float: left; overflow: hidden; margin: 10px 0 -1px; padding: 0 0 2px; width: 226px; height: 275px; border-bottom: 1px solid #EAE8E9; }
    .produkt:hover { padding: 0; border-bottom: 3px solid #383438; }
    .produkt:hover .produkt-obsah img { border: 0; }
    .produkt .produkt-obsah { position: relative; padding: 0 10px; line-height: 130%; }
    .produkt .produkt-obsah .obrazek { position: relative; overflow: hidden; padding: 0 0 0 15px; width: 172px; height: 160px; }
    .produkt .produkt-obsah .obrazek img { width: 175px; border: 1px solid #DDDDDD; }
    .produkt .produkt-obsah strong.vyrobce { display: block; font-size: 10pt; color: #959595; }
    .produkt .produkt-obsah h3 { clear: both; margin: 0; height: 40px; }
    .produkt .produkt-obsah h3 a { font-size: 14px; font-weight: bold; color: #383438; text-decoration: none; }
    .produkt .produkt-obsah p { margin: 0 !important; }
    .produkt .produkt-obsah em { display: block; padding: 0 0 7px; font-size: 9pt; color: #959595; }
    .produkt .produkt-obsah a.detail { float: right; display: block; width: 67px; height: 21px; font-size: 0px; color: #BF0E5A; background: url('images/ico-detail.gif') no-repeat; }
    .produkt .produkt-obsah strong.cena { display: block; padding: 3px 0 0; font-size: 11pt; color: #000; }
          
    .filtr { margin: 0 0 5px; overflow: hidden; padding: 8px 5px 5px; height: 24px; color: #A8A8A8; background-color: #ECECEC; }      
    .filtr form { display: inline; }      
    .filtr label { font-weight: normal; }      
    .filtr select { margin: 0 7px; padding: 1px 0 0; width: 100px; height: 20px; border: 0; }      
    .filtr a.razeni-asc { padding: 0 15px 0 0; background: url('images/ico-razeni-asc.gif') right center no-repeat; }
    .filtr a.razeni-desc { padding: 0 15px 0 0; background: url('images/ico-razeni-desc.gif') right center no-repeat; }
    .filtr .strankovani2 { float: right; padding: 2px 0 0; }
    .filtr .strankovani2 a { margin: 0 2px; padding: 2px 6px; color: #969696; text-decoration: underline; }
    .filtr .strankovani2 a:hover, .strankovani2 a.active { padding: 1px 5px; color: #000; text-decoration: none; border: 1px solid #AFAFAF; background-color: #fff; }

    .strankovani { clear: both; margin: 0 2px 0 0; overflow: hidden; padding: 10px; text-align: right; border-top: 3px solid #EAE8E9; }
    .strankovani a { margin: 0 2px; padding: 2px 6px; color: #959595; text-decoration: none; border: 1px solid #fff; }
    .strankovani a:hover, .strankovani a.active { color: #000; text-decoration: none; border: 1px solid #e8e8e8; }
    
    /* Detail produktu */
    .produkt-detail {  }
    .produkt-detail .obrazek { float: left; overflow: hidden; margin: 0 0 15px; width: 295px; height: 230px; }
    .produkt-detail .obrazek img { width: 305px; border: 1px solid #DDDDDD; }
    .produkt-detail img:hover { border: 1px solid #999; }
    .produkt-detail .pravypanel { float: right; width: 370px; }
    .produkt-detail table.info { border-collapse: collapse; }
    .produkt-detail table.info td { padding: 5px 7px; border-bottom: 1px solid #DDDDDD; }
    .produkt-detail table.cena { margin: 15px 0 0; background-color: #F3F3F3; border: 1px solid #DDDDDD; }
    .produkt-detail table.cena strong.cena { font-size: 12pt; color: #383438; }
    .produkt-detail table.cena td select { width: 100px; border: 1px solid #DDDDDD; }
    .produkt-detail table.cena td input.pocet { margin: 0; padding: 2px; width: 25px; height: 17px; color: #545454; text-align: center; border: 1px solid #DDDDDD; }
    .produkt-detail table.cena td input.input-submit-objednat { margin: 7px 5px 0 0 !important; }
    .produkt-detail table td.left { padding: 5px 7px; width: 70px; vertical-align: middle; }
      .popis { clear: both; margin: 15px 0 0; }
      .popis-top { clear: both; padding: 10px 0 0 15px; height: 21px; background: url('images/eshop-produkt-popis-top.png') 0 0 no-repeat; }
      .popis-top h3 { text-transform: uppercase; }
      .popis-obsah { clear: both; padding: 15px; border: 1px solid #DDDDDD; border-top: 0; }
      .popis-obsah ul li { padding: 10px 0; }
      .popis-obsah img { border: 1px solid #DDDDDD; }
      .popis-obsah img:hover { border: 1px solid #999; }
      
    
/* Paticka */
#nad_paticka { width: 100%; height: 350px; clear: both; overflow: hidden; padding: 0px 0px 0px 0px; margin: 0px 0 0px 0px;  background: #509FCC; border-top: 10px solid #61A5CB }
#paticka { width: 100%; height: 30px; clear: both; overflow: hidden; padding: 20px 0px 20px 0px; margin: 0px 0 0px 0px;  background: #C2C2C2; border-top: 10px solid #DADADA }
.paticka-obsah { position: relative; margin: auto; width: 980px; height: 100%; padding: 0px 0 0 0px; color: #ffffff; }
#paticka a { text-decoration: none; color: #ffffff; }
#paticka a:hover { text-decoration:underline; }

  .paticka-obsah p { margin: 0;  }

.paticka-leva  {              overflow: hidden; width: 300px; height: 100%; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 6px; }
.paticka-prava {float: right; overflow: hidden; width: 655px; height: 100%; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 15px; border-left: 1px solid #61A5CB; }


.paticka-ikona { width: 40px; }
.paticka-p4p { width: 150px; }
.cervena-4 { color: #C83E3B }


/* ----------------------------------------------------------------------------------------------------------
Univerzalni formatovaci styly
---------------------------------------------------------------------------------------------------------- */

.input { padding: 1px 0 2px 3px; width: 150px; height: 18px; border: 1px solid #CECECE; } 


.textarea { padding: 3px 0 0 3px; width: 200px; height: 80px; border: 1px solid #CECECE; }
.input-submit-hledat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-hledat.gif') left top no-repeat; }
.input-submit-objednat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 94px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-objednat.gif') left top no-repeat; }
.input-submit-registrovat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 89px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-registrovat.gif') left top no-repeat; }
.input-submit-prihlasit { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-prihlasit.gif') left top no-repeat; }
.input-submit-kpokladne { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 124px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-kpokladne.gif') left top no-repeat; }
.input-submit-odeslat { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-odeslat.gif') left top no-repeat; }
.input-submit-ulozit { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 67px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-ulozit.gif') left top no-repeat; }
.input-submit-ok { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; width: 32px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-ok.gif') left top no-repeat; }
.input-submit-zpet { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; display: block; width: 50px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-zpet.gif') left top no-repeat; }
.input-submit-objednatzavazne { cursor: pointer; vertical-align: top; overflow: hidden; float: left; margin: 0 15px 0 0; padding: 10px 0 0; width: 198px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-objednatzavazne.gif') left top no-repeat; }
a.input-submit-zpet { cursor: pointer; vertical-align: top; overflow: hidden; padding: 10px 0 0; float: left; display: block; width: 50px; height: 21px; font-size: 1px; color: #C2115B; border: 0; background: url('images/input-submit-zpet.gif') left top no-repeat; }

.c-01 { color: #383438 !important; }
.c-red { color: red; }
.font-bigger { font-size: 120%; }
.nostrong { font-weight: normal !important; }

.ico-facebook { padding: 0 0 0 20px; background: url('images/ico-facebook.gif') left center no-repeat; }
.ico-doporucujeme { position: absolute; top: 1px; left: 89px; width: 98px; height: 102px; background: transparent url('images/ico-doporucujeme.gif') right top no-repeat; }


.out { padding: 17px 0; }

.w-340 { width: 340px !important; }
.w-340 td { width: 80px !important; height: 20px; }

.user-form-div { min-height: 70px; }
.user-form-div2 { padding: 5px 0 0; height: 65px; line-height: 210%; }

/* ----------------------------------------------------------------------------------------------------------
Obecne HTML tagy
---------------------------------------------------------------------------------------------------------- */

h1 { margin: 0 0 10px; font-size: 20px; color: #62555F; }
h2 { clear: both; margin: 0; padding: 10px 0 0; font-size: 16px; color: #00C100; }
h3.nadpis { clear: both; margin: 10px 0; padding: 10px 0 5px; font-size: 15px; color: #383438; border-bottom: 1px solid #383438; }

p { margin: 10px 0; }

ul { list-style-type: none; }
ul.seznam li { padding: 0 0 5px; }

a { font-size: 9pt; color: #018400; text-decoration: underline; }
a:hover { font-size: 9pt; color: #000; text-decoration: none; }

img { border: 0; }

table { width: 100%; }
table td { padding: 0 0 3px; }
table th { text-align: left; }
table td.td-left { width: 70px;  }
table td.td-label { width: 70px; text-align: right; padding-right: 6px; }
table td.td-right { width: 350px; }
legend { display: none; }
.va-bottom { vertical-align: bottom; }

label { font-weight: bold; }
label.error { display: block; color: red; }
input.error, textarea.error { background-color: #FFE5E6 !important; border: 1px solid red !important; }
select.select-border { border: 1px solid #CECECE; border-right: 0; }

.fotogalerie-vypis { float: left; padding: 15px 0; }
.fotogalerie-fotka { float: left; overflow: hidden; padding: 10px 10px 0 0; width: 200px; height: 120px; }

.nooverflow { overflow: hidden; }