/* CSS Document */

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
   color: #A0A0A0;
}
body {
    background: White;
    margin: 0px;
    padding: 12px;
}


#layout {
    width: 760px;
    padding: 0px;
}



a {
    color: Black;    
    text-decoration: underline;
}
a:hover  {
    color: Black;    
    text-decoration: underline;
}


h3 a {
    color: Black;
    text-decoration: underline;
}
h3 a:hover   {
    color: Black;
    text-decoration: none;
}


a.akttext {
    color: #A0A0A0;    
    text-decoration: none;
}
a:hover.akttext  {
    color: #FF7200;
    text-decoration: underline;
}


h1 a {
    color: Black;
    font-size: 14px;
}
h1 a:hover {
    color: Black;
    text-decoration: none;
}



.clear {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
}
.clnr {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    padding: 0px;
    margin: 0px;
}



p {
    padding: 0px;
    margin: 0px;
}
ul {
    padding: 0px;
    margin: 0px;
}
li {
    list-style: disc;
   padding: 0px;
    margin: 0px;
}
img {
   border: none;
}
form {
    padding: 0px;
    margin: 0px;
}
input {
   font-size: 12px;
}
input.mnozstvi {
   font-size: 9px;
    width: 20px;
}
input.srovnani {
    padding: 0px;
    margin: 0px;
}
h3 input {
    padding: 0px;
    margin: 0px;
}
input.kosik {
    padding: 0px;
    margin: 0px;
    float: left;
}
input.ovl {
    width: 100px;
    font-size: 11px;
}
select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
select.menuselect {
    width: 140px;
}
textarea {
   font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}



.odtrzitko {
    border-top: solid 1px #FF7200;
    background: White;
    height: 20px;
    margin: 0px;
}
.odtrzitko2 {
    background: White;
    height: 12px;
    margin: auto;
    clear: both;
}
.odtrz-m {
    background: White;
    font-size: 6px;
    height: 6px;
    margin: auto;
    clear: both;
}




/* nadpisy */
h1,h2,h3 {
    border-left: 6px solid #A0A0A0;
    color: Black;
   background: #F2F2F2;
    text-align: left;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
    padding: 0 0 0 6px;
    margin: 0px;
}
h1 {
   font-size: 16px;
    display: none;
}
h2 {
   font-size: 14px;
}
h2.product {
    border-left: 6px solid #FF7200;
   font-size: 14px;
}
h3 {
    border-left: 6px solid #FF7200;
   font-size: 14px;
}


h4,h5,h6 {
    color: #4C4C4C;
    font-weight: bolder;
    text-align: left;
    line-height: 24px;
    letter-spacing: -1px;
    padding: 0px;
    margin: 0px;
}
h4 {
   font-size: 14px;
}
h5 {
   font-size: 13px;
}
h6 {
   font-size: 12px;
}






/******************************************
*                 HEAD                   *
******************************************/    
#copml-HEAD {
    margin: auto;
    clear: both;
}
    

/* nad hlavickou */    
#HEAD-top {
    display: none;
}



/* IMG cast hlavicky */
#HEAD {
    height: 125px;
    padding: 0px;
    margin: 0px;
}
#HEAD-odr {
   background: #F2F2F2;
    width: 6px;
    height: 125px;
    float: left;
}
#HEAD-odr div {
   background: #A0A0A0;
   font-size: 6px;
    width: 6px;
    height: 6px;
}
#HEAD-img {
    background: url(../layout/head_img.jpg) no-repeat right top;
    text-align: left;
    width: 754px;
    height: 125px;
    float: left;
}
#HEAD-img a {
    background: url(../layout/logo_head.gif) no-repeat 10px 45px;
    text-decoration: none;
    width: 186px;
    height: 125px;
    display: block;
    float: left;
}






/******************************************
*                 LOGIN                   *
******************************************/
#LOGIN {
   height: 12px;
    visibility: hidden;
}







/******************************************
*                 OBSAH                   *
******************************************/
#CONTENT {
    padding: 0px;
    margin: 0px;
}






