html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	padding-bottom: 40px;
	background: #fff url(img/design/bg.gif) repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/* ------------------------------------------- Vseobecne ------------------------------------------- */
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

h3 {
	font-size: 14px;
}
h2 {
	margin: 0px;
	padding: 3px 5px 3px 5px;
	font-size: 12px;
	font-weight: normal;
}

.endfloat {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
a img { 
	border: none; 
}
a.active {
	text-decoration: underline; 
}
form, 
input, 
p {
	margin: 0px;
	padding: 0px;
}
table { 
	margin: 0px; 
	padding: 0px; 
}
.vpravo {
	text-align: right; 
}
input,
textarea {
	padding-left: 3px; 
	padding-right: 3px; 
}
a { 
	color: #44473b; 
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}
a.img-border img { 
	border: 1px #f6f6f6 solid; 
}
textarea.px314 {
	width: 314px;
	height: 80px;
}
td.left {
	text-align: right;
}

li {

}
/* ------------------------------------------- (Vseobecne) ------------------------------------------- */
/* ------------------------------------------- Ikonky ------------------------------------------- */
.ico_warning {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 24px;
	background: url(img/ikonky/ico_warning.png) no-repeat;
}
* html .ico_warning {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_warning.png", sizingMethod="image"); 
}
.ico_info {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 27px;
	background: url(img/ikonky/ico_info.png) no-repeat;
}
* html .ico_info {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_info.png", sizingMethod="image"); 
}
.ico_ok {
	display: block;
	float: left;
	margin-right: 3px;
	overflow: hidden;
	width: 27px;
	height: 27px;
	background: url(img/ikonky/ico_ok.png) no-repeat;
}
* html .ico_ok {	
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/ikonky/ico_ok.png", sizingMethod="image"); 
}
/* ------------------------------------------- (Ikonky) ------------------------------------------- */
/* ------------------------------------------- Hlasky ------------------------------------------- */
.hlaska {

color:#000000;
display:block;
height:40px;
line-height:18px;
margin:5px 0;
padding:3px 10px 3px 28px;
position:relative;
text-align:left;
width:100%;
}
.hlaska.error {
	color: red;
}
.hlaska span{
	display: block;
	width: 16px;
	height: 16px;
}
.hlaska .ico_warning {
	background: url(img/ikonky/bg_warning.gif) no-repeat 0px center; 
}
.hlaska .ico_info { 
	background: url(img/ikonky/bg_info.gif) no-repeat 0px center; 
}
.hlaska .ico_ok{
	background: url(img/ikonky/bg_ok.gif) no-repeat 0px center;
}
.hlaska a {
	color: #000;
	text-decoration: underline;
}
.hlaska a:hover {
	text-decoration: none;
}
.hlaska.error a {
	color: #000;
}




p.info {
background:transparent url(modul/all4shop/img/info.gif) no-repeat scroll 6px 50%;
line-height: 40px;
}

.zlava {
	padding: 10px;
}

.postovne-zdarma {
	display: block; 
	width: 111px; 
	height: 16px; 
	position: relative; 
	top: -2px; 
	float: right; 
	font-weight: bold; 
	padding-left: 6px; 
	padding-top: 2px; 
	color: #ffffff; 
	background: url(img/design/postovne-zadarmo.gif) no-repeat;
}
/* ------------------------------------------- (Hlasky) ------------------------------------------- */
/* ---------------------------------- Vyhladavanie --------------------------------------------- */
div#vyhladavanie {
	position: absolute;
	top: 52px;
	right: 240px;
	z-index: 998;
}
div#vyhladavanie form { 
	display: inline; 
}

div#vyhladavanie span {
	float: left;
	display: block;
	padding: 7px 0px 0px 10px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}

div#vyhladavanie input.textbox {
	float: left;
	width: 124px;
	height: 20px;
	padding-left: 5px;
	padding-top: 3px;
	background: url(img/design/searchBg.gif) no-repeat;
	color: #000;
	border: none;	
}

div#vyhladavanie input.button {	
	float: left;
	position: relative;
	width: 24px;
	height: 20px;
	border: none;
	background: url(img/design/searchButtonBg.gif) no-repeat;
	cursor: pointer;
}
div#vyhladavanie input.button.active {
	background: url(img/design/searchButtonActBg.gif);
}
div#vyhladavanie select{
	display: none;
	position: absolute;
	width: 280px;
	left: 2px;
	top: 19px;
	z-index: 999;
	border: 1px solid #D2D8DB;
}
/* ---------------------------------- (Vyhladavanie) --------------------------------------------- */


/* ---------------------------------- Kosik --------------------------------------------- */

#nakupny_kosik {
	position: absolute;
	height: 15px;
	top: 55px;
	right: 0;
}

#nakupny_kosik a {
	color: #059fcf;
	background: url(img/design/kosikBg.gif) no-repeat;
	padding-left: 20px;
}
	
	
table.kosik {
	font-size: 11px;
	width: 735px;
	border-collapse: collapse;
	color: #444;
}

table.kosik th { 
	padding: 5px;
	text-align: right; 
	border-bottom: 1px #E3E3E3 solid;
	background-color: #F6F6F6;
}
table.kosik td {
	border-bottom: 1px #E3E3E3 solid;
	padding: 5px;
	text-align: right;
}
table.kosik a { 
	color: #44473b;  
	text-decoration: underline; 
}
table.kosik a:hover { 
	color: #0d84b6;  
	text-decoration: none; 
}
table.kosik a.bezciarky { 
	text-decoration: none; 
}
table.kosik input.novypocet { 
	width: 20px;
	border: 1px #404040 solid;
	padding-left: 2px;
	font-size: 10px;
}
div#all4shop-kosik {
	font-size: 11px;
	padding-bottom: 20px;
}
div#all4shop-kosik input.text {
	border: 1px #999999 solid;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}
