body {background: #d1d1d1  repeat-x top left; margin: 0; padding: 0; 
font-family: verdana; color: #4b4b4b ; font-size: 70%;}

a {color: #f80706; text-decoration: none;}
a:hover {color: #f80706; font-weight: bold; text-decoration: underline;}
a img {border: none;}
hr.cleaner {visibility: hidden; clear: both; margin: 0; height: 1px;}

/* stranka - hlavni box (vnoreny kvuli pozadi) */
#page1 {width: 953px; background:  repeat-y top left; margin: 0 auto;}
#page2 {background:  no-repeat top left; padding: 21px 33px 0 33px;}

/* prouzek nad zahlavim */
#banner {background: #000  no-repeat top left; height: 173px;}
#banner img {float: right; display: block;}
#banner h1 {text-transform: uppercase; float: left; padding: 3px 0 0 115px; color: #fff; margin: 0; font-size: 0px; visibility: hidden;}

/* zahlavi */
#header {background:  no-repeat top left; height: 116px; position: relative; color: #fff;}
#header #car {position: absolute; right: 0; top: 0;}
#header h2 {position: absolute; left: 228px; top: 72px; color: #000; margin: 0; font-weight: normal; font-size: 100%;}
#header p {position: absolute; left: 486px; top: 17px; color: #f00; font-size: 115%; margin: 0;}
#header a {display: none;}

/* hlavni vodorovne menu */
#topmenu {background:  repeat-x top left; min-height: 40px; font-size: 90%; width: 100%;}
#topmenu ul {padding: 0; margin: 0; list-style: none;}
#topmenu li {float: left; margin: 6px; font-weight: bold;}
#topmenu span {float: left; min-height: 19px; display: block; background:  no-repeat right top;
padding: 5px 25px 0 25px;}
#topmenu a {float: left; display: block; background: #e20705  no-repeat left top; color: #fff;
text-transform: uppercase; text-decoration: none; }
#topmenu a:hover span, #topmenu a.active span {color: #737373;}
#topmenu a:hover, #topmenu a.active {color: #737373; background: #fff  no-repeat top left;}

/* hlavni box se sloupci */
#main {background: #fff; padding: 10px;}

/* levy sloupec */
#left {float: left; width: 160px; text-align: center;}

/* menu v levem sloupci */
#leftmenu {text-transform: uppercase; font-size: 90%; width: 154px; text-align: left;}
#leftmenu ul {padding: 0; margin: 0 0 15px 0; list-style: none; border: 2px solid #646464;}
#leftmenu li {border: 1px solid #fff; border-bottom: none;}
#leftmenu li.last {border: 1px solid #fff;}
#leftmenu a {background: #005fc8  no-repeat left top; color: #fff; display: block;
text-decoration: none;  padding: 4px 8px;}
#leftmenu a:hover, #leftmenu a.active { font-weight: bold;}

/* pravy sloupec */
#right {float: right; width: 160px; text-align: center;}

/* nakupni kosik */
#basket {width: 160px; height: 95px; background: #005fc8  no-repeat left top;
margin-bottom: 1em;}
#basket a {display: block; text-decoration: none; color: #fff; height: 100%;}
#basket span {display: block; text-align: center;}
#basket #head {font-size: 125%; font-weight: bold; padding: 12px 0 25px 0;}

