@charset "utf-8";
/* animace
.leva-hlavicka{position:absolute; z-index:0; left: 0px; top: 0px; width: 225px; height: 170px;}
.center-hlavicka{position:absolute; z-index:1; left: 226px; top: 0px;}
.dog{position:absolute; z-index:2; left: 1px; top: 1px;}
.papagaje-2{position:absolute; z-index:2; right: 0px; top: 7px}
.fretka{position:absolute; z-index:2; left:30%; top: 20px;}
.fretka-2{position:absolute; z-index:9; left:899px; top: -2px;}
.kocka{position:absolute; z-index:5; left:60%; top: 30px;}
.hrabos{position:absolute; z-index:4; left:25%; top: 60px;}
.papagaje{position:absolute; z-index:3; left:40%; top: 6px;}
/*.........................................*/

body 
{
 
margin:0px;
width:99.9%;
height:100%;
min-height:755px;
min-width: 630px; /* 2 x (LC plna-sirka + CC padding) + RC plna-sirka */
background:#FC7216; 
 
 
} 

.element-loading{ display:none;}

#center 
{ 
  padding-top:10px;
  min-height:600px; 
  min-width:780px;  
  background:#FFF;
  margin-left:40px;
  padding:20px 0px 30px 10px;
 
} 
#center h1 a, #center h2 a{color:#9CC530; font-family:Arial, Helvetica, sans-serif; font-size:small;}
#center h1 a:hover, #center h2 a:hover{ color:#FF0033;}


#center p a, #center ul a{color: #0099CC; font-family:Arial, Helvetica, sans-serif; font-size:small;}
#center p a:hover,#center ul a:hover{ color:#CCCCCC}