span.ikonkaKosik {
	display: block;
	position: absolute;
	top: 12px;
	right: 12px;
	width: 12px;
	height: 11px;
	background: url(img/design/kosik.gif) no-repeat;
}

/* -------------------------------------- Taby --------------------------------- */
.tabPlusTabula {
	position: relative;
	margin: 24px 10px 0px 10px;
}
.tabPlusTabula ul.tab {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 26px;
	background: url(img/design/tabPlusTabula-ul-bg.gif) 50% 100% no-repeat;
}
.tabPlusTabula ul.tab,
.tabPlusTabula ul.tab li {
	margin: 0px;
	padding: 0px;
}
.tabPlusTabula ul.tab li {
	display: block;
	float: left;
}
.tabPlusTabula ul.tab li a {
	display: block;
	padding: 4px 20px 4px 20px;
	border: 1px solid #DFDFDF;
	border-bottom: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
}
.tabPlusTabula ul.tab li.tab a {
	margin-top: 4px;
	padding: 3px 20px 4px 20px;
	color: #929292;
	background-color: #E9E9E9;
	background-image: url(img/design/tab-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #DFDFDF;
	text-align: center;
}
.tabPlusTabula ul.tab li.tab a:hover {
	background-position: 0px -21px;
	color: #525252;
}
.tabPlusTabula ul.tab li.tab_h a {
	margin-top: 0px;
	padding: 6px 20px 6px 20px;
	color: #525252;
	background: #f6f6f6 url(img/design/tab_h-bg.gif) repeat-x;
	border-right: 1px solid #DFDFDF;
	font-weight: bold;
}
.tabPlusTabula ul.tab li span {
	display: block;
	visibility: hidden;
	padding: 0px 20px;
	font-weight: bold;
	font-size: 11px;
	margin-top: -20px;
}
.tabulaObsahStyle {
	margin-top: -2px;
	padding: 25px 15px 25px 15px; 
	background: #F9F9F9;
	border: 1px #DFDFDF solid;
	border-top: none;
}
/* -------------------------------------- (Taby) --------------------------------- */
/* ---------------------------------- (Kosik) --------------------------------------------- */


/* ---------------------------------- Prihlasenie --------------------------------------------- */
div#pravy-stlpec div#moje-menu { 
	padding: 13px 0px 13px 16px; 
	color: #6B6B6B;
	font-size: 11px;
}

div#moje-menu a {
	color: #000000;
	font-size: 11px;
	margin-left: 4px;
}
div#moje-menu form.all4shop-odhlasenie button {
	font-size: 11px; 
	border: none;
	color: #000;
	cursor: pointer;
	background-color: #E4E6E5;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
div#moje-menu form.all4shop-odhlasenie button:hover span { 
	text-decoration: underline;
}
div#moje-menu a.active { 
	text-decoration: underline; 
}
div#moje-menu img {
	position: relative;
	top: 2px;
}
div#pravy-stlpec div#moje-menu table { 
	border-collapse: collapse; 
}
div#pravy-stlpec div.obsah {
	text-align: justify;
	width: 166px;
	font-size: 11px;
	padding: 13px 16px 13px 16px;
}
div#pravy-stlpec input.textbox {
	width: 120px;
	height: 14px;
	line-height: 14px;
	padding:3px 5px 2px 5px ;
	font-size: 10px;
	background-color: #F6F6F6;
	font-size: 11px;
}
textarea {
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #222;
}

select.select {
	font-size: 12px;
}
input.textboxSmall {
	width: 40px;
	height: 14px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #D2D2D2;
	font-size: 12px;
	background-color: #fff;
	color: #222;
}
input.textbox {
	width: 120px;
	height: 14px;
	line-height: 14px;
	background: #F6F6F6 url(img/design/inputTextBg.gif) repeat-x;
	font-size: 11px;
	color: #222;
}


input.button {
	padding: 2px 4px 2px 4px;
	border: none;
	font-size: 12px;
	background-color: #e2e8ed;
	border: 1px solid #0079ad;
	cursor: pointer;
}
input.button.active {
	color: #fff;
	background-color: #df1800;
	border: 1px solid #df1800;
	
}


