/**
 *
 *  CSS Document for Znackove - obleceni
 *   
 **/

* { margin: 0; padding: 0; border: 0px none; }
html { background: url('../img/levypanel.jpg') repeat-y left; }
body { font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; color: #707173; font-size: 90%; position: relative; overflow-x: hidden; background: url('../img/pravypanel.jpg') repeat-y right; }
a { color: #c64b17; }
a:focus { outline: none; }

h1 { display: block; width: 100%; position: relative; height: 151px; overflow: hidden; background: #fff; }
h1 a { display: block; width: 694px; height: 151px; }
h1 a span { position: absolute; left: 0; top: 0; visibility: visible; display: block; width: 100%; height: 151px; cursor: pointer; background: url('../img/hlavicka.jpg') no-repeat left top; }

span#boty { position: absolute; right: 0; top: 0; display: block; width: 311px; height: 209px; background: url('../img/boty.png') no-repeat left top; z-index: 0; }

ul#menu { list-style-type: none; background: url('../img/menu.jpg') repeat-x; height: 54px; }
ul#menu li { display: inline-block; background: url('../img/polozka-menu.jpg') no-repeat right top; white-space: normal; width: 110px; text-align: center; vertical-align: top; height: 46px; margin-top: 3px; position: relative; z-index: 5; }
ul#menu li a { padding: 5px 10px 0 10px; color: #fff; display: block; text-align: center; text-decoration: none; font-size: 90%; }
ul#menu li.posledni { background: none; }

div.levypanel { float: left; width: 258px; }
div.pravypanel { float: right; width: 260px; padding-top: 10px; text-align: center; }
div.prostrednipanel { margin: 0px 284px 0px 258px; padding: 20px; }
div.obsah {  }

div.levypanel ul { list-style-type: none; width: 240px; overflow: hidden; padding-top: 10px; }
div.levypanel ul li { display: block; position: relative; width: 240px; height: 99px; }
div.levypanel ul li a { display: block; width: 100%; height: 99px; }
div.levypanel ul li a span { position: absolute; left: 0; top: 0; display: block; display: block; visibility: visible; cursor: pointer;  width: 240px; height: 99px; }

div.levypanel ul li.obleceni a span { background: url('../img/obleceni.jpg') no-repeat left top; }
div.levypanel ul li.pradlo a span { background: url('../img/pradlo.jpg') no-repeat left top; }
div.levypanel ul li.doplnky a span { background: url('../img/doplnky.jpg') no-repeat left top; }
div.levypanel ul li.parfemy a span { background: url('../img/parfemy.jpg') no-repeat left top; }
div.levypanel ul li.obuv a span { background: url('../img/obuv.jpg') no-repeat left top; }
div.levypanel ul li.znacky a span { background: url('../img/znacky.jpg') no-repeat left top; }

div.levypanel strong.nadpis { color: #c64b17; text-transform: uppercase; display: block; padding: 0px 0px 10px 0px; }

div.levypanel div.novinky { padding: 20px 30px 20px 20px; font-size: 90%; }
div.levypanel div.novinky span { display: block; padding-bottom: 5px; }
div.levypanel div.novinky p { font-size: 90%; margin-bottom: 20px; }
div.levypanel div.novinky span em { font-size: 80%; font-style: normal; }

div.pravypanel p { text-align: left; }
div.pravypanel strong.nadpis { color: #c64b17; text-transform: uppercase; display: block; padding: 10px 0px 10px 0px; margin: 0px 10px 20px 0px; background: url('../img/tecky.gif') repeat-x bottom; }
div.pravypanel div { background: url('../img/tecky.gif') repeat-x bottom; padding-bottom: 10px; margin: 10px auto; }
div.pravypanel img { margin: 0 auto; }

div.obsah h1, div.obsah h2, div.obsah h3, div.obsah h4, div.obsah h5, div.obsah h6 { display: block; }
div.obsah h1 { font-size: 140%; color: #c64b17; padding: 9px 0 8px 15px; margin-bottom: 10px; height: auto; background: url('../img/nadpis.jpg') no-repeat left top #ECEDED; font-weight: normal; }
div.obsah h2 { font-size: 120%; color: #c64b17; padding-bottom: 5px; padding-left: 15px; }
div.obsah h3 { font-size: 100%; color: #707173; padding-bottom: 5px; padding-left: 15px; }
div.obsah h3.ramecek { font-size: 120%; font-weight: bold; color: #c64b17; padding: 9px 0 8px 15px; margin-bottom: 10px; height: auto; background: url('../img/nadpis.jpg') no-repeat left top #ECEDED; }
div.obsah h4 { font-size: 110%; color: #707173; padding-bottom: 5px; padding-left: 15px; }
div.obsah h5 { font-size: 110%; color: #707173; padding-bottom: 5px; padding-left: 15px; }
div.obsah h6 { font-size: 110%; color: #707173; padding-bottom: 5px; padding-left: 15px; }
div.obsah ul, div.obsah ol { font-size: 100%; margin: 0px 0px 20px 20px; }
div.obsah ul { list-style-type: circle; }
div.obsah ol { margin-left:50px; }
div.obsah ul li {  }
div.obsah ol li {  }
div.obsah p { font-size: 75%; line-height: 140%; margin: 0px 0px 15px 15px; }
div.obsah strong {  }
div.obsah em {  }
div.obsah img { border: 0px none; }
div.obsah table { border-collapse: collapse; border: 1px solid #DADADA; font-size: 100%; margin-bottom: 20px; }
div.obsah table tr th, div.obsah table tr td { border: 1px solid #DADADA; padding: 2px 20px; }
.pruh { position: relative; left: -10px; top: 0px; display: block; float: left; width: 100%; padding: 15px 0px 0px 10px; margin: 0px 0px 0px 0px; background: url('../img/obsah-top.jpg') repeat-x; }
div.obsah div.novinka {  float: left; margin-top: 0px; width: 100%; border-bottom: 1px solid #DADADA; min-height: 80px; _height: 80px; margin-bottom: 10px; }
div.obsah div.novinka h3 { display: block; padding: 15px 0px 10px 0px; position: relative; font-size: 120%; }
div.obsah div.novinka h3 span { /*position: absolute; right: 20px; top: 15px;*/ font-weight: normal; display: inline-block; padding-left: 10px; font-size: 90%; }
div.obsah div.novinka p { text-align: justify; }
div.obsah div.novinka img { float: right; margin: 0px 20px 5px 30px; }
div.obsah a.archiv-link { font-size: 120%; float: left; width: 100%;  }
div.obsah div.uvod { float: left; display: block; width: 100%; padding: 20px 0; text-align: justify; }

div.obsah div.box-produktu { height: 106px; background: url('../img/box-produkty-middle.jpg') repeat-x top; width: 100%; float:left; margin-bottom: 15px; }
div.obsah div.box-produktu div { height: 106px; background: url('../img/box-produkty-left.jpg') no-repeat left top; width: 100%; float:left; }
div.obsah div.box-produktu div div { height: 106px; background: url('../img/box-produkty-right.jpg') no-repeat right top; width: 100%; float:left; }
div.obsah div.box-produktu div div img { float: left; margin: 10px 0px 0px 10px }
div.obsah div.box-produktu.obrazky-dal-od-sebe div div img { margin-right: 15px; margin-top: 14px; }

div.obsah div.detail-produktu { float: left; width: 100%; }
div.obsah div.detail-produktu img { float: left; margin: 0px 15px 15px 0px; }
div.obsah div.detail-produktu h2, div.obsah div.detail-produktu h3 { text-transform: uppercase; font-size: 100%; padding-top: 4px; }
div.obsah div.detail-produktu p { }
div.obsah div.detail-produktu a.adresa-webu { display: inline-block; margin-right: 40px; margin-top: 5px; }
div.obsah div.detail-produktu a.doporucit { display: inline-block; margin-top: 5px; }

hr.tecky-tmave { height: 2px; border: 0px none; width: 100%; float: left; background: url('../img/tecky-tmave.jpg') repeat-x; margin: 0px 0px 15px 15px; }


div.obsah form {  }
div.obsah form dl {  }
div.obsah form dl dt {  }
div.obsah form dl dd {  }
div.obsah form dl dd fieldset { padding: 15px 0 10px 0; border: 1px solid #DCDCDC; margin: 10px 0px; display: block; }
div.obsah form dl dd fieldset legend { padding: 3px 15px; border: 1px solid #959595; margin-left: 10px; }
div.obsah form dl dd fieldset dl { float: left; width: 100%; padding-bottom: 5px; }
div.obsah form dl dd fieldset dl dt { float: left; width: 120px; padding-bottom: 5px; margin-left: 10px; }
div.obsah form dl dd fieldset dl dt label { font-size: 80%; }
div.obsah form dl dd fieldset dl dd { margin-left: 130px; padding-bottom: 5px; }
div.obsah form dl dd fieldset dl dd label { padding: 0px 0px 3px 0px; display: inline-block; font-size: 90%; white-space: normal; }
div.obsah form dl dd fieldset dl dd label input { margin-right: 3px; display: inline-block; }
div.obsah form dl dd fieldset dl dd textarea { width: 80%; height: 150px; font-size: 90%; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }
div.obsah form input.text, div.obsah form textarea{ border: 1px solid #959595; padding: 2px 5px; }
div.obsah form dl dd input#submit { background: url('../img/submit-orange.jpg') no-repeat; width: 99px; height: 44px; text-align: center; color: #fff; cursor: pointer; }

select{ border: 1px gray solid}

.on_newline{
  width:400px !important;
  display:block;
  margin-top: 5px;
}

.on_newline_elem{
  margin-top: 28px;
  margin-bottom: 8px;
  margin-left: 30px !important; 
}

#cena{
  border: 1px gray solid;
}

p.notice { color: #668F43; border: 1px solid #668F43; font-weight: bold; padding: 10px 20px; background: #f3fcec; }
ul.errors li { font-size: 80%; color: #f00; font-weight: bold; }

div.napravo { margin-left: 270px; }
div.napravo ul { margin-left: 30px; }

code { display: block; margin-left: 20px; margin-bottom: 10px; }
code, pre { white-space: normal; }

/* boxik vkladany pres texy */
.boxobal { margin: 0px 10px 15px 20px;}
.boxobal .boxvpravo{float: right; width: 67%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.boxobal .boxvpravo img{margin: 5px 0px 15px 0px; }
.boxobal .boxvlevo { float: left; padding: 0px 0px 0px 0px; width: 30%; }
.boxobal .neplnit{width: 100%; display: block; clear: both; height: 1px; overflow: hidden; visibility: hidden; font-size: 0;}



















#aus { margin: 0 auto; }

div.paticka {  margin: 0px 284px 0px 258px;clear: both; text-align: center; padding: 40px 0px 10px 0px; font-size: 75%; color: #9C9C9C; }