*{
     margin: 0;
     padding: 0;
}

img {
     border: none;
}

body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
        list-style: none;
}



form {
	padding: 0px;
	margin: 0px;	
        list-style: none!important;
}

h1.top{
  	text-indent: -3000px;
	font-size: 1px;
}

#wrapper {
	width: 996px;
	margin: 20px auto 0 auto;
}

#ram {
	clear: both;
	border: 1px solid #666666;
	margin-bottom: 20px;
	overflow: auto;
}

/*Hides from IE5-mac \*/
* html #ram {
	height: 1%;
}
/*Holly Hack ende*/

#head {
	padding: 14px 3px 0 3px;
	height: 230px;
}

#middle{
	padding: 14px 3px 0 3px;
}

#middle-left {
	float: left;
	width: 175px;
}

#middle-center {
	float: left;
	margin-left: 14px;
	width: 610px;
	padding-bottom: 20px; 
}

#middle-right {
	float: right;
	margin-left: 14px;
	width: 175px;
}

#footer {
	clear: both;
	float: none;
	padding: 4px;
	background-color:#FF6600;
	text-align: center;
	color: #FFFFFF;
}

.clear {
	clear: both;
	float: none;
}



/* MODUL --------------------------------------------------*/

.modul table{
	width: 100%;
}

.modul h2{
	font-size: 13px;
	color:#666666;
	padding: 4px 0 0 10px;
	text-transform:uppercase;
}

.modul .abschluss{
	background-image: url(../images/abschluss1.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	display: block;
	height: 15px;
}

/* ----- Horni navigace -------*/
#navi-top ul {
	margin: 0 0 0 3px;
	padding:0;
	list-style:none;
}

#navi-top li {
      display:inline;
      margin:0;
      padding: 10px 0 0 0;
}

#navi-top a {
      float:left;
      background:url(../images/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  font-weight: bold;
}

#navi-top a span {
      float:left;
      display:block;
      background:url(../images/tabright.gif) no-repeat right top;
      padding:5px 13px 4px 6px;
      color:#FFF;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#navi-top a span {float:none;}
    /* End IE5-Mac hack */
#navi-top a:hover span {
      color:#FFF;
	  background-position:100% -42px;
}

#navi-top a:hover {
      background-position:0% -42px;
}

	  /* aktive buttons \*/ 
	  
#navi-top li.active-top {
      float:left;
      background:url(../images/tableft.gif) no-repeat;
	  background-position:0% -42px;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  font-weight: bold;
}

#navi-top li span.active-top {
      float:left;
      display:block;
      background:url(../images/tabright.gif) no-repeat;
	  background-position:100% -42px;
      padding:5px 13px 4px 6px;
      color:#FFF;
}

/*------------HEAD----------------*/
	
#head-left {
	float: left;
	width: 175px;
	height: 230px;
	margin: 0px;
	background-image: url(../images/hg-right-top.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
}



#head-center {
	float: left;
	width: 610px;
	height: 230px;
	margin-left: 14px;
	background-image: url(../images/header_img.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

#head-center img.logo {
	width: 610px;
	height: 230px;
	border: none;
}


#head-right {
	float: left;
	width: 175px;
	height: 230px;
	margin-left: 14px;
	background-image: url(../images/hg-right-top.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

.modul td{
	padding: 0 10px;
}


/*	--------SEARCH----------*/

#head-right h2.search{
	color:#FFFFFF;
        padding: 6px 0 25px 35px;
	background-image: url(../images/search.gif);
	background-repeat: no-repeat;
}

.searchfield{
	width: 110px;
	display: block;
	float: left;
	margin: 0px 5px 0 0px;
}

#head-right a{
	color: #FFFFFF;
	font-weight: bold;
}

/*-------BASKET---------------*/

#head-right .basket-text{
	color: #FFFFFF;
	font-weight: bold;
}

#head-right h2.basket  {
	background-image: url(../images/basket_header.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	color:#FFFFFF;
	margin-top: 20px;
	padding: 6px 0 25px 35px;
	text-transform:uppercase;
}

#head-right .kasse{
	text-align: right;
	padding-top: 42px;
}


/*--------LEFT + MENU LEFT------------*/
	
#middle #middle-left .modul {
	background-image: url(../images/hg-rand.gif);
	background-position: right top;
	background-repeat:	no-repeat;
	background-color: #CCCCCC;
	padding-bottom: 15px;
}