table.prihlasenie td.popisok {
	text-align: right;
}
/* ---------------------------------- (Prihlasenie) --------------------------------------------- */
/* ---------------------------------- nastavenie vypisu --------------------------------------------- */
div.nastavenie-vypisu {
	position: relative;
	height: 28px;
	line-height: 28px;
	padding: 0px 20px;
	background: url(img/design/produktMenu.gif) no-repeat;
	font-size: 11px;
	text-align: right;
	margin-bottom: 10px;
}
.nastavenie-vypisu div.left{
	float: left;
	text-align: left;
}
.nastavenie-vypisu div.left .text{
	margin-top: 10px;
	color: #999;
}
.nastavenie-vypisu img {
	display: inline;
}
.nastavenie-vypisu a {
	text-decoration: underline;
	color: #0799c8;
}
.nastavenie-vypisu a:hover {
	text-decoration: none;
	color: red;
}
.nastavenie-vypisu a.active {
	font-weight: bold;
	text-decoration: none;
}
.nastavenie-vypisu a.active:hover {
	text-decoration: underline;
}
.nastavenie-vypisu .label {
	display: block;
	float: left;
	padding-right: 5px
}
.nastavenie-vypisu .separ {
	float: left;
}
.nastavenie-vypisu .sepa {
	padding-right: 4px;
	border-left: 1px solid #fff;
}
.nastavenie-vypisu a.zobraz-obrazok {
	float: left;
	padding-left: 12px;
	margin-right: 5px;
	background: url(img/design/vypisPic.gif) 0 50% no-repeat;
}
.nastavenie-vypisu a.zobraz-tabulku {
	float: left;
	padding-left: 12px;
	background: url(img/design/vypisTab.gif) 0 50% no-repeat;
}
.nastavenie-vypisu a.sipka-hore {
	width: 10px;
	height: 10px;
}
.nastavenie-vypisu a.sipka-dole {
	width: 10px;
	height: 10px;
	background: #6B6B6B;
}
/* ---------------------------------- (Nastavenie vypisu) --------------------------------------------- */
/* ---------------------------------- ramik --------------------------------------------- */
div.ramik {
	width: 100%;
	padding: 10px 0;
	text-align: justify;
}
div.ramik a {
	color: #059FCF;
}
/* ---------------------------------- (ramik) --------------------------------------------- */
div.text-kategorie {
	color: #555;
	text-align: justify;
	padding: 0px 15px 15px 15px;
}
div#registracny-formular p.hlaska { 
	margin-top: 0px; margin-bottom: 0px; 
}
/* ---------------------------------- registracny form --------------------------------------------- */
div#registracny-formular { 
	font-size: 11px;
}
div#registracny-formular table td { 
	vertical-align: top; color: #222; 
}
div#registracny-formular table td.vpravo { 
	vertical-align: middle; color: #222; 
}
div#registracny-formular table td input#cbUserType1 { 
	border: none; 
}
div#registracny-formular table td input#cbUserType2 { 
	border: none; 
}
/* ---------------------------------- (registracny form) --------------------------------------------- */
/* ---------------------------------- strankovanie --------------------------------------------- */
div.strankovanie { 
	clear: both;
	line-height: 16px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: right;
	background: #e9edf1;
}
div.strankovanie.after { 
	padding-top: 12px;
	padding-bottom: 20px;
	margin: 10px 0; 
}
div.strankovanie form {
	float: left;
	color: #666;
	padding-left: 15px;
}
div.strankovanie form select {
	font-size: 11px;
}
div.strankovanie a {
	display: block;
	float: left;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 15px;
	color: #000;
	background: #eceef2;
}
div.strankovanie a:hover {
	background: #c8ced5;
}
div.strankovanie a.aktivna {
	background: #ea3d00;
	color: #fff;
}
.strankovanie .paging {
	float: right;
	line-height: 25px;
}
.strankovanie .next-dot,
.strankovanie .prev-dot {
	float: left;
}
/* ---------------------------------- (strankovanie) --------------------------------------------- */
/* ---------------------------------- charakteristiky --------------------------------------------- */
table.charakteristiky {
	width: 308px;
	border: none;
	border-collapse: collapse;
	margin: 15px;
	padding: 0px;
}
table.charakteristiky h3 {
	margin: 12px 0px 6px 0px;
	padding: 3px 5px 3px 5px;
	background: #D6D6D6;
	border-top: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
	font-size: 12px;
	color: #222;
}
table.charakteristiky td {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
table.charakteristiky td.vpravo { 
	text-align: left; 
	padding: 2px 5px 2px 5px; 
}
table.charakteristiky td.tucne { 
	width: 25%;
	font-weight: bold; 
	padding: 2px 5px 2px 5px; 
}
/* ---------------------------------- (charakteristiky) --------------------------------------------- */
/* ------------------------------- zlozky kategorii ---------------------------- */
div.kategoriaVypisNahlady {
	float: left;
	position: relative;
	width: 145px;
	height: 150px;
	margin: 7px 7px 7px 10px;
	_margin: 7px 5px 7px 9px;
}
div.kategoriaVypisNahlady a.obr {
	position: absolute;
	top: 2px;
	left: 2px;
}
div.kategoriaVypisNahlady span.obrazokObal {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 145px;
	height: 91px;
	background: url(img/design/kategoriaObrazokBg.png) no-repeat;
}
*html div.kategoriaVypisNahlady span.obrazokObal {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kategoriaObrazokBg.png", sizingMethod="image");
}
div.kategoriaVypisNahlady span.obrazokObal.hover {
	background: url(img/design/kategoriaObrazokBgHover.png) no-repeat;
	cursor: pointer;
}
*html div.kategoriaVypisNahlady span.obrazokObal.hover {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/kategoriaObrazokBgHover.png", sizingMethod="image");
}
div.kategoriaVypisNahlady span {
	position: absolute;
	top: 96px;
	left: 8px;
	display: block;
}
div.kategoriaVypisNahlady span.pocetProdukt {
	top: 130px;
}
/* ------------------------------- (zlozky kategorii) ---------------------------- */
/* ----------------------------------------- Formulare -------------------------------------- */
.formular {
	position: relative;
	/*width: 100%;*/
	margin: 20px;
	font-size: 11px;
}
.formular table {
	border-spacing: 6px;
}
.formular td {
	padding-left: 2px;
}
.formular td.polozka_nazov {
	width: 20%;
	line-height: 22px;
	padding-right: 2px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}
.formular td.polozka_nazov.captcha {
	height: 40px;
	line-height: 40px;
}
.formular .item_wrap {
	padding-top: 2px;
	line-height: 18px;
}
.formular .hlaska {
	width: 82%;
	margin: 0px auto;
	margin-bottom: 8px;
}
.formular .title {
	float: left;
	position: relative;
	z-index: 11;
	height: 40px;
	line-height: 40px;
	margin-bottom: -1px;
	padding: 0px 12px 0px 12px;
	font-size: 14px;
	font-weight: bold;
	background: #e7e7e6 url(img/design/form_title_bg.gif) repeat-x;
	border-top:  #FFDBD4 1px solid;
	border-right: 1px solid #ddd;
}
.formular .wrap {
	clear: both;
	position: relative;
	z-index: 10;
	width: 100%;
	padding: 20px 0px;
	background: #e7e7e6 url(img/design/form_bg.gif) repeat-x;
	border-top: #FFDBD4 1px solid;
	border-right: 1px solid #ddd;
}
.formular .note {
	font-size: 11px;
	color: #444;
}
.formular select,
.formular textarea,
.formular .textbox {
	width: 300px;
}
.formular a.novy_kod {
	display: block;
	float: left;
	margin-top: 7px;
	margin-left: 6px;
	text-decoration: none;
	color: #444;
	font-size: 11px;
}
.formular.za{
	width: 100%;
	margin: 20px 0px;
}
.formular .hlaska{
	width: auto;
	margin-left: 15px;
	margin-right: 15px;
}
.formular {
	
}
.formular legend {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.formular fieldset {
	border: 4px solid #eee;
}
.formular .form-wrapper {
	padding: 12px;
}
.formular table td.left {
	width: 35%;
}
.formular a {
	font-size: 11px;
}
/* ------------------ Registracny ------------------*/
.formular.registracny {
	/*width: 98%;*/
	padding: 20px 0px;
	background: #fdfaec url(img/design/form_bg.gif) repeat-x;
	border:  #feceeb 1px solid;
	border-right: #C2D0D4 1px solid ;
	border-bottom: #C2D0D4 1px solid ;
}
.formular .required,
.formular.registracny .required {
	border-left: #da0f44 4px solid ;
}
.formular.registracny td {
	border-left: #FDFAEC 4px solid ;
}
.formular.registracny .polozka_nazov {
	width: 200px;
}
.formular.registracny select,
.formular.registracny textarea,
.formular.registracny .textbox {
	width: 180px;
}
/* ------------------ (Registracny) ------------------*/
/* ---------------------------------------- (Formulare) -----------------------------------*/



/* ---------------------------------------- Obal -----------------------------------*/
div#obal {
	width: 930px;
	margin: 0 auto;
}
/* ---------------------------------------- Hlavicka -----------------------------------*/

div#hlavicka {
	position: relative;
	height: 95px;
	color: #059fcf;
	z-index: 90;
}
div#obsah div.flash{
	margin: 8px 0px;
	height: 195px;
	overflow: hidden;
}
div#hlavicka a.logoklik {
	position: absolute;
	top: 45px;
	width: 125px;
	height: 46px;
	background: url(img/design/logo.png) no-repeat;
}

