@charset "iso-8859-2";
/* CSS Document */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;}
h1 { color: #c60; font-weight: normal;}
h1.orange {  color: #C60; font-size: 14px; font-weight: bold; font-family: "Verdana";}
h2 {  color: #C60; font-size: 14px; font-weight: bold; font-family: "Verdana";}
h3 { font-weight: bold; margin: 2px 0px 0px 0px; font-size: 14px; padding: 5px;}
h3.orange { background-color: #fff; font-weight: bold; margin: 2px 0px 0px 0px; color: #C60; font-size: 14px; padding: 5px;}
a { color:#003399;}
a:hover { color: #003399;}
img.thumbnail {border:none; margin:auto;}

.pageblock {width: 100%; margin:auto;}
.hlavicka {width: 100%; margin:auto;}
.hlavicka1, .hlavicka2, .hlavicka3 {width:33%; float:left; margin:auto;}
.obrhlavicka {margin:auto; text-align:center;}
.logo {width: 100%;}
.menu {margin:auto; text-align:center; width:326px;}
.home {float:left;}
.katalog {float:left;}
.onas {float:left;}
.pomoc {float:left;}
.kontakt {float:left;}
.type_4 {float:left;}

/* -- FOLDERS -- */
.folders { border-left: 1px solid #000066; border-right: 1px solid #000066; margin: 0px;}
ul.product_folder_1 { margin: 0px 0px 0px 5px;}
li.product_folder_1 { list-style: outside none; margin-left: -20px; list-style-type: none;}
a.product_folder_1 { color: #003399; font-weight: bold; text-decoration: none;}
a.product_folder_1:hover { text-decoration: underline;}

ul.product_folder_2 { margin: 0px 0px 0px 5px;}
li.product_folder_2 { margin-left: -25px; list-style-type: none;}
a.product_folder_2 { color: #003399; text-decoration: none;}
a.product_folder_2:hover { text-decoration: underline;}

div.product_images { width: 150px; float: left; text-align: center; margin: 10px;}

.hladaj {width:100%; height:2em; margin:auto; background-color:#336699; text-align:center; padding-top:2px;}
.button1 { font-size: 11px; font-style: normal; line-height: normal; font-weight: bold;	font-variant: normal; text-transform: none;
	color: #000000;	text-decoration: none; background-color: #CCCCCC; border: 2px outset #999999;}
.input1 { font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none;
	color: #CC3300;	text-decoration: none; border: 1px solid #000000; top: 5px; bottom: 5px; padding: 3px;}
	
#leftcolumn{float: left; width: 160px; /*Width of left column*/ margin-left: -100%; margin-top:10px;}
#leftcolumn h1 { background-color: #fff; font-weight: bold; margin: 2px 0px 0px 0px; color: #C60; font-size: 14px; padding: 5px;}
.menuhlavicka { background: url(../img/category.gif) no-repeat; height:3em; margin:auto;}
.menutelo { width: 138px; border: 1px solid #333333; border-bottom:none; border-top:none; padding:5px;}
.menupata { background:url(../img/cat_down.gif) no-repeat; height:1em;}
.oknolave{ width:138px;border: 1px solid #cccccc; margin-bottom:5px; padding:5px;}

#contentwrapper{float: left; width: 100%;}
#contentcolumn{margin: 0 170px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
.navigacia {width: 100%; margin-top:10px;}
.banner{text-align:center;}
.banner2 {text-align:center; margin:10px 0px; border-top:2px solid #000000; padding-top:5px;}
.topky {width: 100%; margin: 5px;}
.top{ border: 1px solid #0000FF; width:200px; height:200px; float:left; margin:10px;}
.tovar { width: 100%; margin:5px;}
.obr { float:left; margin:5px; width:20%;}
.popis{float: left; margin:5px; width:75%;}
.oknostred{ width:100%; margin:auto; border:1px solid #cccccc; border-bottom:none; background: #E0E0E0; padding:3px; }

#rightcolumn{float: left; width: 160px; /*Width of right column*/ margin-left: -160px; /*Set left marginto -(RightColumnWidth)*/ margin-top:10px; }
#rightcolumn h1 {font-weight: bold; margin: 2px 0px 0px 0px; font-size: 14px; padding: 5px; color:#000000;}
.oknoprave1 { width:156px; margin:auto; border:1px solid #cccccc; border-bottom:none; background: #E0E0E0; padding:3px;}
.oknoprave2 { width:156px; margin:auto; border:1px solid #cccccc; border-top:none; margin-bottom:5px; padding:3px;}

.pata {width:100%;}
.footmenu {width:100%; text-align:center; margin-top:10px;}
.foot{color: #000000; text-align:center;}
.foot2{color: #000000; text-align:center; font-size:8pt;}
.kontakt1{width:45%; float:left;}
.kontakt2{width:45%; float:left;}
.produktdetail{width:100%;}
.cenovky {width:40%; float:left;}
.ceny {width:30%; float:left;}
/* -- PRICE -- */
.product_old_price_title { font-size: 10pt; color: #aaa;}
.product_old_price { font-size: 10pt; font-weight: bold; color: #aaa; text-decoration: line-through;}
.product_price_title { font-size: 10pt; color: #000; }
.product_price { font-size: 10pt; font-weight: bold; color: #000;}
.product_save_price_title { font-size: 10pt; color: #090;}
.product_save_price { font-size: 10pt; font-weight: bold; color: #090;}

.poslednepridane { width:100%; padding:3px;}
.poslednepridanetovar { width:60%; float:left;}
.poslednepridanecena { width:25%; float:left; text-align:right;}
.oznac{width:10%; float:left; text-align:right;}

label { float:left; width:20em;}
input {width:200px;}
input.button1 {width:auto;}
label.kontakt { float:left; width:10em;}
input.mailinglist {width:150px;}
input.mnozstvo {width:3em; color:#CC0000; font-weight:bold;}
.tabulkahlavicka {color:#FFFFFF; font-weight:bolder;}
.sumacelkom {color:#CC0000; font-weight:bolder;}
.tabulka {width: auto; border-bottom: 1px solid #999999;}