#middle #middle-left .modul h2{
	font-size: 13px;
	color:#666666;
	margin: 4px 10px 10px 10px;
	padding:4px 0 5px 0;
	text-transform:uppercase;
	background-image: url(../images/hg-h1.gif);
	background-position: 0 20px;
	background-repeat: repeat-x;
}

#middle .modul ul {
	list-style: none;
}

#middle .modul ul li a{
	text-decoration: none;
	background-image:url(../images/dreieck-orange.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	width: 160px;
	background-color: #666666;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;
}

/* CSS-Hack für IE6 und kleiner */
* html #middle .modul ul li a, * html #middle .modul ul li a:hover, *html #middle .modul ul li .active {  
	width: 175px; 
	w\idth: 160px; 
}

#middle .modul li a:hover{
	text-decoration: none;
	background-image:url(../images/dreieck-weiss.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	width: 160px;
	background-color: #FF6600;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;
}

#middle .modul ul li .active {
	text-decoration: none;
	background-image:url(../images/dreieck-weiss.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	width: 160px;
	background-color: #FF6600;
	padding: 4px 0 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;
}

#middle .modul ul ul li{
	list-style: none;
}

#middle .modul ul ul li a{
 	background-image:url(../images/bullet-orange.gif);
	background-position: 17px 9px;
	background-repeat:no-repeat;
	background-color: #CCCCCC;
	border-top: none;
	font-weight: normal;
	color: #000000;
	padding: 3px 0 3px 25px;
	width: 145px; 
}

#middle .modul ul ul li a:hover{
 	background-image:url(../images/bullet-orange.gif);
	background-position: 17px 9px;
	background-repeat:no-repeat;
	background-color: #CCCCCC;
	border-top: none;
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
	padding: 3px 0 3px 25px;
	width: 145px; 
}
#middle .modul ul li ul li .active {
	background-image:url(../images/bullet-orange.gif);
	background-position: 17px 9px;
	background-repeat:no-repeat;
	background-color: #CCCCCC;
	border-top: none;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding: 3px 0 3px 25px;
	width: 145px; 
}

#middle #middle-left .abschluss{
	background-image: url(../images/abschluss.gif);
	background-repeat:	no-repeat;
	background-position: right top;
	display: block;
	height: 10px;	
}


/*-----------------CENTER-CONTENT-------------------*/


	
#middle-center h1{
	font-size: 16px;
	color:#666666;
	margin: 4px 0 10px 0;
	padding:4px 0 5px 0;
	text-transform:uppercase;
	background-image: url(../images/hg-h1.gif);
	background-position: 0 20px;
	background-repeat: repeat-x;
	font-style: normal;
}

#middle-center h2{
	font-size: 14px;
	color:#666666;
	margin: 4px 0 10px 0;
	padding:4px 0 5px 0;
	text-transform:uppercase;
	background-image: url(../images/hg-h1.gif);
	background-position: 0 20px;
	background-repeat: repeat-x;
	font-style: normal;
}

#middle-center h3{
	font-size: 12px;
}

#middle-center h4{
	font-size: 11px;
}

#middle-center a{
	color: #FF6600;
	text-decoration: none;
}

#middle-center a:hover{
	color: #FF6600;
	text-decoration: underline;
}

#pismena ul {list-style-type: none;text-align:center; padding:0px; }
#pismena ul li{ display:inline; }
#pismena ul li a {
text-decoration: none;padding:3px;font-size:1.3em

}

#middle-center .az_nav{
	float: right;
	margin: 20px 0;
       
}
#middle-center .az_nav ul{
	
 display:inline;}

/*---------KATEGORIE----------*/
#middle-center .kategorien{
	clear: both;
	width: 100%;
	border: 1px solid #cccccc;
	-moz-border-radius:10px;
}

#middle-center .kategorien tr{
	vertical-align: top;
}

#middle-center .kategorien td{
	padding: 5px 10px;
}

#middle-center .kategorien .kategoriebox td{
	padding: 0;
}

#middle-center .kategoriebox{
	background-color: #F4F4F4; 
	width: 100%;
}

#middle-center .kategoriebox a{
	color: #333333; 
}

#middle-center .kategoriebox h4 a{
	color: #ffffff;
	padding: 2px; 
}

#middle-center .kategoriebox h4{
	background-color:#666666;
}