*html div#hlavicka a.logoklik {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/logo.png", sizingMethod="image");
}

/* ---------------------------------------- Prihlasovanie Register -----------------------------------*/
div#hlavicka div#registracia {
	position: absolute;
	right: 0px;
	top: 25px;
}

div#registracia a {
	color: #059fcf;
	text-decoration: underline;
}

div#registracia a:hover {
	color: #48505a;
   text-decoration: underline;
}

div#registracia ul li {
	overflow: hidden;
	float: left;
	padding: 0 5px;
}

/* ---------------------------------------- (Prihlasovanie Register) -----------------------------------*/
/* ---------------------------------------- (Hlavicka) -----------------------------------*/

/* ---------------------------------------- Hlavne menu -----------------------------------*/
div#hlavneMenu {
	width: 930px;
	height: 40px;
	line-height: 40px;
	background: url(img/design/menuMainBg.gif) no-repeat;
}
div#hlavneMenu ul {
	padding: 0;
}
div#hlavneMenu ul li {
	float: left;
	display: block;
	margin-right: 1px;
	position: relative;
	height: 40px;
}
div#hlavneMenu ul li a {
	height: 40px;
	display: block;
	float: left;
	cursor: pointer;
}
div#hlavneMenu ul li a span {
	display: block;
	float: left;
	color: #464e58;	
	height: 40px;
	line-height: 40px;
}

/* -------- normal --------- */
div#hlavneMenu ul li a span.stred {
	padding: 0 5px;
}
div#hlavneMenu ul li a span.lavy {
	width: 5px;
	background: url(img/design/menuLeftBgNormal.gif) no-repeat;
}
div#hlavneMenu ul li a span.pravy {
	width: 5px;
	background: url(img/design/menuRightBgNormal.gif) no-repeat;	
}
/* -------- normal --------- */

/* -------- hover --------- */
div#hlavneMenu ul li a:hover{
	text-decoration: none;
}
div#hlavneMenu ul li a:hover span,div#hlavneMenu ul li a.aktivna span{
	color: #fff;
}
div#hlavneMenu ul li a:hover span.stred {
	background: url(img/design/menuH.gif);
}
div#hlavneMenu ul li a:hover span.lavy {
	background: url(img/design/menuLeftH.gif);
}
div#hlavneMenu ul li a:hover span.pravy {
	background: url(img/design/menuRightH.gif);
}
/* -------- hover --------- */

/* -------- active --------- */
div#hlavneMenu ul li a.aktivna span.stred {
	background: url(img/design/menuHover.gif);
}
div#hlavneMenu ul li a.aktivna span.lavy {
	background: url(img/design/menuLeftBg.gif);
}
div#hlavneMenu ul li a.aktivna span.pravy {
	background: url(img/design/menuRightBg.gif);
}
/* -------- active --------- */
div#hlavneMenu ul li.end {
	width: 5px;
	background: url(img/design/menuLeftBgNormal.gif) no-repeat;
}

/* ---------------------------------------- (Hlavne menu) -----------------------------------*/

/* ---------------------------------------- Obsah -----------------------------------*/

div#obsah {
	width: 931px;
}
/* ---------------------------------------- Banner -----------------------------------*/
div#banner {
	/*height: 202px;*/
	padding-top: 12px;
}
img.banner {
	margin: 5px 0;
}
/* ---------------------------------------- (Banner) -----------------------------------*/

/* ---------------------------------------- Lavy-stlpec -----------------------------------*/
div#lavy-stlpec {
	float: left;
	overflow: hidden;
	width: 190px;
	
}

