body { background-color: white; color: #717171; font-family: trebuchet MS, serif; font-size:70%;}
a  { color: #717171; text-decoration: none;}
img {border:none;}
.kf, .kosik, .dok_kosik, .sl_td2 input, .pridat_td, .primo, .oblibene_kosik, .kf100 {background-image: url(images/input.png);  background-position: left center;background-repeat: no-repeat; padding-left:8px;}
.cara { clear: both;  }
.cara_red {height:4px; background-color: #e2001a; clear: both; margin-top:2px; }

.cara_grey {height:4px; background-color: #d9d9d9; clear: both;}
.cara_dark_grey {height:4px; background-color: #aeaeae; clear: both; margin-bottom:5px;}

.separator,.separator_dot{width:3px; height:100%; float:left; border-bottom: 1px black solid; border-top: 1px black solid; border-bottom: 1px black solid; border-left: 2px black solid; }
.separator_dot{height:260px;  margin-left:20px;}     
.clear{ clear:both;} 
li{list-style-image: url(images/li.png);} 
#main a:hover, #bottom a:hover {color:#e2001a ;}
  
#bottom a, #kontakt a, #onas a, .panel-wrapper a, .searchbox a, .linkslog a, .zobr a, .quest a, .porovnat, .breadcrumbs a, .tab_link, .ucet_table a, .prepinani a, .botlink a { color:black;  text-decoration: none; background-image: url(images/odkazl.png); background-position: left 4px; background-repeat: no-repeat; padding-left:20px; }
#bottom a span, #kontakt a span, #o_diskus a span, div.searchbox a span , .linkslog a span, .zobr a span, .quest , .pridat , .breadcrumbs a span, .tab_link span, .ucet_table a span, .prepinani a span, 
.botlink a span{ background-image: url(images/odkzar.png); background-position: right 4px; background-repeat: no-repeat; padding-right:5px;}

h2{ margin:0px 0px 5px 0px; font-weight: normal;}
#top h2 {
   bottom: 0;
    font-size: 90%;
    position: absolute;
    right: 3px;
    text-align: right;
    width: 300px;
}
.bottom-title  {
 font-weight: bold;
 display: block;
 color: #000;
 font-size: 110%;
}
 .sluzby-nad, .tit-box, h2.prod_detail, #Tab2_Content h3, .muj, .fav, .introbox h2
{font-size: 100%;   border-top: 1px black solid; border-left: 1px black solid;border-right: 1px black solid; margin:0px 0px 0px 20px; padding:6px 10px 4px 10px;  width:60px; text-align:center;}


#bottom h2 {font-size: 100%;font-weight: bolder; color:black; }

#userinfo .tit-box{font-size: 100%;   border-top: 1px black solid; border-left: 1px black solid;border-right: 1px black solid; margin:0px 0px 0px 20px; padding:6px 10px 4px 10px;  width:130px; text-align:center;}

#kontakt h2,.promoactiondetail h3, .aktpromo {font-size: 100%;   border-top: 1px black solid; border-left: 1px black solid;border-right: 1px black solid; margin:0px 0px 0px 20px; padding:6px 10px 4px 10px;  width:180px; text-align:center;}

#prod_detail_l h2 {color: #000000; font-weight: bold;}

.prod_bottom h3, .kos, .tit-box-long  {font-size: 100%;   border-top: 1px black solid; border-left: 1px black solid;border-right: 1px black solid; margin:0px 0px 0px 20px; padding:6px 10px 4px 10px;  width:100px; text-align:center;}


p {margin:0px; padding: 0px ;}
#all {width:980px; margin: 0 auto; /*overflow:hidden;*/}
 
 /*--------hlavicka rozcestnik-------------*/
#top_roz        {height:70px; position:relative; border-bottom:  1px black solid; z-index: 1; padding-left:20px;}  
#top_uvod_roz   {height:50px; position:relative;  z-index: 999; padding-left:20px;}
#logo_home_roz  {width:200px; height:50px; position:absolute; right:0px; background-image: url("/images/logo.png"); top:0px; }
#logo_home_en   {height: 50px;position: absolute; right: 0px; top: 0px;  width: 200px;   background-image: url("/images/logo.png"); }
#logo_home_en span {  display:none; }

#menu_left_roz,#menu_right_roz, #menu_right_zahr_roz {float:left; position:relative; top:41px; height:28px; }

#logo_home_roz ul { margin:-120px -20px 0px; padding:0px; /*float: right;*/}
#logo_home_roz li { margin:5px 0px 0px 0px; padding:0px; list-style-image: none; list-style-type: none; font-weight: bold;  border-bottom: 2px #000000 solid; width: 15px;}

 /*--------hlavicka-------------*/
#top        {height:90px; position:relative; border-bottom:  1px black solid; z-index: 1; padding-left:20px;}  
#top_uvod        {height:50px; position:relative;  z-index: 999; padding-left:20px;}
#logo_home  {width:200px; height:50px; position:absolute; right:0px; background-image: url("/images/logo.png"); top:0px; }

#menu_left,#menu_right, #menu_right_zahr {float:left; position:relative; top:61px; height:28px; }

#logo_home ul { margin: -63px 10px 0px 0px; padding:0px; float: right;}
#logo_home li { margin:5px 0px 0px 0px; padding:0px; list-style-image: none; list-style-type: none; font-weight: bold;}



/*-----odiskus-------------------*/ 
#o_diskus       {height:266px;  background-image: url(images/o_diskus.png); background-repeat: no-repeat;background-position: left 20px; margin-bottom:30px; padding: 20px 0px 20px 20px;}
#main_picture   {width: 960px; height: 155px; border-top: 1px black solid;}
#od_bottom      {height:93px;}
#novinky        {width:460px; height:91px; float: right;  margin-bottom:20px; padding-top:2px;  border-top: 1px black solid; border-bottom: 1px black solid;}
#onas           {width:460px; float:left; margin-right:20px; border-top: 1px black solid;padding-top:5px; }

.slidetail 	{float:right;}

 /*-------rozcestnik--------------*/
#rozcestnik {height:254px; }   
#distribuce, #it_reklama, #lisovani  {width:210px; height:100%; float:left; position:relative; margin-left:16px; margin-right:19px; border-top: 1px black solid; border-bottom: 1px black solid;}
#data_storage              {width:210px; height:100%; float:left;position:relative; margin-left:15px; border-top: 1px black solid; border-bottom: 1px black solid;}

#rozcestnik-obsah { padding-left: 20px; border-left: 2px black solid; position: relative;}
/*----------uvodka prihlaseny----------*/
 #banner1 {width:46%;line-height:20px;}
 #banner2 {width:46%;line-height:20px;}
 
 #banner1 table, #banner2 table {width:100%}
 
 .introbox .separator {height:300px; margin:0px 20px 0px 20px;}
 .introbox hr {margin-top:0px; margin-bottom:2px;}
 .in {margin-top:5px;}
 .clanek_text a,.clanek_text_grey a {font-size:85%; font-weight: lighter; color:black;}
 .clanek_text h3, .clanek_text_grey h3 { margin: 0px; padding-left:20px; background-image: url(images/li.png); background-position: 5px 8px; background-repeat: no-repeat;}
 .clanek_text_grey {background-color: #EAEAEA;}

 .article-title   {
  font-size: 140%;
 }
 
/*------------spodek-------------*/
#kontakt{height:32px; width:980px; background-image: url(images/kontakt.png); background-repeat: repeat-x; background-position: bottom; margin:20px auto 20px auto;}
#kontakt p {padding-left:20px; padding-top:7px;}
#kontakt h2 a {background-image: none; color: #717171; padding-left: 0px;}
#bottom{ height:125px; margin-bottom:20px;}
#bottom1, #bottom2{ width:334px; height:115px; float:left;  margin-left:16px; margin-right:19px; padding-top:10px;  border-top: 1px black solid; border-bottom: 1px black solid;}
#bottom3 { width:210px; height:115px;  float:left;  margin-left:16px; padding-top:10px; border-top: 1px black solid;  border-bottom: 1px black solid; text-align:center;}
#bottom3 a {background-image: none;}
/*------konec layout---------*/



/*-----------logo----------*/
#logo_home h1 { margin:0;}
#logo_home h1  { background-color:transparent;display:block;height:50px; width:200px;}
#logo_home h1  span { display:none; }


/*-----------logo rozcestnik----------*/
#logo_home_roz h1 {margin:0;}
#logo_home_roz h1 { background-color:transparent;display:block; height:50px; width:200px;}

#logo_home_roz h1 span { display:none; }


 /*---------topmenu----------*/
#menu_left, #menu_right      { border-top: 1px black solid; border-left: 1px black solid;border-right: 1px black solid;}
#menu_right_zahr             { border-top: 1px #b3b3b3 solid; border-left: 1px #b3b3b3  solid; margin-left:5px;}

#menu_left ul, #menu_right ul, #menu_right_zahr ul      {margin:0; padding:0;}

#menu_left ul li, #menu_right ul li, #menu_right_zahr ul li {list-style-type:none; width:inherit; display:block; float:left; padding:6px 0px 2px 0px; height:20px !important;  }

#menu_left  li a, #menu_right li a {padding: 0px 18px 19px 18px; }
#menu_right_zahr li a              {padding: 0px 10px 19px 10px; }

#menu_right ul li a:hover        {color:#e2001a; border-bottom: 3px #e2001a solid; padding: 0px 18px 3px 18px; }
#menu_right_zahr ul li a:hover   {color:#e2001a; border-bottom: 3px #e2001a solid; padding: 0px 10px 3px 10px; }

ul.AspNet-Menu ul                   {position:relative; top:28px;background-color: white; width:200px; border: 1px black solid; border-bottom: 3px #e2001a solid;}
ul.AspNet-Menu li a                 {border: none; padding: 0;  }
.AspNet-Menu li a:hover             {color:#e2001a; border-bottom: 3px #e2001a solid; } 
.AspNet-Menu li,#menu_right ul li,#menu_right_zahr ul li    {border-right: 1px #bab9ba solid;} 
li.AspNet-Menu-WithChildren         {background-image: url(images/withchildren.png);background-repeat: no-repeat;background-position: right 14px;}
.AspNet-Menu-WithChildren ul li     {border-right: none; }
.AspNet-Menu-WithChildren ul li a:hover {border: none;}



/*---------topmenu rozcestnik----------*/
#menu_left, #menu_right_roz      { border-top: 1px black solid; border-left: 1px black solid;border-right: 1px black solid;}
#menu_right_zahr_roz             { border-top: 1px #b3b3b3 solid; border-left: 1px #b3b3b3  solid; margin-left:5px;}

#menu_left ul, #menu_right_roz ul, #menu_right_zahr_roz ul      {margin:0; padding:0;}

#menu_left ul li, #menu_right_roz ul li, #menu_right_zahr_roz ul li {list-style-type:none; width:inherit; display:block; float:left; padding:6px 0px 2px 0px; height:20px !important;  }

#menu_left  li a, #menu_right_roz li a {padding: 0px 18px 19px 18px; }
#menu_right_zahr_roz li a              {padding: 0px 10px 19px 10px; }

#menu_right_roz ul li a:hover        {color:#e2001a; border-bottom: 3px #e2001a solid; padding: 0px 18px 3px 18px; }
#menu_right_zahr_roz ul li a:hover   {color:#e2001a; border-bottom: 3px #e2001a solid; padding: 0px 10px 3px 10px; }

ul.AspNet-Menu ul                   {position:relative; top:28px;background-color: white; width:200px; border: 1px black solid; border-bottom: 3px #e2001a solid;}
ul.AspNet-Menu li a                 {border: none; padding: 0;  }
.AspNet-Menu li a:hover             {color:#e2001a; border-bottom: 3px #e2001a solid; } 
.AspNet-Menu li, #menu_right_roz ul li, #menu_right_zahr_roz ul li    {border-right: 1px #bab9ba solid;} 
li.AspNet-Menu-WithChildren         {background-image: url(images/withchildren.png);background-repeat: no-repeat;background-position: right 14px;}
.AspNet-Menu-WithChildren ul li     {border-right: none; }
.AspNet-Menu-WithChildren ul li a:hover {border: none;}



/*--------main picture----------*/
#main_picture{background-image: url(images/mainpic.png); position:relative; margin-bottom:10px;}
#main_pic_bg{width:343px; height:100px; position:absolute; top:30px; left:20px; color:white; font-size: 140%;  line-height:160%; }
#main_pic_text {width:343px;  background-color: #e3001b;padding:5px 10px 5px 20px; margin-top:-7px;}

.mpbottom {height: 12px; width: 373px; background-image: url(images/mptext.png); position: relative; top: ;}

/*--------bottom-------*/
 #bottom1 img, #bottom2 img {margin-right: 20px; float:left; }

/*-----rozcest----*/
#rozcestnik img {border-bottom: 1px black solid; padding-bottom:10px;}
.prozkoumat{width:200px; position:absolute; bottom:2px; padding:5px 0px 2px 10px; border-top: 1px black solid; color:white; background-image: url(images/prozkoumat.png); background-repeat: repeat-x;}
.prozkoumat a {color: white; }

 /*--------search------------*/
.searchbox    {height:58px; background-image: url(images/search.png); position: relative; background-repeat: repeat-x; padding: 12px 0px 0px 18px; border-bottom: 1px black solid; margin-top: 3px;}
.searchline   {border-top: 1px black solid; border-bottom: 1px black solid; padding: 2px 0px 2px 0px; position: relative;width:426px;}
 .searchbox .searchline {width:170px;}
 .hledej_ok, .detail_ok  {position:absolute; top:-1px;  border-top: 1px black solid; border-bottom: 1px black solid;}
 .kf          {width:160px; height:18px; border: 1px #a4a3a4 solid;}
 .kfsearch    {width:160px; height:18px; border: 1px #a4a3a4 solid;}
  /*--------search konec------------*/


/*------------leve menu -------------*/ 
.prepinani      {height:43px; padding-top:5px; background-image: url(images/prepinani.png); background-position: center 30px; background-repeat: no-repeat;border-bottom: 1px black solid;}
.kategorie_div  {border-bottom: 1px black solid; margin-bottom:20px; line-height: 20px;}
.kategorie_div table a {background-image: url(images/li.png); background-repeat: no-repeat;  background-position: left; margin-left:-10px;  padding-left:20px;}
.sluzby         {border-top: 1px black solid;background-image: url(images/prepinani.png); background-position: 0px 15px; background-repeat: no-repeat; padding-top:15px; }
.sluzby ul      {padding:10px 0px 10px 20px; border-top: 1px black solid; border-bottom: 1px black solid; margin-top:20px;}
.left_produkty  {border-top: 1px solid black; border-bottom: 1px solid black; padding: 3px 0 3px 0;}
.left_produkty img {margin: 0px; padding: 0px; border: 0px;}

.katlvl1 a {color:black; }

 .katactive a {color:red;}
/*--------user info ------------*/
#userinfo       {margin-top:20px; margin-bottom:20px;}
.useri_left     {float: left; width:465px; padding-left: 20px; padding-top:20px;}
.useri_right    {float:right;  width:470px; height:80px; background-image: url(images/registrace.png); background-position: 250px 3px; background-repeat: no-repeat;  border-left:5px solid white; padding-left:15px;}
.login          {height:80px; background-image: url(images/login_bg.png);background-repeat: repeat-x; border-top: 1px black solid;}
.useri_right p  {width:52%; float:left; position:relative; top: 9px;}
.useri_right a  {background-image: url(images/a_reg.png); background-repeat: repeat-x; padding: 6px 15px 6px 15px; color: white; position:relative; top:31px; left:20px; text-decoration: none;}


.linkslog input {margin-left:25px; position: relative; top:3px;} 

/*----------kategorie hlavicka------------*/
#text h2 {font-size: 100%; border-top: 1px black solid; padding-top:5px; padding-bottom:16px; background-image: url(images/h2filtr.png);background-position: left bottom;background-repeat: no-repeat;}
#text h2 a { color:black;  text-decoration: none; background-image: url(images/odkazl.png); background-position: left 4px; background-repeat: no-repeat; padding-left:20px; }
#text h2 a span { background-image: url(images/odkzar.png); background-position: right 4px; background-repeat: no-repeat; padding-right:5px; margin-right:5px;}

.podkategorie a { color:black; text-decoration: none;}
.podkategorie table {width: 100%;}
.podkategorie img {margin-right:10px;border:none;}

.filtrline{border-top: 1px black solid;border-bottom: 1px black solid;height:24px; padding-top:2px; margin-top:20px;}
.filtrline b {padding: 0px 5px 0px 5px;}  
.raz b {padding: 0px 10px 0px 0px;}
.filtrline select { border: 1px #a4a3a4 solid; }

.jdi_ok {position: relative; top:-3px;}
.fil .jdi_ok,.cena .jdi_ok{ left:-3px;}
  /*
.raz,.fil,.cena { position: relative;position:relative;top:-7px;}     

.cena { right:-3px;}     */

.filtr  {right:-3px;}   
.kf2, .kf3, .filtr{height:22px; position:relative;top:-10px;}
.filtrline table td { vertical-align: top;height:22px;}
  .filtrline table  { height:22px; width:100%;}
         
.vyrobci {margin-top:20px; border-top: 1px black solid;border-bottom: 1px black solid; padding: 5px 0px 5px 0px;}
.vyrobce{float: left;}
.vyrobce input {margin:  0px;}
.vyrobce label {margin: -3px 5px 0px 5px;}
 
.zobr {padding-top:5px; margin-bottom: 20px;}

/*----produkty----*/
.produkt-title {
 color: #000000;
 font-weight: bold;
 font-size: 140%;
}
.detail_polozka {width:210px; position: relative; padding:10px 0px 10px 0px;}

.vyprodej, .novinka, .akceAA, .promoAA, .nic { height: 22px; width: 210px; border-top: 2px white solid; margin-bottom:5px;}
.nic       {background-color:#d9d9d9 ; }
.akceAA    {background: url('/images/priznaky/akce.png') no-repeat;}
.promoAA   {background: url('/images/priznaky/promo.png') no-repeat;}
.novinka   {background: url('/images/priznaky/novinka.png') no-repeat;}
.vyprodej  {background: url('/images/priznaky/vyprodej.png') no-repeat;}

.detail_obrazek   {width:209px; height:100px;  margin-bottom:5px; text-align: center;}
.detail_cena      {color:#e40019;font-size: 110%; font-weight: bold;} 
.detail_cena span {color:#838383 ;float:right;}   

.nazevproduktitemlist    {border-top: 1px black solid; height: 60px; overflow: hidden;}
.nazevproduktitemlist a  {color:black; text-decoration: none; font-weight: bold; }

.dokosiku_line {height:28px; background-image: url(images/a_reg.png);background-repeat: repeat-x; margin-top:5px;padding:2px 5px 0px 0px; color: white;}

.kosik     {height:18px; width:28px;border: 1px #d9d9d9 solid;position: relative; top:1px;}
.kus       {margin-right: 25px;}
a.info_ok  {color: white;  font-size: 11px;}

.pridat ,.dokos_ok, .oblibene_button  {background-color: transparent; border:0 none; cursor:pointer; font-size:100%; outline:medium none; padding:0px;}
.dokos_ok           {color: white; font-size: 10px;}
.porovnat, .quest   {float:left; margin: 5px 0px 5px 0px;} 

    .pridat {padding-right:5px; }
/*------------detail produktu -------------*/

.detail_zalozky       {width:663px; height:23px; margin:20px 0px 0px 21px; border-top: 1px black solid; border-left: 1px black solid; border-right: 1px black solid; }
.detail_zalozky div   {float: left;	padding: 4px 32px; 	color: #000; cursor: pointer; }

.breadcrumbs    {border-top: 1px black solid;background-image:url("images/h2filtr.png"); background-position:left bottom; background-repeat:no-repeat; margin-bottom:10px; font-size:100%; padding:5px 0px 16px 0px;}
.breadcrumbs a  {margin-right:-4px;}

.detail_obrazek2  { margin-left:20px; float: right; width:330px ; height:200px; text-align:center; position: relative; padding: 0px 2px 0px 2px; border: 1px solid #b9b9b9;}
.zoom {width:320px; height:21px; background-image: url(images/zoom.png);background-repeat: repeat-x; position: absolute; bottom: 0px; color:white; padding:6px 0px 0px 10px; text-align: left;}
.zoom a {color:white;  }

#prod_detail_l {width: 323px; height: 200px;} 
#prod_detail_r {width: 365px; height: 200px; margin-bottom:20px;} 

#Tab1_Header, #Tab2_Header, #Tab3_Header  {border-right: 1px solid #b9b9b9;}
div.Tab_Selected{ color: #E2001A;  border-bottom:3px #E2001A solid;   height: 13px;}

.Tab_Content { 	border-top: 2px solid #2a4359;	 padding-top:20px;} 

/*------specifikace---------*/

.detail_tabulka{width:100%; padding:0px; border-top: 1px black solid; border-bottom: 1px black solid; margin-bottom:20px; border-collapse:collapse;line-height:22px;line-height:22px;}
.detail_tabulka td, .dokosiku_tabulka td  {padding-left:20px; width: 50%;}
.detail_tdbarva, .ucet_barva { background-color:#EAEAEA; position: relative; }

.dokosiku_tabulka {width:100%; line-height:22px;  position:relative; margin-top:-21px; border-top: 1px black solid; border-bottom: 1px black solid;border-collapse:collapse;}
.dokosiku_td {background-repeat: repeat-x;}
.dokosiku_obsah{background-image: url(images/dokosiku_table.png);position: relative; color:white;}
.dokosiku_td .kus {margin:0px 203px 0px 5px;}

.dok_kosik {width:26px; height:20px;  border: 1px #d9d9d9 solid;}
.dok_detail_ok{float: right; margin-top:5px;}

/*------------------------*/


/*-------------dotaz na produkt--------*/
 
table.fleft ,table.fright  {border-top: 1px black solid; border-bottom: 1px black solid; border-collapse: collapse; }
table.fright {width:45%; height:inherit}  

.sl_td1{font-weight: bold;}
.sl_td2 input {width: 97%; border:1px solid #A4A3A4;}
.dotaz {border:1px solid #A4A3A4;}
.button {margin-bottom:21px; color:white;float: right; font-family:trebuchet MS; border:none; background-color: #707173;}


#text .kategorie2 h2 a{ color: #888; text-decoration: none; text-transform: uppercase; font-weight: normal;}
#text .kategorie2 h2{	background: none;  	color: #999; 	margin: 0px;	padding: 0px; 	width: auto !important;}
 
 /*-----------promo akce-------------*/ 
  
.clanek_text1 {background-image: url(images/li.png);background-position: left 6px;background-repeat: no-repeat; padding-left:15px;}
.silverplus { display:block;}

  /*-----------detail produktu bottom -------------*/ 
.prod_bottom {margin-top:20px;}
.dalsi_obr, .pes, .in, .popis{padding-top:10px; border-top: 1px black solid; padding-bottom:6px;}
.in  {border-bottom: 1px black solid;}
.ramecek {border: 1px solid #b9b9b9;  margin-bottom:14px;  padding:10px; }

.popis { line-height: 150%; color:#000; font-size:110%;} 
.popis strong {margin-left:5px;} 
 
 /*--------login top-----------*/
.kontakt_log, .basket {border-top: 1px black solid;height:113px; background-image: url(images/kontaktin.png); background-repeat: repeat-x;}
.kontaktin { width:450px; padding: 10px 20px 10px 20px; border-right:3px solid white;  }
.basketin { width:447px; padding: 10px 20px 10px 20px; }
   
.kontaktin_table {width:100%;}
.kontakin_bottom {color:white; height:23px; clear:both; background-image: url(images/a_reg.png);background-repeat: repeat-x; padding-top:10px;background-position: bottom; }
.kontakin_bottom a { color:white; margin: 0px 3px 0px 4px; }
.logged_table {background-image: url(images/logged.png);      background-position: right; background-repeat: no-repeat; padding-right:5px; width:20%;}


/*-----import obj---------*/
.upload{float: left;}

/*------prime plneni----------*/
.prime_plneni { padding-top: 30px; border-top: 1px black solid; background-image: url(images/h2filtr.png); background-position: center 15px; background-repeat: no-repeat;}
.primo {width: 90%;border: 1px #a4a3a4 solid;}
.primo_buttons { background-image: url(images/zoom.png); background-repeat: repeat-x; height:18px; padding-top:7px; clear: both; }
.button_primo { font-size:100%; color:white;float: left; font-family:trebuchet MS; border:none; background-color: #707173; }
.prime_plneni table {margin-bottom:20px;}
/*---------muj ucet----------*/
.muj_ucet{  padding-top: 30px; border-top: 1px black solid; background-image: url(images/h2filtr.png); background-position: center 15px; background-repeat: no-repeat; }

.ucet_table {width: 100%; border-top: 1px black solid;  border-collapse: collapse;}
.ucet_table td {padding-left:20px; line-height:25px;}

/*----------oblibene---------*/
.oblibene {margin-bottom:2px;  padding-top: 30px; border-top: 1px black solid; background-image: url(images/h2filtr.png); background-position: center 15px; background-repeat: no-repeat;}
.oblibene_button {color:white; font-size:100%;  }
.oblibene_item .fright, .oblibene_item_sede .fright {height:22px; background-color: #707172; color:white; }
.oblibene_item { border-top: 1px solid #1a171b; padding: 10px; }
.oblibene_kosik{ width:25px; border:1px solid #A4A3A4; height: 18px; }
.oblibene .fright {color:white; padding-right:5px;}
.oblibene_item_sede { border-top: 1px solid #1a171b; padding: 10px; background-color: #EAEAEA; }
.oblibene_buttons { background-image: url(images/zoom.png); background-repeat: repeat-x; height:18px; padding-top:7px; clear: both; }  
.oblibene_buttons span { margin-right: 6px; }
.oblibene_buttons .fright {color:white; margin-right: 6px;}  
 
 /*----------kosik komplet-------------*/
 
.kosik_komplet {margin-bottom:5px;padding-top: 30px; border-top: 1px black solid; background-image: url(images/h2filtr.png); background-position: center 15px; background-repeat: no-repeat;}
.kosik_obsah_table td { padding-left:20px;}
 
.kosik_obsah,.kosik_obsah_red {border-top: 1px black solid; border-bottom: 1px black solid; padding:5px 0px 5px 0px;}
.kosik_obsah_red {background-image: url(images/kosik_obsah_red.png); background-repeat: repeat-x; color:white; }
   
.kosik_jmeno,.kosik_jmeno_grey {font-weight: bold; color: black;border-top: 1px black solid; }
  
.kosik_obsah_table  {width: 100%; border-collapse: collapse;}
  
.kosik_topline,.kosik_topline_gr,.kosik_topline_grey {border-top: 1px black solid;}
.kosik_topline_gr {background-image: url(images/kosik_topline_gr.png); background-repeat: repeat-x; line-height: 24px;}
  
.kosik_topline .kosik,.kosik_topline_grey .kosik{position: relative; top:-3px; left:3px;}
.kosik_topline  .bottom, .kosik_topline_grey .bottom{position: relative; top:3px;}

.kosik_topline_grey, .kosik_jmeno_grey {background-color:#EAEAEA ;} 
.edit {width:70px;} 
  
/*------------------kosik bottom--------------*/

#kosik_bottom  {width:100%; margin-bottom:20px;height:130px; }
#kosik_bottom .separator {height: 135px; margin-left:25px; margin-right:15px;} 
 
#kosik_bottom .fleft, #kosik_bottom .fright {width:46%;border-top: 1px black solid;border-bottom: 1px black solid;height: 130px; padding-top:5px; } 

.kf100 {border:1px solid #A4A3A4; width: 97%;}

.fright textarea { border:1px solid #A4A3A4;}
.primo_buttons,.primo_buttons a {color: white;}

.button_left {float: left; font-size: 100%; margin:0px 5px 0px 5px;  color:white; font-family:trebuchet MS; border:none; background-color: #707173;}


/*------------obsah------------------*/
#left       {width:230px; float:left;   overflow:hidden;}
#pravystred {width:708px; float:right; position: relative;  margin-left:20px; overflow:hidden; border-left: 2px black solid; padding-left:20px;}
.rseparator {border-right: 2px black solid; padding-right:20px; position: relative;}

.rseparator a {text-decoration:underline; color:#E2001A;}

#b_top {border-top: 1px black solid; position: absolute; top:0; left:0px; width:2px;}
#b_bottom {border-bottom: 1px black solid;bottom:0; position: absolute; left:0px;width:2px;}

.b_top_r {border-top: 1px black solid; position: absolute; top:0; right:0px; width:2px;}
.b_bottom_r  {border-bottom: 1px black solid;bottom:0; position: absolute; right:0px;width:2px;}       

.fleft { float: left;}
.fright {  float: right;}

.itemlist_separator {background: url(/images/itemlist_separator.gif);margin:0px 16px 0px 16px; width: 5px; height: 365px;} 
.itemlist_separator_small {background: url(/images/itemlist_separator-small.gif);margin:0px 16px 0px 16px; width: 5px; height: 265px;} 
 

/*--------------slider--------------*/
    .coda-nav-left {width: 20px; height:89px; background-color: #717171; float: left;  border-right: 2px white solid; background-image: url(images/left.gif); background-position: center center; background-repeat: no-repeat;}
     .coda-nav-left a,.coda-nav-right a {padding: 45px 5px; background-image:none;} 
    .coda-nav-right {width: 20px;height:89px; background-color: #717171;  float: right;  border-left: 2px white solid; background-image: url(images/right.gif); background-position: center center; background-repeat: no-repeat;}
    .coda-slider {height:89px !important; background-color: #d9d9d9;  }
    .coda-slider .panel { width: 415px;  }
   
/* ------ slider novinek na HP ---------------*/   
/* Most common stuff you'll need to change */

.coda-slider-wrapper { position: relative; height: 100px; }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider2, .coda-slider-no-js .coda-slider3, .coda-slider-no-js .coda-slider 
{ height: 200px; overflow: auto !important;}

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider { width: 415px; }
.coda-slider2, .coda-slider2 .panel { width: 300px; height: 150px;}
.coda-slider3, .coda-slider3 .panel { width: 500px; }

.coda-slider .panel-wrapper {width: 395px; padding: 12px 10px 10px 10px;}
.coda-slider p.loading { padding: 20px; text-align: center }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider2 { float: left; overflow: hidden; position: relative }
.coda-slider3 { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider2 .panel { display: block; float: left }
.coda-slider3 .panel { display: block; float: left }
.coda-slider .panel-wrapper { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

.slidetail {position:absolute; top:65px; right:30px;}

#gallerie ul{
 padding:0;
}
#gallerie li{
 list-style-type: none;
}


#detailpics-wrap {
  /*width: 440px;*/
  height: 92px;
  margin: 0 !important;
  /*background: url(/images/sprite-velke.png) no-repeat -485px -540px;*/
  text-align: center;
}
#detailpics {
  height: 70px;
  margin: 0 18px 0 18px !important;
  padding: 11px 0 0 0;
  overflow: hidden;
}

#detailpics ul {
display:inline;
}

#detailpics ul li 
{
background: none;
display:inline;
}

#detailpics .leftpics {
  display: block;
  float: left;
  width: 15px;
  height: 70px;
  background: url(/images/sprite-svisle.png) no-repeat 0 -472px;
}
#detailpics .leftpics:hover {
  background-position: -542px left;
}
#pics-stripe {
  float: left;
  height: 70px;
  /*width: 362px;*/
  overflow: hidden;
  margin: 0 5px 0 5px;
}
#pics-stripe-in ul {
 padding:0px;
}
#pics-stripe-in li {
 margin-left:20px;
}
#pics-stripe IMG {
  height: 70px;
}
#pics-stripe div {
  white-space: nowrap;
}
#detailpics .rightpics {
  display: block;
  float: right;
  width: 15px;
  height: 70px;
  background: url(/images/sprite-svisle.png) no-repeat 0 -617px;
}
#detailpics .rightpics:hover {
  background-position: -687px left;
}

.noscreen, .none {
	display: none;
}
 #galler li {
 list-style-image: none;
 list-style-type: none;} 
   
#galler ul {
 padding:0px;}   
 
#lightbox-secNav {
 position:absolute;
 top:3px;
 right:3px;
z-index:999;  
}   
.ModalPopup {
 background-color:#fff;
 border: 4px #E2001A solid;
 padding:15px;
}
.kfarea {
 width: 330px;
 height:100px;
}

/* SLIDER */

#wrapper {width:373px; margin:50px auto; }
#container {position:relative; background:#fff; height:202px; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.sliderbutton {float:left; width:25px; height:202px; cursor:pointer; position:absolute; }
#slideleft {background:url(images/icons.gif) -50px -265px no-repeat}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.gif) 0 90px no-repeat}
#slideright:hover {background-position:-50px 90px}

#slider {float:left; position:relative; overflow:auto;   width:786px; height:161px; }
#slider ul {position:absolute; list-style:none; top:0; left:0; margin:0px; padding:0px;}
#slider li {float:left; position:relative; width:786px; height:161px; list-style-image: none;}
.pagination {position:absolute; bottom:5px; right:10px; list-style:none;}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; list-style-image: none; margin:0 4px 0 0; background:url(images/sliderpoint.png); }
.pagination li:hover, li.current {height:12px; width:12px;  background:url(images/sliderpoint-active.png); position:relative; top:-2px;}

.wrapper {
 position: relative; 
 overflow:hidden;
 color:#fff;
 margin-bottom:10px;
 z-index:0;
}
.wrapper ul {
  margin:0px; 
  padding:0px;
}
.slide-desc {
 color:#000000;
 bottom: 20px;
 display: block;
 height: 80px;
 padding: 0 10px;
 position: absolute;
 width: 353px;
 left: 400px;
 font-size:120%;
 }
.slide-title{
 color: black;
 font-weight: bold;
 left: 400px;
 padding-left: 10px;
 position: absolute;
 top: 20px;
 z-index: 5;
 font-size:150%;
}
/*********slider konec**********/

#top_uvod { height: 30px; }



/*MODAL*/

.ModalBackground    {background-color: black; filter: alpha(opacity=70); opacity:0.8;}

.ModalPopupLogo         {
 background-color: White;/* url(/images/potvrzeni-bg.png);*/
 width: 700px !important;
 height:450px;
 position: relative;
 -moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
  border-radius:10px 10px 10px 10px;
}

/*.ModalPopupLogo a {
 display: block;
 background: url(/images/b_potvrzeni.jpg);
 width: 200px;
 height: 37px;
 position: absolute;
 bottom: 34px;
 left:160px; 
 text-align: center;
 padding-top:13px;
 font-size: 90%;
 color:#112a48;
 font-weight: bold;
 text-shadow: 1px 1px #cfe4f6;
 text-decoration:underline;
}   
*/

.ModalPopupLogo a:hover { text-decoration: none; } 

.modal-text {
 color: #fff;
 position: absolute;
 top:16px;
 left:50px;
 font-size: 90%;
}
.modal-logo { background: url(/images/logo-modal.png); width:296px; height:205px; position:absolute; right:195px; top: -78px;}
a.modal-close { background: url(/images/b_close.jpg); width:80px; height:24px; position:absolute; right:10px; top: 10px;}
.modal-obsah { margin: 130px 30px 20px; height: 300px; overflow: auto; }


.ModalPopupLogoPart         {
 background: url(/images/bg_modal-part.jpg);
 background-repeat: repeat-x;
 width: 250px !important;
 position: absolute;
 filter: alpha(opacity=98); opacity:0.98;
 border: 1px #b6b6b6 solid;
 height: 425px  !important;
 top: -11px;
 right: -51px;
 -moz-border-radius: 0px 0px 7px 7px;
  -webkit-border-radius: 0px 0px 7px 7px;
  border-radius: 0px 0px 7px 7px;
}
.popup-part-logo {background: url(/images/logo-distrubuce1.png); position:absolute; height: 100px; width: 170px; top: 10px; right: 50px;}
.popup-part-obsah { margin: 130px 30px 20px; height: 300px; overflow: auto;}
.popup-part-obsah strong {font-weight:bold; color:Black; }

.lang {
   height: 21px;
    padding: 0;
    position: absolute;
    right: -28px;
    top: 1px;
    #top:12px;
    top:4px \0/IE9;
    width: 49px;
}

.lang li {
list-style-type: none;
list-style-image: none;

margin:3px 2px 3px 7px;
}
.fpassbutt {
 position: relative;
 top:4px;
}