/******************************************
*                  LEFT                   *
******************************************/
#LEFT {
    text-align: left;
    width: 170px;
    float: left;
    display: none;
}






/******************************************
*                 CENTER                   *
******************************************/
#CENTER {
   width: 590px;
    float: left;
}
#CENTER-IN {
   text-align: left;
    margin: 0px;
   padding: 0 20px 0 0px;
    clear: both;
}
#CENTER-IN p {
    line-height: 17px;
    margin: 0px;
   padding: 0 0 10px 0;
}
#CENTER-IN p.backmenu {
    text-align: right;
    padding: 0 10px 0 0;
    margin: 0px;
}
#CENTER-IN p.info {
    border-left: solid 6px #D3D3D3;
    background: #F2F2F2;
    margin: 0 0 15px 0;
   padding: 10px;
}
#CENTER-IN div.info {
    border-left: solid 6px #D3D3D3;
    background: #F2F2F2;
    margin: 0 0 15px 0;
   padding: 10px;
}
#CENTER-IN div.cont-menu {
    background: #F2F2F2;
    margin: 0 0 15px 0;
   padding: 10px;
}
#CENTER-IN div.cont-menu ul.left {
    width: 42%;
    w\idth: 48%;
    float: left;
   padding: 0 0 0 5px;
    margin: 0px;
}
#CENTER-IN div.cont-menu ul.left li {
    line-height: 20px;
    padding: 0px;
   margin: 0 0 0 10px;
}
#CENTER-IN ul {
    padding: 10px;
    margin: 0 0 0 10px;
}
#CENTER-IN ul p {
    line-height: 18px;
}
#CENTER-IN li {
    line-height: 17px;
   padding: 0 0 10px 0;
}
#CENTER-IN div.info ul {
    padding: 10px;
}
#CENTER-IN div.info li {
    line-height: 17px;
   padding: 0 0 10px 0;
}


/* CENTR MENU */
#POLE-MENU {
    display: none;
}





/* produkt */
.produkt {
    background: #FAFAFA;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.produkt h3 {
    text-align: left;
    padding-right: 10px;
    clear: both;
}
.produkt h3 span {
    color: #4C4C4C;
   font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    padding: 0px;
    margin: 0px;
    float: right;
}
.produkt h3 form {
    padding: 0px;
    margin: 1px 0 0 0;
    float: right;
}
.produkt h3 select {
    font-weight: normal;
    letter-spacing: 0px;
    padding: 0px;
    margin: 0px;
}
.prodObsah {    
    margin: auto;
    padding: 10px 0 10px 0;
    clear: both;
}
.prodLeft {
    text-align: center;
    width: 120px;
    padding: 0 10px 0 10px;
    margin: 0px;
    float: left;
}
.prodLeft a {
    border: solid 1px #D3D3D3;
    width: 110px;
    height: auto;
    display: block;
}
.prodLeft a:hover {
    /*background: #FF7200;*/
    background: #FFF0DB;
}
.prodLeft a img {
    margin: 5px;
}
.prodRight {
    width: 235px;
   text-align: left;
    float: right;
}
.prodRight p {
    padding: 0px;
    margin: 0px;
}