div#lavy-stlpec h2, div#pravy-stlpec h2 {
	position: relative;
	height: 36px;
	line-height: 33px;
	padding-top: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	color: #fff;
	font-weight: bold;
 	background: url(img/design/lavy-stlpecH2.gif) no-repeat;
	overflow: hidden;
}


/* ---------------------------------------- stlpecbox -----------------------------------*/
.stlpecBox {
	position: relative;
	overflow: hidden;
	width: 182px;
	
	background-color: #e6ebef;
}
.stlpecBox ul {
	list-style: none;
	list-style-position: outside;
	padding: 0;
	margin: 0
} 
.stlpecBox ul li a {
	display: block;
	padding-left: 20px;
}

.stlpecBox .bg {
	height: 18px;
	background: url(img/design/stlpecboxSpodok.gif) no-repeat;
}



/* ---------------------------------------- kategorie -----------------------------------*/
.stlpecBox.kategorie ul li.ciarka {
	height: 0;
	font-size: 0;

}

.stlpecBox.kategorie ul li a {
	padding: 4px 0 4px 20px;
}
.stlpecBox.kategorie ul li.hlbsie {
	background-color: #F3F7FB;
}

.stlpecBox.kategorie ul li.hlbsie a {
	padding: 4px 0 4px 40px;
}



.stlpecBox.kategorie ul li a.aktivna
  {
	display: block;
	color: #007dab;
	background: #c2cad2;	
}

.stlpecBox.kategorie ul li a:hover {
	background: #4a5766;
	color: #fff;
	text-decoration: none;
}

/* ---------------------------------------- (kategorie) -----------------------------------*/

/* ---------------------------------- Anketa--------------------------------------------- */

.anketa .box{

	padding: 15px;
	width: 155px;
	text-align: left;

}

.anketa .otazka {
	position:relative;
	z-index:50;
	margin-bottom:10px;
}



.anketa a.odkaz {
	display: block;
	float: left;
	padding-bottom: 2px;
	padding-left: 15px;
	color: #000;
	background: url(img/design/anketa-bg.gif) no-repeat;
}

.anketa a.graf {
	float:left;
	position:relative;
	display:block;
	overflow:hidden;
	width: 165px;
	height: 7px;
	margin-bottom:4px;
	background:  url(img/design/anketaBg.gif) no-repeat;
}

.anketa span.bar{	
	float: left;
	height: 10px;
	background:  url(img/design/anketa.gif) no-repeat;
}

.anketa span.perc{	
	display: none;
	position: relative;
	left: 3px;
	top: -5px;
	font-size: 11px;

}

.anketa .odkaz:hover{
	text-decoration:underline;
}

.anketa .odkaz{
	color :#015b79;
	text-decoration: none;
}

.anketa .detaily {
	position: relative;
	padding-top: 12px;
}

/* ----------------------------------(Anketa)--------------------------------------------- */

/* ----------------------------------newsletter--------------------------------------------- */
#newsletter {
	width: 153px;
	background: url(img/design/mailingInputBg.gif) 10px 55px no-repeat;
}

#newsletter {
	padding-left: 15px;
}

#newsletter .nadpis {
	line-height: 15px;
	margin-bottom: 15px;
}



#newsletter input.textbox {
	width: 153px;
	height: 24px;
	padding-top: 3px;
	background: none transparent;
	border: none;
}


.newsletter form input.button {
		width: 72px;
		height: 26px;
		background: url(img/design/mailingButton.gif) no-repeat;
		border: none;
	}
/* ----------------------------------(newsletter)--------------------------------------------- */

/* ----------------------------------Hladiny--------------------------------------------- */
div#lavy-stlpec .stlpecBox.hladiny h2 {
	background: url(img/design/hladinyH2.gif) no-repeat;
}

.stlpecBox.hladiny ul li a {
	color: #fff;
}

.stlpecBox.hladiny {
	height: 128px;
	background: url(img/design/hladinyBg.gif) no-repeat 0 37px;
	border: none;	
}
/* ----------------------------------(Hladiny)--------------------------------------------- */

.stlpecBox .novinka {
	padding: 4px 10px;
}
.stlpecBox .novinka a {
	text-decoration: underline;
	color: #4A99B1;
}
.stlpecBox .novinka a:hover {
	text-decoration: none;
}
/* ---------------------------------------- (stlpecbox) -----------------------------------*/

/* ---------------------------------------- (Lavy-stlpec) -----------------------------------*/
/* ---------------------------------------- pravy-stlpec -----------------------------------*/
#mainp {
	float: left;
	overflow: hidden;
	width: 550px;
}
#mainp h1 {
	width: 530px;
	height: 33px;
	line-height: 33px;
	padding-left: 20px;
	background: url(img/design/mainpH1.gif) no-repeat;
	color: #fff;
}



#pravy-stlpec{
	float: left;
	overflow: hidden;
	 width: 182px;
	 margin-left: 8px;
}



/* ---------------------------------------- (pravy-stlpec) -----------------------------------*/


/* ---------------------------------------- Main -----------------------------------*/
div#main {
	position: relative;
	float: left;
	overflow: hidden;
	width: 740px;
}

div#main h1,
div#main h2 {
	width: 720px;
	height: 33px;
	line-height: 33px;
	padding-left: 20px;
	background: url(img/design/h1.gif) no-repeat;
	color: #fff;
	margin: 0
}
div#main h2  {
	padding-top: 0;
	padding-bottom: 0
}

/* ---------------------------------------- vyber Flagu -----------------------------------*/
.vyberFlagu ul {
	margin: 0;
	padding: 0
}
.vyberFlagu ul li {
	float: left;
	overflow: hidden;
}
.vyberFlagu ul li.active a {
  background-color: #ca0000;
  color: #fff;
 }