/*	------LISTEN ------------------------------------------*/
#middle-center .liste1{
	clear: both;
	width: 100%;
	border: 1px solid #cccccc;
	-moz-border-radius:10px;
	margin-bottom: 20px;
}

#middle-center .liste1 a{
	color: #333333;
}
#middle-center .liste1 .active a{
	color: #FF6600;
}

#middle-center .liste1 td{
	padding: 3px 10px;
}

#middle-center .pagination{
	padding: 3px 10px;
	float: right;
}

#middle-center .liste2{
	clear: both;
	width: 100%;
	border: 1px solid #cccccc;
	-moz-border-radius:10px;
	margin-bottom: 20px;
}

#middle-center .liste2 h3 a{
	color: #666666;
}

#middle-center .liste2 td{
	padding: 3px 10px;
}

#middle-center .liste2 .spalte1{
	font-weight: bold;
	width: 74%;
}

#middle-center .liste2 .spalte2{
	font-weight: bold;
	width: 25%;
}

#middle-center .liste2 .r0{
	background-color:#ffffff;
}

#middle-center .liste2 .r1{
	background-color:#F4F4F4;
}

#middle-center .liste2 .spname td{
	padding: 0;
}

/*--detail produktu--*/
#middle-center .itemdetails{
	clear: both;
	width: 98%;
	border: 1px solid #cccccc;
	margin: 3px 0 20px 0;
	border-collapse: collapse;
}

#middle-center .itemdetails h1{
	padding: 0;
	margin: 0;
	background-image: none;
	float: left;
	color: #FFFFFF;
}

.imgcontainer {
	float: right;	
}

#middle-center .itemdetails thead tr{
	background-color: #666666;
}

#middle-center .itemdetails td{
	padding: 3px 10px;
	border: 1px solid #cccccc;
}

#middle-center .itemdetails label{
	clear: left;
	display: block;
	float: left;
	width: 65px;
}

#middle-center .itemdetails span{
	float: left;
}


/*	------BESTELLUNG ------------------------------------------*/
#middle-center .kosik{
	clear: both;
	width: 100%;
	border: 1px solid #cccccc;
	margin: 3px 0 5px 0;
	border-collapse: collapse;
}

#middle-center .kosik thead tr{
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
}

#middle-center .kosik thead td{
	border: none;
	text-align: center;
}

#middle-center .kosik .kosik_zbozi{
	width: 45%;
	text-align: left;
}

#middle-center .kosik .b_qty{
	width: 1.5em;  font-weight:bold;
}



#middle-center .kosik td{
	padding: 3px;
	border: 1px solid #cccccc;
	text-align: right;
}




/*	-------------------------------------------------------------
	5. RIGHT-CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#middle #middle-right .modul {
	background-image: url(../images/hg-rand.gif);
	background-position: left top;
	background-repeat:	no-repeat;
	background-color: #CCCCCC;
	padding-bottom: 5px;
}

#middle #middle-right .modul h2{
	font-size: 13px;
	color:#666666;
	margin: 4px 10px 10px 10px;
	padding:4px 0 5px 0;
	text-transform:uppercase;
	background-image: url(../images/hg-h1.gif);
	background-position: 0 20px;
	background-repeat: repeat-x;
}

#middle #middle-right .modul a{
	color:#666666;
	text-decoration: none;
}


#middle #middle-right .abschluss{
	background-image: url(../images/abschluss.gif);
	background-repeat:	no-repeat;
	background-position: left top;
	display: block;
	height: 10px;	
}

#middle #middle-right .kasse{
	text-align: center;
	padding-top: 12px;
}

#middle #middle-right .modul ul li {
	text-decoration: none;
	background-image:none;
	background-position:5px 7px;
	background-repeat:no-repeat;	
	color: #000000;
	display: block;
	width: 160px;
	background-color: #cccccc;
	padding: 4px 0 4px 10px;
	border-top: none;
	font-weight: normal;
}


#middle #middle-right .modul li a{
	text-decoration: underline;
	background-image:none;
	/*background-position:5px 7px;*/
	background-repeat:no-repeat;	
	color: #000000;
	display: block;
	width: 140px;
	background-color: #cccccc;
	/*padding: 4px 0 4px 10px;*/
	border-top: none;
	font-weight: normal;
        margin:0;
}

/*--------Artikelliste------------*/