.prod-Left {
    width: 200px;
    padding: 0 0 0 10px;
    margin: 0px;
    float: left;
}
.prod-Left img {
    border: solid 1px #D3D3D3;
    padding: 0px;
    margin: 0px;
}
.prod-Right {
    width: 360px;
   text-align: left;
    float: right;
}
.prod-Right .radek {
    line-height: 20px;
}
.prod-Right .barva {
    text-align: left;
    width: 80px;
    float: left;
}
.prod-Right .barva span {
    float: left;
}
.prod-Right .barva div.color {
    border: solid 1px Black;
    background: Lime;
    font-size: 1px;
    width: 10px;
    line-height: 10px;
    padding: 0px;
    margin: 3px 0 0 0;
    float: right;
}
.prod-Right .cena {
    width: 55px;
    margin-left: 10px;
    float: left;
}
.prod-Right .kod {
    width: 50px;
    margin-left: 10px;
    float: left;
}
.prod-Obsah {    
    margin: auto;
    padding: 20px 0 20px 0;
    clear: both;
}
.bezCena {
   color: Black;
   font-size: 12px;
    text-decoration: line-through;
}
.prodCena {
   color: Black;
   font-size: 12px;
    font-weight: bold;
}
.prodFoot {
    color: #4C4C4C;
    background: #E9E9E9;
   height: 20px;
    padding: 0 10px 0 10px;
    margin: 0px;
}
.prodFoot a {
    line-height: 20px;
    text-decoration: underline;
    padding-left: 20px;
    margin: 0px;
    display: block;
    float: left;
}
.prodFoot a:hover {
    color: White;
    text-decoration: none;
}
a.prodPodr {
    background: url(../layout/tl_podr.gif) no-repeat;
    width: 85px;
    w\idth: 65px;
}
a:hover.prodPodr {
    background: url(../layout/tl_podr.gif) no-repeat #FF7200;
}
a.prodKoupe {
    background: url(../layout/tl_kosik_m.gif) no-repeat;
    width: 55px;
    w\idth: 35px;
}
a:hover.prodKoupe {
    background: url(../layout/tl_kosik_m.gif) no-repeat #FF7200;
}
.prodTlac2 {
   margin: auto;
    float: right;
}
.prodFoot .prod-skladem {
   width: 130px;
    text-align: left;
    line-height: 20px;
    float: left;
}
.prodFoot .prod-skladem span {
   color: Black;
   font-size: 14px;
    font-weight: bold;
}
.prodFoot form {
    line-height: 20px;
    text-align: left;
   width: 70px;
    padding: 0 10px 0 0;
    float: left;
}
.prodFoot form input {
    font-size: 10px;
    width: 20px;
}
a.prododk {
    color: #A0A0A0;    
    text-decoration: none;
}
a:hover.prododk {
    color: White;
    text-decoration: none;
}






/******************************************
*                 RIGHT                   *
******************************************/
#RIGHT {
    background: #E9E9E9;
    text-align: center;
    width: 170px;
    float: right;
}
#RIGHT h2 a {
    background: url(../layout/tl_dalsi.gif) no-repeat;
    width: 16px;    
    height: 24px;
    text-decoration: none;
    display: block;
    float: right;
}
#RIGHT .aktualnab {
    text-align: center;
    padding: 10px;
}
#RIGHT .best {
    background: #FFF0DB;
    text-align: center;
    padding: 10px;
}
#RIGHT .nab {
    background: White;
}
#RIGHT .nab h3 {
    border: 0px;
    background: #A0A0A0;
    line-height: 22px;
}
#RIGHT .nab h3 a {
    font-size: 13px;
    color: White;
    text-align: left;
    letter-spacing: -1px;
}
#RIGHT .nab p {
    text-align: center;
    padding: 0px;
    margin: 10px;
}
#RIGHT .nab p.text {
    text-align: left;
}



#RIGHT .nab .prod-foot {
    background: #A0A0A0;
    padding: 0 10px 0 10px;
    margin: 0px;
}
#RIGHT .nab .prod-foot a {
    background: url(../layout/tl_kosik_m.gif) no-repeat;
    color: White;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
    padding-left: 20px;
    display: block;
}
#RIGHT .nab .prod-foot a:hover {
    background: url(../layout/tl_kosik_m.gif) no-repeat #FF7200;
    color: White;
    text-decoration: none;
}






/******************************************
*                 FOOTER                  *
******************************************/
#FOOTER {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#FOOT-menu {
    display: none;
}
#DOWN-radek {
    height: 48px;
    padding:  0 0 12px 0;
    margin: 0px;
}
#develop {
   font-size: 11px;
    line-height: 36px;
    width: 350px;
    padding-left: 10px;
    float: left;
}
#optim {
   font-size: 11px;
    line-height: 36px;
    text-align: right;
    width: 390px;
    padding-right: 10px;
    float: right;
}
#optim strong {
   font-size: 12px;
}




/******************************************
*                 PAGER                   *
******************************************/
.PAGER {
    display: none;
}