.vyberFlagu ul li a {
	display: block;
	padding: 8px 10px;
	color: #0799ca;
	background: #e9ecf1;
}
.vyberFlagu ul li a:hover {
	background: #4a5766;
	color: #fff;
 }
/* ---------------------------------------- (vyber Flagu) -----------------------------------*/
/* ---------------------------------------- Produkt -----------------------------------*/
/* ---------------------------------------- Produkt -----------------------------------*/
.produkt,.produkt-jeden {
	position: relative;
	float: left;
	width: 370px;
	height: 240px;
	margin-top: 10px;
	overflow: hidden;
}

.stlpecBox .produkt {
	width: 182px;
	height: auto;
	margin-top: 0px;
	padding-bottom: 15px;
}

.produkt a.obrazok,
.produkt-jeden a.obrazok {
	position: relative;
	left: 5px;
	top: 5px;
	width: 132px;
	height: 132px;
	display: block;
	background: url(img/design/produktRamik.gif) no-repeat;
}
.stlpecBox .produkt a.obrazok {
	background: none;
	border: 1px #D3D8DC solid;
	left: 24px;
}
.stlpecBox .produkt .param {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
}
.produkt-jeden a.obrazok {
	width: 162px;
	height: 162px;
	background: url(img/design/produktRamikVacsi.gif) no-repeat;
}
.produkt a.obrazok img,
.produkt-jeden a.obrazok img{
	position: relative;
	top: 2px;
	left: 2px;
}
.produkt .info,
.produkt-jeden .info {
	float: left;
	width: 220px;
	padding: 10px 5px;
}
.produkt-jeden .info {
	width: 350px;
	min-height: 85px;
}
.stlpecBox .produkt .info {
	width: auto;
	float: none;
	padding-left: 10px;
	padding-bottom: 0px;
}
.stlpecBox .produkt .info .odkaz {
	height: 35px;
	line-height: normal;
}
.produkt .info .text
.produkt-jeden .info .text {
	padding: 10px 0;
}
.produkt .left,
.produkt-jeden .left {
	float: left;
	width: 140px;
}
.produkt-jeden .left {
	width: 180px;
}
 .spodnyBar {
	position: relative;
	width: 360px;
	height: 61px;	
	background: url(img/design/spodnyBarBg.gif) no-repeat;
}
.produkt .spodnyBar {
	position: absolute;
	bottom: 21px;
}

#mainp .spodnyBar {
	float: left;
	margin-bottom: 21px;
/*	width: 550px;*/
/*	margin-top: 15px;*/
/*	background: url(img/design/spodnyBarBgLong.gif) no-repeat; */
	background: url(img/design/spodnyBarBg.gif) no-repeat;
}
.produkt .border {
	float: none;
	position: absolute;
	right: 0;
	top: -4px;
	width: 2px;
	margin: 0 10px;
	height: 220px;
	background: url(img/design/produktCiarka.gif) 50% 0 no-repeat;
}
.produkt .info .odkaz,
.produkt-jeden .info .odkaz {
	height: 45px;
	line-height: 15px;
	color: #e01d00;
	font-size: 12px;
	font-weight: bolder;
}

.spodokBorder {
	height: 10px;
	background: url(img/design/produktCiarkaDole.gif) repeat-x;
	
}

.produkt-jeden {
	width: 550px;
	height: auto;
	min-height: 187px;
	_height: 187px;
}
/*---------------------------- Hodnotenie -------------------------*/

.hodnotenie {
	position: relative;
	overflow: hidden;
	float: left;
	width: 130px;
	margin-right: 10px;

}
.produkt-nahlad .hodnotenie {
	float: right;
	height: 42px;
	overflow: hidden;
}
.hodnotenie strong {
	padding-left: 15px;
	color: #007daa;
}
.hodnotenie .star-bar1 {	
	position:relative;
	margin-top:15px;
	margin-right: 20px;
}
 .star {
	float: right;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	background: url(img/design/starOff.gif) no-repeat;
}
.star.on {
	background: url(img/design/starOn.gif) no-repeat;
}
.star-bar {
	padding-right: 20px;
	padding-top: 3px;
}

.hodnotenie a.plus-link {
	padding-left: 25px;
	color: #0899cd;
}
.highslide-html-content{
	padding:20px;
	width:320px;
	
}
.highslide-html-content a {
	color: #0799c8;
}  
/*   komentare         */
.produkt-nahlad h2.inbox {
	background: url(img/design/mainpH1.gif) no-repeat;
	color: #FFFFFF;
	height:30px;
	line-height: 30px;
	padding: 0px;
	padding-left: 20px;
	margin-top: 10px;
	width: 530px;
	font-weight: bold;
}

.produkt-nahlad a.comment {
	color: #0999ce;
}

.produkt-nahlad .text-box {
	padding: 10px;
	border-bottom: 1px solid #e9ecf1;
}
.produkt-nahlad .star-bara {
	position: absolute;
	right: 35px;
	width: 115px;
}

.produkt-nahlad .detail-box {
	background: #e9ecf1;
	height: 30px;
	padding: 10px;
}
#rating-comment {
	padding: 10px 20px;
}
#rating-comment .linky {
	text-align: right;
}
/*	komentare */

/*---------------------------- (Hodnotenie) -------------------------*/