#center .url_path{ float:left;}
#center .url_path_clear{float:clear;}
#center .url_path a{color: #0099CC; font-family:Arial, Helvetica, sans-serif; font-size:small;}
#center .url_path a:hover{ text-decoration:underline}
.h3_url_path{font-family:Arial, Helvetica, sans-serif; font-size:x-small; color: #0099CC; padding-right:40px;}
.url_kategorie{ width:97%; height:40px; background: #FFF9F2; border:solid 1px #FF3300; padding:10px 10px 10px 10px; }
.notsortiment{font-family:Arial, Helvetica, sans-serif; font-size:medium; font-style: oblique; color:#FF0033; background:#FFFFFF; border:solid 1px #CCCCCC; width:500px; height:60px; padding:20px; margin:auto;}

#left 
{ 
padding-left:5px;  

} 


#right{padding:10px 10px 0px 10px;}

/*** Jen pro vzhled ***/ 

body 
{ 
  margin: 0; 
  padding: 0; 
  background: #FC7216; 
} 

#hlavicka
{ width:100%;
  height:170px;
  text-align: center; 
  position:relative; 
} 
.m_l{background:url(image/hr/hr_l.jpg) no-repeat;}
.m_s{background:url(image/hr/hr_s.jpg) repeat-x; width:21%; height:117px;}
.m_s h1{ font-family:Arial, Helvetica, sans-serif; font-size:x-small; color:#375B00;}
.m_p{background:url(image/hr/hr_p.jpg) no-repeat; width:25%; height:117px;}
.m_m_b{ background:url(image/hr/m_m.jpg) repeat-x;}
.m_m_l{background:url(image/hr/m_l.jpg) no-repeat;  height:54px;}
.m_m_p{background:url(image/hr/m_m.jpg) repeat-x;  height:54px;}

#paticka-uvnitr 
{ width:100%;
height:50px;
  text-align: center; 
  position:relative; 
  background:#E05A00; 
} 
.nadpis_url{font-size:.6em; color:#FF6600;}
.paticka_text{color:#FFFFFF; font-size:xx-small; font-family:Arial, Helvetica, sans-serif;}

#hlavicka{width:100%; height:170px; top:0; background-image:url(image/prava-hlavicka.jpg); background-repeat:repeat-x}
#hlavicka #leva-hlavicka{
width:225px; height:170px; background:url(/image/leva-hlavicka.jpg) no-repeat; float:left;
}
#hlavicka #center-hlavicka{
width:165px; height:170px; background:url(/image/center-hlavicka.jpg) no-repeat; float:left;
}

#left 
{ 
  background: url(/image/menu-pozadi.jpg) repeat-y;
   
} 

#left ul{margin:0px; padding:0px; width:200px; height:25px;}
#left ul li{margin:0px; padding:0px; width:195px; height:25px; border:solid 1px #CC6600; background:#F26C12; list-style:none;}
#left ul li:hover{ background: #FF8A15;}
#left ul li a{color:#333333;  font-size: small; font-family:Arial, Helvetica, sans-serif;}
#left ul li a:hover{color:#FFF; overflow:hidden; font-size:small; text-decoration:none;}
/* ul podkategorie*/
#url_verti{ left:0px; top:115px; font-family:Arial, Helvetica, sans-serif; font-size:small;  font-weight:bold; z-index:20; position:absolute;  margin-left:220px;}
#url_verti ul{margin:0px; padding:0px; }
#url_verti li,#url_verti a {float:left; width:118px; height:45px;  padding:5px 0px 5px 0px; text-align:center; list-style:none; color:#FFF; }
#url_verti a{ text-decoration:underline;}
#url_verti li{ background:url(image/menu/vertik.jpg) no-repeat;}
#url_verti li:hover{ background:url(image/menu/vertikhover.jpg) no-repeat;}

.menu-horizontal{ margin:0px;}
.menu-horizontal li{ float:left; list-style:none; background:url(./image/hr/m_m_l.jpg) no-repeat; width:145px; height:44px; padding-top:10px;}
.menu-horizontal li:hover{background:url(./image/hr/m_m_h.jpg);}
.menu-horizontal a{font:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:small; font-weight:bold; text-decoration:none; width:145px; height:44px;}
.menu-horizontal a:hover{ color:#375B00; }

.podkategorieLI {margin:0px; padding:0px; width:185px; height:25px; border:solid 1px  #DF7000; background: #FB973C; list-style:none;}
.podkategorieLI:hover{ background: #FFA851;}
.podkategorieLI  a{color:#FFF;  font-size:small; font-family:Arial, Helvetica, sans-serif;}
.podkategorieLI  a:hover{text-decoration:none; color:#954A00;}
/*horni lista*/
.h1_mh{font-family:Arial, Helvetica, sans-serif; font-size:xx-small; color:#FFFFFF; font-weight:bold; float:left;}

#orderFormDESC{width:25px; float:left; margin:auto;}
#orderFormASC{width:25px; float:left; margin:auto;}

.order_submit{padding-right:100px; padding-top:10px;}
.IMGASC{background:url(../image/orderASC.gif) no-repeat; border:none; width:25px; height:30px;}
.IMGDESC{background:url(../image/orderDESC.gif) no-repeat; border:none; width:25px; height:30px;}

.list_page{ 
clear:left;
border:solid 1px #0099FF; 
background:#DFEFFF; 
width:92.5%; 
height:25px; 
padding-right:20px; 
padding-left:20px; 
margin-bottom:50px; 
margin-top:50px; }

.div_akt_url{ width:auto; height:25px; padding:2px;}

.div_akt_url h2{float:left;}

.Akt_URL{color: #0099FF; font-size:x-small; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; margin-left:20xp;}

.Akt_URL:hover{color:#CCCCCC;}

.clear_tag{clear:left;}

#container .column 
{ 
  padding-top: 1em; 
  text-align: justify; 
} 
/*--- sortiment*/
#container-bottom-page{
width:955px; height:40px;
margin:auto; 
background: url(image/border-spod.jpg) no-repeat;
}

.sort{
position:relative;
background:url(image/sortimen/background.gif) no-repeat;
overflow: hidden;
float:left;
width:230px; 
height:390px;
padding:5px;
padding-right:25px;
overflow:hidden;
}

.sort:hover{ background:url(image/sortimen/background-hover.gif) no-repeat;}

.clearFloat{clear:left;}
.free_p{width:100%; clear:left; border-bottom:solid 1px #CCCCCC; margin:0px;}


div.hslice:hover{ border:dashed 1px #333333;}

div.hslice label,p.entry-content{ font-size:x-small; font-family:Arial, Helvetica, sans-serif; text-align:left;}
p.entry-content{ padding-left:10px; padding-right:10px; height:90px; _height:90px; min-height:90px; max-height:90px; overflow:hidden;}
.entry-content,.podrobnosti_sortimentu{height:120px; _height:120px; overflow:hidden;}

div.hslice a {color: #0099CC;}
div.hslice a.url{font-weight:bold; color: #CC0033; text-decoration:underline; text-align:center; font-family:arial; font-size:small;}
div.hslice a.url:hover{font-weight:bold; color: #CC0033;}

#hslice td{color: #CC0033;}


.img_sortiment {

float:left;
max-height:120px;
max-width:80px;
_height:120px;
_width:80px;;
overflow :hidden;}


.img_column {
max-height:80px;
max-width:90px;
_height: 80px;
/*_width: expression(this.scrollWidth > 89? "90px" : "auto" );*/
overflow :hidden;}

.PageLimit{height:25px; padding:2px;}
.PageLimit th{ text-align:center; width:30px; padding:3px; overflow:hidden; border:solid 1px #FF9900; font-family:Arial, Helvetica, sans-serif; font-size:x-small; color:#FF9900;}
.PageLimit th:hover{background:#0066CC;}
.akt_td{background: #8FD8F3; border:solid 1px #4094D9; color: #FF0033; font-family:Arial, Helvetica, sans-serif; font-size:xx-small; padding:2px 4px 2px 4px; }
.url-PageLimit { font-family:Arial, Helvetica, sans-serif; margin-left:10px; text-decoration:none;  font-size:x-small; color:#FF0066;}
.url-PageLimit:hover{ color: #CCCCCC; font-weight:bold;}

 h4{margin:0px;}

.currencePrice{text-decoration:line-through; color:#000;}

.priceVal{color:#CC0000;}

.kosVypis{ width:160px; border-top:solid 1px #e3e3e3; color:#449DBF; font-size:x-small;}
.kosVypisKonecna{ color:#FF0033; font-weight:bold;  font-size:x-small;}
.tipVypis{font-size:x-small; color: #990066; font-weight:bold; padding-left:2px; padding-right:2px;} 
.avalGoods{ color:#009900;}

h2.entry-title{
text-align:center;
padding:5px 0px 5px 0px;
text-decoration:underline;
font-size: smaller; font-family:Arial, Helvetica, sans-serif; color:#333333;
height:18px;
}

.DivImg{
margin-left:5px;
width:100px;
height:127px;

}

.detail,.objednat{
display:block;
background:#DDEAEE;
float:left;
font-size:.7em;
font-family:Arial, Helvetica, sans-serif;
color:#333333; 
width:115px;
height:15px;
text-align:center;
padding-top:5px;
cursor:pointer;
}

.Detail-sortimentu{width:90%; min-width:500px;  height:auto; min-height:500px;  background:#FFF;  padding-bottom:40px; margin:auto; border:solid 1px #FF6600;}
.Detail-sortimentu-hr{padding-top:5px; padding-left:10px; font-weight:bold; }
.Detail-sortimentu-hr h1{ color: #333333; width:auto;  padding:2px; font-size:.8em; font-family:Arial, Helvetica, sans-serif;  margin:0px; font-weight:normal;}
.Detail-sortimentu-str{ height:auto; min-height:500px; width:100%; min-width:510px;}
.Detail-sortimentu-str input,label{font-size:.7em; font-family:Arial, Helvetica, sans-serif; color:#333333;}
.Detail-sortimentu-str span{color:#728C40; font-size:1.2em; font-weight:900;}
.Detail-sortimentu-str h2{font-size:1.4em; color:#000000; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0px;}
.detail:hover,.objednat:hover{background:#729DB8; color:#FFFFFF;}
#banner-horozontal{padding:10px;}

#properity{ width:900px; height:23px; background:url(image/menu.jpg) no-repeat; border:solid 1px #9EC3F3; border-bottom:none;}

ul#color {margin:0px; padding:0px; width:432px; height:auto;}
ul#color li{width:12px;  height:12px; margin:auto; padding:0px; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#333333; cursor:pointer;}
#properity ul#styl{margin:0px; padding:0px; background: url(image/button-menu-pozadi.jpg) repeat-x;}

#properity ul#styl li{width:25px;  height:17px; margin:auto; padding:0px; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#333333; cursor:pointer; background:url(image/button-menu.jpg) no-repeat; padding-top:5px; padding-left:2px;}
#kategorieFields label,input,button,file{font-size:.9em; font-family:arial; color:#333333}
#Edit-Text-hidden{background:url(image/pozadi-text-hidden.jpg) no-repeat; width:900px; height:10px; border:solid 1px #9EC3F3;}
#Edit-Text-hidden:hover{ background:url(image/pozadi-text-hidden-hover.jpg);}

#Edit-Text-visible{background:url(image/pozadi-text-vis.jpg) no-repeat; width:900px; height:10px; border:solid 1px #9EC3F3;}
#Edit-Text-visible:hover{background:url(image/pozadi-text-hover.jpg);}
/*hmotno ukazatel*/

.label_hmotnost ={font-size:x-small; color:#006699; padding-left:5px;}
.p_hmotnost{font-size:x-small; color:#006699; padding-left:5px;}
.kg_span{text-decoration:underline;}
.td_hmotnost{font-size:x-small; color:#006699;}
.aktualni_hmotnost{font-family:Arial, Helvetica, sans-serif; color:#29CE00; font-size:xx-small;}
.td_hmotnost_r{font-family:Arial, Helvetica, sans-serif; color: #006699; font-size:xx-small;}





#properity{ width:900px; height:23px; background:url(image/menu.jpg) no-repeat; border:solid 1px #9EC3F3; border-bottom:none;}

ul#color {margin:0px; padding:0px; width:432px; height:auto;}
ul#color li{width:12px;  height:12px; margin:auto; padding:0px; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#333333; cursor:pointer;}
#properity ul#styl{margin:0px; padding:0px; background: url(image/button-menu-pozadi.jpg) repeat-x;}

#properity ul#styl li{width:25px;  height:17px; margin:auto; padding:0px; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:.7em; color:#333333; cursor:pointer; background:url(image/button-menu.jpg) no-repeat; padding-top:5px; padding-left:2px;}

ul {font-family:Arial, Helvetica, sans-serif; font-size:.8em; color: #F2F2F2;}

#kategorieFields label,input,button,file{font-size:.9em; font-family:arial; color:#333333}
#Edit-Text-hidden{background:url(image/pozadi-text-hidden.jpg) no-repeat; width:900px; height:10px; border:solid 1px #9EC3F3;}
#Edit-Text-hidden:hover{ background:url(image/pozadi-text-hidden-hover.jpg);}

#Edit-Text-visible{background:url(image/pozadi-text-vis.jpg) no-repeat; width:900px; height:10px; border:solid 1px #9EC3F3;}
#Edit-Text-visible:hover{background:url(image/pozadi-text-hover.jpg);}
.table-class input label{ font-size:none; font-family:none;}
.table-class{font-size:.7em; color:#63A2C7; font-family:Arial, Helvetica, sans-serif; text-align:left;}
.ChangePositionClose{ background: url(admin/page-text/image/ChangePosition-close.gif) no-repeat; width:22px; height:22px;} 
.ChangePositionClose:hover{ background:url(admin/page-text/image/ChangePosition-close-hover.gif) no-repeat;}
.ChangePosition{ background:url(admin/page-text/image/ChangePosition.gif) no-repeat; width:22px; height:22px;} 
.ChangePosition:hover{ background:url(admin/page-text/image/ChangePosition-hover.gif) no-repeat;}

.editcss{border: none;
background: url('admin/page-text/image/editcssstyl.gif') no-repeat top left;
width:22px; height:21px; border:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding-bottom:5px; padding-top:5px;}
.editcss:hover{
border: none;
background: url('admin/page-text/image/editcssstyl-hover.gif') no-repeat top left;}
 
.InsertCssCode{border: none;
background: url('admin/page-text/image/writecodecss.gif') no-repeat top left;
width:22px; height:21px; border:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; padding-bottom:5px; padding-top:5px;}
.InsertCssCode:hover{
border: none;
background: url('admin/page-text/image/writecodecss-hover.gif') no-repeat top left;}
#banner-flash{position: fixed; top:0px; width:400px; height:200px;  left:35%;}
#button_banner_flash{color: #333333; background:#FFF; width:400px;  font-family:Arial, Helvetica, sans-serif; font-size:x-small; cursor:pointer;}
#button_banner_flash:hover{color:#666;}

#formNasiKlienti{ font-family:Arial, Helvetica, sans-serif; font-size:small; color:#333333;}

.input-nasi-zakaznici{
margin-top:1px;
background:url('image/nasi-zakaznici/input.jpg') no-repeat top left;
color: #666666;
width:145px; 
height:26px; 
border:none;
padding-top:4px;
padding-left:5px;
text-align:left;
font-size:small;

}
.input-nasi-zakaznici:hover,.input-nasi-zakaznici:focus {
color:#0099CC;
}
.element-info{ width:520px; padding-top:5px; margin:auto; text-align:right; color:#EC8C2D; font-family:Arial, Helvetica, sans-serif; font-size:xx-small; overflow:hidden;}
.element{background:url(image/nasi-zakaznici/element-p.jpg) no-repeat; width:560px; height:100px; margin:auto; padding-left:20px; padding-top:10px; overflow:hidden;}
.element h2{color:#EC8C2D; font-family:Arial, Helvetica, sans-serif; font-size:medium; font-weight:bold; margin:0px; padding:0px; float:left; width:350px; }
.element span{color:#F0C257; font-family:Arial, Helvetica, sans-serif; font-size:x-small; font-weight:bold;}
.star{ padding-right:50px;}
.element p{color:#EC8C2D; font-family:Arial, Helvetica, sans-serif; font-size:small; height:35px; width:500px; margin-top:0px; margin-bottom:0px; overflow:hidden; margin-left:0px;  float:none; clear:left; }

#back-call-hr{ background-image:url(image/back-call/back-call-hr.png);background-repeat:no-repeat; width:460px; height:285px; padding:30px 80px; color:#FFF;}
#back-call-hr h2{font-size:small;}
#back-call-str{ background-image:url(image/back-call/back-call-str.png); background-repeat:repeat-y;  width:460px; height:auto; padding-left:80px;}
.back-call-str{ background-image:url(image/back-call/back-call-str.png); background-repeat:repeat-y;  width:460px; height:auto; padding-left:80px; font-family:Arial, Helvetica, sans-serifl; font-size:x-small;}
#back-call-spd{ background-image:url(image/back-call/back-call-spd.png); background-repeat:no-repeat; width:550px; height:35px;}
.back-call-label{ background-image:url(image/back-call/back-call-label.png); background-repeat:no-repeat; width:110px; height:30px; float:left; font-family:Arial, Helvetica, sans-serifl; font-size:x-small; color:#FFFFFF; padding:5px 10px; }
.back-call-input{ background-image:url(image/back-call/back-call-input.png); background-repeat:no-repeat; margin:0px; padding:0px; padding-top:5px;padding-bottom:3px; width:200px; height:27px; float:left; border:none; border:0px; color:#333333; font-family:Arial, Helvetica, sans-serifl; font-size:small;  }
.back-call-textarea{background:url(image/back-call/back-call-textarea.png); background-repeat:no-repeat; width:300px; height:25px;}
.back-call-textarea{background:url(image/back-call/back-call-textarea.png); background-repeat:no-repeat; width:350px; height:19px;float:left; font-family:Arial, Helvetica, sans-serifl; font-size:x-small; color:#FFFFFF; padding:5px 10px;}
.back-call-textarea-str{ 
background:url(image/back-call/back-call-textarea-str.png); 
background-repeat: repeat-y; 
width:315px; 
height:99px;
border:none; 
border:0px; 
border-right:solid 1px #B9004A; 
margin:0px;font-family:Arial, Helvetica, sans-serifl; 
font-size:small; 
color:#333; 
padding-left:5px;
scrolling:auto;
}
.back-call-textarea-spod{
background:url(image/back-call/back-call-textarea-spod.png); 
background-repeat: no-repeat; 
width:325px; 
height:30px;}
.back-call-button{border: none;
background: url('image/back-call/back-call-button.png') no-repeat top left;
width:100px; height:35px; border:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding-bottom:5px; padding-top:1px;}
.back-call-button:hover{
border: none;
background: url('image/back-call/back-call-button-hover.png') no-repeat top left;}