.artikelliste {
	width: 100%;
	border: 0px solid #777777;
}

.artikelliste th {
	background-color: #FF6600;
	height: 25px;
	color: #FFFFFF;
}
.artikelliste td {
	height: 45px;
}

.row_0 {
	background-color: #DDDDDD;
}

.row_1 {
	background-color: #EEEEEE;
}

.list_text {
	width: auto;
	text-align: left;
}

.list_ampel {
	width: 15px;
	text-align: center
}

.list_preis {
	width: 80px;
	text-align: right;
	font-weight: bold;
}

.list_wkorb {
	width: 50px;
	text-align: center;
}

/*-----FOOTER----------------------------------------------------------*/
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.spname {
	text-align: left;	
}
.cena {text-align: left; font-size: 1.5em; margin-right:50px; margin-top: 10px;}

.cenaright {
	text-align: right;
        width:22%; margin:0;
}
.zbozi{width:78%}

.vmiddle{vertical-align: middle;}


/*----- Top-Offer ----------------------------------------------------------*/
.top-offer {
	background-color: transparent;
	width: 100%;
	height: 107px;
	margin-top: 0px;
	color: #FFFFFF;
	padding: 0 0 3px 0;
	font-weight: bold;
}

.top-offer-text {
	width: 175px;
	height: auto;
	font-weight: bold;
	background-color: #666666;
	color: #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
}

.top-offer-img {
	width: 70px;
	float: left;
}

.top-offer-daten {
	width: 90px;
	float: right;
	padding: 15px 4px 0 0;
}

.top-offer-preis {
	width: 90px;
	float: right;
	padding: 5px 4px 0 0;
}

.top-offer a {
	color: #FFFFFF;	
	text-decoration: none;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #FF6600;
	background-color: #CCC;
	font-size: 1.5em;
        padding: 5px;
	opacity: 0.9;
        background-color: #EEE;
        color: #FF6600;
}
#tooltip h3, #tooltip div { margin: 0; }

#tobasket{display:inline;}
#tobasket #qty {border:0; font-size: 1.5em; width:1em; }
legend {font-size:1.2em;
     background-image:url(../images/dreieck-weiss.gif);
	background-position:5px 7px;
	background-repeat:no-repeat;	
	color: #ffffff;
	display: block;
	
	background-color: #FF6600;
	padding: 4px 2px 4px 15px;
	border-top: 1px dotted #ffffff;
	font-weight: bold;}