/*----- CENA	*/
 .spodnyBar .cena,
 .spodnyBar .cenaod  {
	position: absolute;
	right: 2px;
	bottom: 15px;
	padding: 15px 10px 0 0; 
	color: #e01d00;
	font-size: 11px;
	text-align: right;
	font-weight: bold;
}
 .spodnyBar .cena span,
 .spodnyBar .cenaod span {
 	font-weight: normal; 
	white-space: nowrap;
	color: #000;
	font-size: 11px;
 }

 .spodnyBar .cenaod  {
	padding-top: 0;
}
	
 .spodnyBar .cena  strong {
	display: block;
	font-size: 18px;
}


 .spodnyBar a.detail {
	position: absolute;
	display: block;
	left: 135px;
	width: 70px;
	height: 10px;
	padding: 25px 0 25px 54px;
	background: url(img/design/produktDetail.gif) 10px 50% no-repeat;
	color: #0899cd;
}

 .spodnyBar a.detail:hover {
	background: url(img/design/produktDetailH.gif) 10px 50% no-repeat;
}

/*----- jeden produkt */
h1.produkt-nahlad a {
	color:
}

.cesta {
	height: 34px;
	margin-bottom: 10px;
	line-height: 34px;
	padding-left: 10px;
	background: url(img/design/produktMenu.gif) no-repeat;
}

/* ---------------------------------------- Flagy -----------------------------------*/
 .flag {
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 10;
}
 .flag.f1 {
 	width: 94px;
	height: 94px;
	background: url(img/design/f1.png) no-repeat;
}
*html  .flag.f1 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f1.png", sizingMethod="image");
}
 .flag.f2 {
 	width: 94px;
	height: 94px;
	background: url(img/design/f2.png) no-repeat;
}
*html .flag.f2 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f2.png", sizingMethod="image");
}
 .flag.f3 {
 	width: 94px;
	height: 94px;
	background: url(img/design/f3.png) no-repeat;
}
*html  .flag.f3 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f3.png", sizingMethod="image");
}
 .flag.f4 {
	width: 93px;
	height: 93px;
	background: url(img/design/f4.png) no-repeat;
}
*html  .flag.f4 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f4.png", sizingMethod="image");
}

/* ---------------------------------------- (Flagy) -----------------------------------*/
/* ---------------------------------------- tabulka -----------------------------------*/
.produkt-tabulka {
}
.produkt-tabulka table {
	border-collapse: collapse;
}
.produkt-tabulka table td {
	border-bottom:1px solid #DDDADA;
	padding: 3px;
}
.produkt-tabulka table td.obrazok a img {
	border: 1px solid #d4dadd;
}
.produkt-tabulka .druhy {
	width: 550px;
}
.produkt-tabulka .druhy a {
	display: block;
	padding-left: 3px;
	color: #e01d00;
	font-weight: bolder;
}

.produkt-tabulka table table td {
	border: none;
}

.produkt-tabulka .last {
	padding-right: 5px;
	color: #E01D00;
}
.produkt-tabulka .last .cena {
	font-size: 14px;
	font-weight: bold;
}
.produkt-tabulka .last .secmena {
	color: #000000;
}
/* ---------------------------------------- (tabulka) -----------------------------------*/

/* ---------------------------------------- Produkt nahlad -----------------------------------*/
.produkt-nahlad {
	

}

.produkt-nahlad .galeria {
	position: relative;
	float: left;
	width: 277px;
	height: 290px;
	margin-right: 13px;
	background: url(img/design/proRamcekImg.gif) no-repeat;
}
/* ---------------------------------------- falgy pre nahlad -----------------------------------*/
.produkt-nahlad .flag {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;	
}
.produkt-nahlad .flag.f1 {
 	width: 94px;
	height: 94px;
	background: url(img/design/f1.png) no-repeat;
}
*html .produkt-nahlad .flag.f1 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f1.png", sizingMethod="image");
}
.produkt-nahlad .flag.f2 {
 	width: 94px;
	height: 94px;
	background: url(img/design/f2.png) no-repeat;
}
*html .produkt-nahlad .flag.f2 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f2.png", sizingMethod="image");
}
.produkt-nahlad .flag.f3 {
 	width: 94px;
	height: 94px;
	background: url(img/design/f3.png) no-repeat;
}
*html .produkt-nahlad .flag.f3 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f3.png", sizingMethod="image");
}
.produkt-nahlad .flag.f4 {
	width: 93px;
	height: 93px;
	background: url(img/design/f4.png) no-repeat;
}
*html .produkt-nahlad .flag.f4 {
	background-color: transparent;
	background-image: url(img/design/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/design/f4.png", sizingMethod="image");
}

/* ---------------------------------------- (falgy pre nahlad) -----------------------------------*/
.produkt-nahlad .galeria img {
	position: relative;
	top: 2px;
	left: 2px;
}
.produkt-nahlad .popis {
	position: relative;
	float: left;
	width: 248px;
	padding: 10px 0 75px 10px;
	border: 1px solid #DBDFE3;
}
.produkt-nahlad .kontaktny {
	margin-top: 10px;
	padding: 10px 0px 10px 10px;
	height: 40px;
	overflow: hidden;
	font-weight: bold;
}

.produkt-nahlad .kontaktny span {
	font-weight: normal;
}

.produkt-nahlad .kontaktny strong {
	color: #007DAA;
}

.produkt-nahlad .ramcek-horny {
	width: 421px;
	height: 55px;
	padding: 20px 0 0 25px;
	background: url(img/design/produktRamcekHorny.gif) no-repeat;
}

.produkt-nahlad .ramcek-dolny {
	position: relative;
	width:421px;
	height: 168px;
	margin-top: 15px;
	padding: 20px 0 0 25px;
	background: url(img/design/produktRamcekSpodny.gif) no-repeat;
}


.produkt-nahlad .ramcek-dolny .cena .dph strong,
.produkt-nahlad .ramcek-dolny .cena .bezdph strong { 
	display: block;
	margin-bottom: 20px;
}
.produkt-nahlad .ramcek-dolny .cena .dph,
.produkt-nahlad .ramcek-dolny .cena .bezdph {
	width: 100px;
	float: left;
}

h2.produkt-nahlad {
	color: #E01D00;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	padding-bottom: 5px;
}

.produkt-nahlad .dostupnost {
	margin: 15px 0px;
	line-height: 18px;
}
.produkt-nahlad .dostupnost a {
	color: #0899CD;
}

.produkt-nahlad .parameter {
	font-weight: bold;
}

#mainp .produkt-nahlad .spodnyBar {
	position: absolute;
	right: 0px;
	bottom: -1px;
	width: 258px;
	background-position: -1px 0px;
	margin-bottom: 0px;
}