/* nahledy produktu */
.item {width: 160px; background: #fff  no-repeat left top;  margin-bottom: 1em;}
.item a {display: block; text-decoration: none;}
.item span {display: block;}
.item .title {min-height: 20px; background: #94bce8  no-repeat left top; color: #fff;
font-size: 120%; padding-top: 2px;}
.item img {border: 1px solid #005fc8; margin: 10px 0 5px 0;}
.item .oldprice {color: #737373; font-weight: bold; text-decoration: line-through;}
.item .price {color: #f80706; font-weight: bold; padding-bottom: 10px;}

/* prostredni sloupec */
#center {float: left; width: 528px; margin-left: 10px;}
#center h2 {color: #f80706; margin: 0.2em 0 0.4em 0; padding: 0; font-size: 200%; font-weight: normal; }
#center h3 {color: #f80706; margin: 0.2em 0 0.8em; font-size: 120%; font-weight: bold; }
#center h4 {color: #f80706; margin: 0.2em 0 0.4em; font-size: 110%;}
#center p {margin: 0.4em 0 1.2em 0; line-height: 140%;}

#centerwide {float: left; width: 697px; margin-left: 10px;}
#centerwide h2 {color: #f80706; margin: 0.2em 0 0.4em 0; font-size: 200%; font-weight: normal;}
#centerwide h3 {color: #f80706; margin: 0.2em 0 0.8em; font-size: 130%;}
#centerwide h4 {color: #838383; margin: 0.2em 0 0.4em;}
#centerwide p {margin: 0.4em 0 1em 0;}
#centerwidecart {float: right;}

#centeruwide {float: left; width: 868px; margin-left: 0px;}
#centeruwide h2 {color: #f80706; margin: 0.2em 0 0.4em 0;  font-size: 200%; font-weight: normal;}
#centeruwide h3 {color: #f80706; margin: 0.2em 0 0.8em; font-size: 130%;}
#centeruwide h4 {color: #838383; margin: 0.2em 0 0.4em;}
#centeruwide p {margin: 0.4em 0 1em 0;}
#centeruwidecart {float: right; margin-left: 10px;}

/* formulare */
form {margin-bottom: 1em;}
input {border: 1px solid #f80706;}
option {border: 1px solid #f80706;}
fieldset {border: 1px solid #f80706; padding: 0.4em 0.8em; margin-top: 7px; margin-bottom: 8px; font-weight: normal;}
legend {color: #000; font-weight: bold;}

/* tabulka produktu */
#list {border-collapse: collapse; margin-bottom: 0em; width: 100%;}
#list th {color: #fff; background: #e40604  repeat-x bottom left; height: 15px; }
#list td {color: #737373; background: #f0f0f0; padding: 1px 1px; border: 1px solid #fff; }
#list tr.neven td {background: #e40604  repeat left top; }
#list tr.even td {background: #fff  repeat left top; }
#list td h1 {font-size: 70%; margin: 0;  color: #4b4b4b; font-weight: bold;}
#list td h3 {font-size: 70%; margin: 0; color: #red; font-weight: bold;}
#list td span {font-size: 100%; margin: 0; color: #e40604 ; font-weight: bold;;}
#list td div {font-size: 80%; margin: 0; font-weight: bold;}
#list td.info {text-align: center;}
#list td .old {color: #737373; font-weight: bold; text-decoration: line-through;}
#list td .actual {color: #f80706; font-weight: bold; padding-bottom: 10px;}

/* tabulka produktu doplnek */
#list1 {border-collapse: collapse; margin-bottom: 0em; width: 100%;}
#list1 th {color: #fff; background: #e40604  repeat-x bottom left; height: 15px; }
#list1 td {color: #737373; background: #f0f0f0; padding: 1px 2px; border: 1px solid #fff; }
#list1 tr.neven td {background: #e40604  repeat left top; }
#list1 tr.even td {background: #fff  repeat left top; }
#list1 td h1 {font-size: 70%; margin: 0;  color: #4b4b4b; font-weight: bold;}
#list1 td h3 {font-size: 70%; margin: 0; color: #red; font-weight: bold;}
#list1 td span {font-size: 100%; margin: 0; color: #e40604 ; font-weight: bold;;}
#list1 td div {font-size: 80%; margin: 0; font-weight: bold;}
#list1 td.info {text-align: center;}
#list1 td .old {color: #737373; font-weight: bold; text-decoration: line-through;}
#list1 td .actual {color: #f80706; font-weight: bold; padding-bottom: 10px;}

/* tabulka vyfuku */
#vyfuk {border-collapse: collapse;  margin-bottom: 1em; width: 100%;}
#vyfuk th {color: #fff; background: #e40604  repeat-x bottom left; height: 31px;}
#vyfuk td {color: #737373; background: #f0f0f0; padding: 4px 8px; border: 1px solid #fff;}
#vyfuk tr.neven td {background: #e40604  repeat left top; }
#vyfuk tr.even td {background: #fff  repeat left top;}
#vyfuk td h3 {font-size: 100%; margin: 0; color: #737373 !important;}
#vyfuk td.info {text-align: center;}
#vyfuk td .old {color: #737373; font-weight: bold; text-decoration: line-through;}
#vyfuk td .actual {color: #f80706; font-weight: bold; padding-bottom: 10px;}
#vyfuk td img {	border: 1px solid #000000; background: #f0f0f0;}

/* navigae mezi strankami vypisu */
#pagenav {text-align: center; color: #e40604; padding-top: 5px; height: 1.2em; }
#pagenav a {color: #e40604;}
#pagenav a:hover {text-decoration: none;}
#pagenav a.active {font-weight: bold; text-decoration: none}
#pagenav .prev {float: left;}
#pagenav .next {float: right;}

/* zapati */
#footer {color: #fff; background: #f80706  no-repeat top left; margin: 0 -33px; height: 55px;
padding: 8px 42px 0 42px; font-size: 85%;}
#footer #copy {float: left;}
#footer #links {float: right;}
#footer a {color: #fff; }
#footer a:hover {text-decoration: none;}

/* vybery */
#vyberymenu {position: relative;}
#vyberymenu li {padding: 0; margin: 0; list-style: none; margin: 5px; font-weight: bold;font-size:10px;}
#vyberymenu a {color: red; text-decoration: bold}
#vyberymenu a:hover {text-decoration: underline;}
#vyberymenu a.active {font-weight: bold; text-decoration: none}

.vyrobce {width: 170px; height: 170px; overflow: hidden; position: absolute; top: 20px; left: 300px; border: 0px solid gray;}

.red {color: red;}
.quantity {width: 20px; height: 19px; margin: 0px; padding: 0; }
.koupit {background:  border: 0; width: 83px; height: 21px; margin: 0; padding: 0; }

/* checkout */
#checkout textarea {border: 1px solid #f80706; width: 475px; height: 70px;}
#checkout ul {margin-left: 20px; padding: 0;}
#checkout li {list-style: none; margin-left: 0px;}
#checkout div {margin: 5px 10px 5px 10px;}
#checkout p {margin: 5px; margin-left: 20px;}
#checkout input {width: 225px;}
#checkout .delivery input {width: 20px; margin-right: 7px; margin-top: 2px;}


/* dotaznik - home */
#dotaznik td {font-weight: bold;}
#dotaznik textarea {border: 1px solid #f80706; width: 370px; height: 70px;}
#dotaznik ul {margin-left: 20px; padding: 0;}
#dotaznik li {list-style: none; margin-left: 0px;}
#dotaznik div {margin: 5px 10px 5px 10px;}
#dotaznik p {margin: 5px; margin-left: 20px;}
#dotaznik input {width: 250px;}
#dotaznik select {border: 1px solid #f80706;}
#dotaznik option {border: 1px solid #f80706;}
#dotaznik .delivery input {width: 20px; margin-right: 7px; margin-top: 2px; border: 0px}

/* bannery */

#bannery p {line-height: 140%;}

/* obrazky*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:  left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:  right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.img2 {
	border:  1px solid #818181;
	vertical-align:middle;
      }