fieldset {
        background-color:#e8e5e3;
        margin-top:10px;
        border: 1px solid #FF6600;
}
form .required
{
background-image:url(../images/required.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}
.errors  {color:red;list-style-type: none; font-size:0.8em; font-weight:bold;}
.order-info-succes{height:28px; background:#FFF url(../images/bg-order-succes-check.gif) no-repeat 15px 15px;font-size:13px;color:#009900;padding:12px 0 0 40px;margin:auto;margin-bottom:2px;border:1px solid green;}
.order-info-fail{height:28px; background:#FFF url(../images/bg-order-fail.gif) no-repeat 5px 10px;font-size:13px;color:#DD0000;padding:20px 0px 15px 45px;margin:auto;margin-bottom:2px;border:1px solid red;}

.order-info {height:28px; background:#FFF url(../images/information_green.gif) no-repeat 14px 12px;font-size:13px;color:#009900;padding:12px 0 0 40px;margin:auto;margin-bottom:2px;border:1px solid green;}

.arrows{position:relative; left:-220px; display:inline; font-size: 2em;}
.arrows span {border: 1px solid #FF6600;}

.button {display: inline-block;
	height: 34px;
	
	font-size: 11px; font-weight: bold;
	color: #FFF!important;
	text-align: center;
	
	padding: 0px 6px;
	line-height: 34px;
	
	background: url('../images/btn_addtocart_repeat.jpg') repeat-x;
	
	
	text-transform: uppercase;}

.uvod_text {margin-bottom: 5px;
				padding: 12px 5px;  
		background: url(../images/topmargin_offer.jpg) repeat-x	#FFF;
		
		border: 2px solid #ff6600;/*height: 230px;*/}
.uvod_text h1 strong{font-size: 1.1em; font-weight: normal;}
.uvod_text a, .description a {text-decoration:underline;}
.uvod_text a:hover, .description a:hover {text-decoration:none;}

.offerblock { 
				margin: 0px;
				/*padding: 0px 5px;*/
				}

.offer {float: left; width:194px; text-align:center; 
		background: #EEE; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */ 
		margin-right:3px; margin-left:3px;
		border: 1px solid #ff6600;height: 230px;
	   }
.offer h4 {margin-right: 5px;margin-left: 5px; height:40px;margin-top:10px; font-size:1.1em; margin-bottom:2px; padding-bottom: 0px;}
.offer:hover {border: 1px solid #ff8534;}
.offer p{color:#555;margin:0px 0px 5px 0px; padding:0px; font-size:0.8em ;}
.offer p.cena {font-weight:bold; font-size:1.1em ; text-align:center}

.offer img {
				border: 1px solid #ddd;
				
			}
.offer img.buy{border:none;}
#middle-center h3.breadcrumbs {font-size:11px;text-align:right;display:inline-block;margin-bottom: 10px;text-transform: uppercase;color:#666666;}
#middle-center h3.breadcrumbs a{text-decoration:underline;color:#333;}
#middle-center h3.breadcrumbs a:hover{text-decoration:none;}
#middle-center h3.breadcrumbs span { font-weight: bold; }


#middle-center .itemdetails table.qty_change {margin:0; padding:0;display:inline;}
#middle-center .itemdetails table.qty_change tr,.qty_change td{margin:0!important; padding:0!important;border:0!important}
#middle-center .itemdetails table.qty_change input.plus, input.minus {width: 10px !important;
			height: 10px !important;
			/*vertical-align: bottom;*/
                        margin: 0;
			padding: 0;border:0;
                        background-repeat: no-repeat;
                        
}
#middle-center .itemdetails table.qty_change input.plus {background-image: url(../images/plus.jpg);
                            }
#middle-center .itemdetails table.qty_change input.minus {background-image: url(../images/minus.jpg);}

label{margin-left: 5px;}

#vertical_scroller{height:220px; width:100%;position:relative;
		height:24px;
		width:500px;
		display:block;
		overflow:hidden;}
.p_image{width:453px;}

.links {float: left; width:189px; text-align:center; 
		background: #EEE; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */ 
		margin-right:3px; margin-left:3px;
		border: 1px solid #ff6600;height: 220px;
	   }
.links  h4 {margin-right: 5px;margin-left: 5px; height:20px;margin-top:20px; font-size:1.1em; margin-bottom:2px; padding-bottom: 0px;}
/*.links img {border: none;}   */
.slideshow { width:150px; height:150px; padding:0; margin:auto; }
.slide {  margin: 0; padding: 0; }
.links img { display:none; /*margin:auto;*/ border: 1px solid #ddd;}
.links img.first {display:block;}
.js .slide_hide{display:none;}

.itemdetail{font-size: 10px; color:#555;cellspacing:0;border-collapse:collapse;}
.itemdetail td {border-width: 0 0 1px 0; border-style: solid; border-color: #BBB;margin: 0;text-align: left;padding:3px;}


#news {
  min-height: 100px;
  
  }

#news ul li {
  margin-top: 0px;
  color: #424242;
  list-style: none outside;
}

#news ul li strong {
  display: block; color:#444;
}
span.datum, span.datum2 {
  color: inherit;
  font-size: 92%;
  width: 5em;
  padding-left: 15px;
  background: url(../images/ico-date.png) left center no-repeat;
}
span.datum {display:block}
span.datum2 {display:inline}

#news_main ul li {margin-bottom: 10px; border-bottom: 1px #888 dotted;}
#news_main strong {/*position:absolute;
                   left:390px;*/
                   padding-left: 5px;
                   font-weight: bold; 
                   color:#ff6a02;}

#news_main .popis {padding-left:55px; padding-right: 5px; margin:5px 0px;color:#777;}

.border{border: 1px #AAA solid;}
.doprava {margin-left: auto!important;
margin-right: auto!important;}
.doprava tr td {text-align:center;padding:0;}


/*  Vyskakovaci okno pro doobjednani */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:450px;  
width:1000px;  
background:#FFFFFF;  
border:2px solid #ff6600;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#666666;  
font-size:22px;  
font-weight:700;  
border-bottom:1px dotted #666666;  
padding-bottom:2px;  
margin-bottom:20px;  
background-image:none;
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#ff6600;  
font-weight:700;  
display:block;  
}  

.decline {text-align:center;}
.decline_button {}