.produkt-nahlad .spodnyBar .kosik {
	float: left;
	width: 140px;
	height: 50px;
	line-height: 50px;
	padding-left: 16px;
}
.produkt-nahlad .spodnyBar .kosik a {
	display: block;
	color: #0999cd;
	width: 80px;
	height: 48px;
	padding-left: 50px;
	background: url(img/design/kosikBtn.gif) no-repeat;
}
.produkt-nahlad .spodnyBar .kosik a:hover {
	background: url(img/design/kosikBtnHover.gif) no-repeat;
}
.produkt-nahlad .spodnyBar .cena-dole {
	position: absolute;
	right: 12px;
	top: 10px;
	height: 50px;
	color: #d80100;
	text-align: right;
}
.produkt-nahlad .spodnyBar .cena-dole strong {
	font-size: 18px;
}

.produkt-nahlad .spodnyBar .cena-dole span {
	color: #000000;
}
.produkt-nahlad .spodnyBar .cena-dole .staraCena {
	text-decoration: line-through;
}

.produkt-tabulka .oldprice {
	text-decoration: line-through;	
}

.produkt-nahlad .popis-parent h2 {
	color: #fff;
	line-height: 30px;
	font-weight: bolder;
	
}
.produkt-nahlad .popis-parent .text {
	padding: 15px;
}


.tabulka_varianty {
	margin-top: 10px;
	width: 550px;
	color: #464c58;
}
.tabulka_varianty form {
	float: left;
}
.tabulka_varianty tr.active {
	background-color: #cacacc;
}
.tabulka_varianty th {
	line-height: 25px;
	background-color: #e9ecf1;
}
.tabulka_varianty td {
	position: relative;
	padding: 10px;
	border-right: 1px solid #e6e7e9;
}
.tabulka_varianty td.kupit {
	border-right: none;
}
.tabulka_varianty td img.obr {
	border: 1px solid #d3d8db;
}
.tabulka_varianty a.kupit {
	position: relative;
	left: 5px;
	float: left;
	width: 25px;
	height: 25px;
	display: block;
	background: url(img/design/doKosika.gif) no-repeat;
}
.tabulka_varianty a.kupit:hover {
	background: url(img/design/doKosika.hovergif.gif) no-repeat;
}
.tabulka_varianty .old_price {
	display: block;
	text-decoration: line-through;
}
/*---------varianty-------------*/
.spodok-tabulka {
	height: 9px;
	background: url(img/design/tabVarSpodok.gif) repeat-x;
}
.tabulka_varianty input.countBox {
	background:#F0F2F4 url(img/design/countBox.gif) repeat-x scroll 0 0;
	border:1px solid #DAE0E5;
	color:#798289;
	font-size:11px;
	height:19px;
	line-height:22px;
	margin-left:5px;
	padding:3px 0 0;
	width:22px
}
/*--------------------(varianty)----------------------------*/
/* ------------------------------------------- Obrazky ------------------------------------------- */
.obr-bar {
	float: left;
	width: 565px;
	padding-top: 10px;
	overflow: hidden;
}

.obr-bar a {
	margin-right: 15px;
	display: block;
	float: left;
	border: 1px solid #C8C8C8;
	margin-bottom: 15px;
}
/* ------------------------------------------- (Obrazky) ------------------------------------------- */
/* ---------------------------------------- (Produkt nahlad) -----------------------------------*/
/* ---------------------------------------- (Produkt) -----------------------------------*/
/*------------- Obsah ----------*/
div#main .obsah {
	padding: 10px 15px 5px 15px;
}

div.kategoriaPopis {
	padding: 10px 15px 10px 15px;
}

div#main .obsah a {
	color: #059FCF;
	
}

div.novinka-detail img {
	margin: 10px;
	float: left;
}
/*------------(Obsah)---------*/

/* ---------------------------------------- (Main) -----------------------------------*/


/* ---------------------------------------- (obsah) -----------------------------------*/
/* ---------------------------------------- (Obal) -----------------------------------*/


/* ---------------------------------------- Pata-obal -----------------------------------*/
.pata-obal {
	height: 130px;
	background: url(img/design/pataobalBg.gif) repeat-x;
	
}

.pata {
	position: relative;
	top: 30px;
	width: 930px;
	margin: 0 auto;
	font-weight: bolder;
}

.pata a {
	color: #e01d00;
	text-decoration: underline;
}
.pata a:hover {
	text-decoration: none;
}
.pata .copyright {
	position: absolute;
	float: left;
	width: 350px;
	padding: 14px 23px;
}

.pata .power {
	position: absolute;
	float: left;
	right: 0;
	width: 300px;
	padding: 14px 23px;
}
/* ---------------------------------------- Clanky menu -----------------------------------*/
.clanky {
	position: relative;
	top: 30px;
	width: 930px;
	height: 40px;
	margin: 0 auto;
	background: url(img/design/clankyMenuBg.gif) repeat-x;
}
.clanky ul {
	line-height: 40px;
	padding-left: 20px;
	margin: 0;
	list-style: none;
	list-style-position: outside;
}
.clanky ul li {
	float: left;
}

.clanky ul li a {
	color: #e01d00;
}
/* ---------------------------------------- (Clanky menu) -----------------------------------*/
/* ---------------------------------------- (Pata-obal) -----------------------------------*/