body {
    border:0; margin:0; padding:0;
	font: 12pt/130% Arial, "Geneva CE", lucida, sans-serif;
	color: #333;
	line-height: 1.4;
	background: url('img/layout/bg_body.png');
}

p { margin: 0.7em 0 }

/* LINKS */
a:link, a:visited {	color: #000; text-decoration: underline; cursor: pointer; }
a, a:visited 	  { color: #000; text-decoration: underline; cursor: pointer; }
a:hover 		  { text-decoration: none;  }

a.regist{
    padding-left:24px;
	background-position: 0% 100%;
	background-repeat: no-repeat;
    background-image: url('img/layout/reg-link.gif');
}

a.bg {
    padding-left:12px;
	background-position: 0 7px;
	background-repeat: no-repeat;
    background-image: url('img/layout/bg_a.png');
}

img.img-a { border: solid 1px #ccc; margin: 1px; padding:3px;}
img.img-a:hover { border: solid 1px #00adef; }


/* HEADING */
h1, h2, h3 { margin: 1.2em 0 .6em 0; padding: 0; font-weight: bold; font-size: 100%; }
h1 { margin: 1.2em 0 .6em 0; font-size: 1.5em; }
h2 { margin: 1em 0 0.2em 0; font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 0.9em; color: #000; }

/* common CLASSES */
sub, sup { vertical-align:baseline; position:relative; }
sub { top:0.4em; }
sup { bottom:0.4em; }
.lfloat { float:left; }
.rfloat {float:right}
.block {display:block}
.clr, .cistic {
    clear: both;
    margin: 0; padding: 0;
    visibility:hidden;	
}
.bld {font-weight:bold}
.just {text-align:justify}
.cntr {text-align:center}
.right {text-align:right}
.left {text-align:left }
.top { vertical-align: top;}
.down { vertical-align: bottom;}
img, .nobr {border:none}
.red { color: red; }
hr { color: #ccc; background: #ccc;  border: solid #ccc 2px; }
.help {  
    display: inline;
    font-style: normal;
    cursor: help;
    border-bottom: 1px dashed #000000;
}
.r-img { float:right; margin: 0 0 10px 10px; }
.nice-img { border: solid 1px #ccc; padding: 5px; }
.price { color: #c1272d; font-weight: bold; }

/* TABLES */
table	{ margin: 0; border-collapse:collapse; border-spacing:0; }
td		{ padding: .0em .2em; }

table.day-tip { width: 99%; margin-top: 10px;}
table.day-tip tr.day-tip { 	
	background-image: url('img/layout/bg-day-tip.png');
	background-repeat: no-repeat; 
	background-position: 0 bottom;	  
	height: 30px;
}
table.day-tip td.day-tip {	
	padding-top: 20px;
	vertical-align: bottom;
	padding-left: 25px;
	padding-bottom: 2px;
	
}
table.day-tip td.price 	 {	
	padding: 5px 5px 0 0;
	vertical-align: top;
	color: #c1272d;
	font-family: Calibri, "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 1.2em;
	width: 120px;
}
table.day-tip td.day-tip-text,
table.day-tip td.day-tip-text img { padding: 4px 8px 4px 0; }
table.day-tip td.day-tip-text h2 { font-size: 1em; margin: 0.3em 0 0.2em 0; }
table.day-tip td.day-tip-text a { color: #c22a2f; font-weight: bold; display: block; }
table.day-tip td.day-tip-text a.small { font-weight: normal; }


table.basket { margin: 15px 5px; width: 97%; }
table.basket th, table.basket td { padding: 6px; text-align: right; }
table.basket th { font-size: 1.2em; background: #ccc; }
table.basket td { text-align: right; padding: 2px 6px;}
table.basket td.price {  }

/* PRODUKTY */
div.category-menu { float:left; margin: 10px 0 0 0;
					width: 609px; height: 28px; 
					background: url('img/layout/bg_category_menu.jpg') no-repeat;
					text-indent: 20px; font-weight: bold; }
div.category-menu span { line-height: 28px; }
div.category-menu select { font-weight: bold; margin: 4px 0 0 15px; border: solid 1px #aaa; }
div.category-menu a img { margin: 5px 0 0 15px;  }



.product-name {
	font-size: 1.2em;
	color: #c22a30;
	font-weight: bold;
	padding-left: 20px;
	background: url('img/layout/bg-prod-detail.png') no-repeat;	
}
.pricevat { font-size: 1.1em; color: #c22a30; font-weight: bold; }
.pricenovat { font-size: 1.1em; color: #737373; }

/* detail produktu */ 
div.product_detail {  }
div.product_detail div { float: left; margin: 0 5px; }
div.product_detail div.prod_img { padding-top: 20px; width: 220px; margin-left: 10px;  }
div.product_detail div.prod_info { width: 330px; margin-left: 20px; }

/* prislusenstvi k produtu */
div.acessories { float: left; width: 590px; margin: 30px 0 0 0;}
div.acessories h3 { font-size: 1em; margin-top: 0px; margin-bottom: 10px; }
div.acessories div { float: left; cursor: pointer; width: 100px; padding: 10px 0px; text-align: center;
					border: solid 1px #fff;}
div.acessories div:hover { border: solid 1px #ddd; }
div.acessories div span { display: block; margin-top: 3px;  }

/* vyber prislusenstvi */
div.choose_accessories { border: solid 1px red; display: block; clear: both; }
div.choose_accessories span { font-weight:bold; }


/* FORMULARE */
form { margin: 0; padding: 0; }
input, select, .inputfield {
	padding: 2px;
	font-size: 1em;
	border: solid 1px #aeadae;
	margin: .2em .3em;
}
select { padding: 0; }
input.disabled {
	border: solid 1px silver;
	color: silver;
}
textarea {
    font-size: 1.2em;
    _font-size: 1em;
}
input[type^='check'] { margin:0; padding: 0; }
.niceerr {  background: #fbf2ee; border: solid 1px red; }
.inputLong { width: 380px; }
.inputShort { width: 185px; }
.inputSmall { width: 30px; }
.hidden { display: none; }

form h2 { 
    background-color: #ccc;
    margin: 1.8em 0 .3em 0;
    padding: .4em 1em;
}
form h2.first { margin-top: .5em;}

input.butt-add-basked {
	width: 88px; height: 31px;
	background: url('img/layout/butt_buy.png') no-repeat;
	border: 0;
	cursor: pointer;	 
}

input.butt_recalc {
	width: 88px; height: 31px;
	background: url('img/layout/butt_recalc.png') no-repeat;
	border: 0;
	cursor: pointer;
}
input.butt_finish {
	width: 125px; height: 31px;
	background: url('img/layout/butt_finish.png') no-repeat;
	border: 0;
	cursor: pointer;
}
input.butt_back_basket {
	width: 88px; height: 31px;
	background: url('img/layout/butt_zpet_kosik.png') no-repeat;
	border: 0;
	cursor: pointer;
}

input.butt_order {
	width: 88px; height: 31px;
	background: url('img/layout/butt_objednat.png') no-repeat;
	border: 0;
	cursor: pointer;
}

/* REGISTRACNI FORMULAR */
.butt_save {
    margin-top: 1em;
    width: 130px; height: 27px;
    color: #ffffff;
    font-weight: bold;
    font-size: .8em;
    background: url('img/layout/butt_reg.png') no-repeat;
    border: 0;
    cursor: pointer;
}
.butt_save:hover  { color: #000; }

/* LOGIN FORMULAR V HLAVICCE */
.img_login {
    padding-left:24px;
    background: url('img/layout/log-link.gif') left no-repeat;
}
.head_form input {
	font-size: 9pt;
	border: solid 1px #333333;
	width: 70px;
	padding: 1px;
}
input.butt_login {
    width: 75px; height: 19px;
    color: #ffffff;
    background: url('img/layout/butt_login.png') no-repeat;
    border: 0;
    cursor: pointer;
}
.butt_login:hover  { color: #000; }
/* KONEC FORMULARU */


/* MENU */
ul.menu {
    font-size: 1em;
    list-style-type: none;
    padding:0; margin: 0 0 20px 0;
}

.menu a {
    font-weight: bold;
    padding-left: 21px;
	background-position: 10px 3px;
	background-repeat:no-repeat;
	
}
.menu a:hover {
    color: #00adef;
    background-image: url('img/layout/bg_menu_ahov.png');
}
li {
    width: 154px; height:36px;
    background: url('img/layout/bg_menu_li.png');
    border: none;
    margin: 0;
    padding-top: 5px;
}


/* HEADER */
#head {
    margin: 0em .7em; padding: 0;
    background: url('img/layout/bg_top.png') repeat-x;
}
#logo {
    margin:0; padding:0;
    position:relative;
    width:140px; height:60px;
    float: left;
}
#logo span {
    display:block;
    position:absolute; left:0; top:0; z-index:1;
    width:139px; height:56px;
    margin:0; padding:0;
    background: url('img/layout/logo.png') top left no-repeat;
}
#login {
    float: right;
    margin: 25px .8em 0 0;
    padding: 0;
    font-size: 9pt;
}
.log_err { display: block; color: red; }
#motiv {
    margin: 0; padding: 0;
    width: 796px; height: 232px;
    background: url('img/layout/bg_motiv.png') no-repeat;
}
.kuchyn_top {
    margin: 0; padding: 0;
    width: 100%; height: 100%;
    background: url('img/layout/motiv.jpg') 8px 8px no-repeat;
}

/* LAYOUT */
div.rounded{ background:#f8f8f8; }
#page_popup {
    margin: 2em;
    padding: 0;
    background: #ffffff;
}
#page {
    margin: 1em auto 2em auto; 
    padding: 0;
    width: 815px;
    background-color: #fdfdfd;
    border: 0;
}
#main1	{ margin:0; padding:0;}
#main2	{ margin:0; padding:0;}
#left		{ float:left; width:170px; margin:0; padding:0; font-size:80%; }
#right		{ float:right; width:175px; margin:0; padding:0; font-size:80%; }
#middle 	{ margin:0 180px; font-size:80%; }
#main 		{ margin-left: 180px; font-size:80%;}
#fullpage 	{ margin-left: 10px; font-size:80%; } 
#left h3.bg 	{ background-image: url('img/layout/bg_left.png'); }
#right h3.bg	{ background-image: url('img/layout/bg_right.png'); }
#middle h3.bg	{ background-image: url('img/layout/bg_middle.png'); }
#main h3.bg 	{ background-image: url('img/layout/bg_middle_main.png'); }
#fullpage h3.bg { background-image: url('img/layout/bg_middle_full.png'); }

#left h3.bg, #right h3.bg, #middle h3.bg, #main h3.bg, #fullpage h3.bg {
    background-position: 0 20px;
	background-repeat: no-repeat;
	padding-bottom: 10px;
	padding-left: 5px;
	font: bold 130%/100% serif;
	margin: 5px 0 10px 0;
}
.content { margin:0; padding:0.5em 1em;}

/* kosik vlevo */
#left .content .short-basket {
	padding-bottom: 5px;
	padding-left: 5px;
	width: 100%;
	background-image: url('img/layout/bg_menu_li.png');
	background-position: 0 bottom;
	background-repeat: no-repeat;
}

#left .content .short-basket div { margin-bottom: 5px; }
.short-basket a, 
.short-basket a:visited  { font-weight: bold; color: #00adef;}


/* VPRAVO - RYCHLY VYBER */
.r_schody, .r_okna, .r_kuchyne, .r_skolni, .r_zdravotni {
    margin: 0; padding: 0;
    width: 160px; height: 100px;
}
.r_schody	{ background: url('img/layout/bg_r_schody.jpg') top left no-repeat; }
.r_okna		{ background: url('img/layout/bg_r_okna.jpg') top left no-repeat; }
.r_kuchyne	{ background: url('img/layout/bg_r_kuchyne.jpg') top left no-repeat; }
.r_skolni	{ background: url('img/layout/bg_r_skolni.jpg') top left no-repeat; }
.r_zdravotni{ background: url('img/layout/bg_r_zdravotni.jpg') top left no-repeat; }

.r_cont {
	font-size: 90%;
    margin: 0; margin-left: 55px; margin-right: 5px;
    padding-top: 3px;
    background-position:75px bottom;
    background-repeat:no-repeat;
    background-image: url('img/layout/bg_quick_a.png');    
}
.r_cont:hover {  background-image: url('img/layout/bg_quick_ahov.png'); }
.r_cont a:link, .r_cont a:visited { text-decoration: none; }
.r_cont a:link:hover, .r_cont a:visited:hover { color: #00adef; }
.r_cont a:link .r_title, .r_cont a:visited .r_title {
    display: block;
    color: #5c9610;
    font-family: "Times New Roman", "Times CE", serif;
    font-weight: bold;
    font-size: 1em;
    padding: 10px 0 4px 0;
}

.r_cont a:link:hover .r_title, .r_cont a:visited:hover .r_title {
    color: #00adef;
}
/* KONEC: VPRAVO - RYCHLY VYBER */

/* FOOTER */
#footer {
    font-size: .8em;
    height: 75px;
    margin: 0 .8em 0 .8em;
    padding: 10px 0;
    text-align: center;   
    background: url('img/layout/bg_footer.png') 0 60px repeat-x;
}
#footer a { padding: 0 .3em; }
#copy { margin-top: .8em; color: #949494; font: 80%/100% verdana, sans-serif; }
#copy a { color: #666; }

/* stinovany ramecek */
.ramecek { background-color:#fcfcfc; padding-bottom: 1px; }
.ramecek .obsah { padding: 20px;  }
.ramecek .t { background: url('img/layout/t.png') top repeat-x; }
.ramecek .r { background: url('img/layout/r.png') right repeat-y; }
.ramecek .b { background: url('img/layout/b.png') bottom left repeat-x; }
.ramecek .l { background: url('img/layout/l.png') top left repeat-y; }
.ramecek .tl{ background: url('img/layout/tl.png') top left no-repeat; }
.ramecek .tr{ background: url('img/layout/tr.png') top right no-repeat; }
.ramecek .bl{ background: url('img/layout/bl.png') bottom left no-repeat; }
.ramecek .br{ background: url('img/layout/br.png') bottom right no-repeat;}
/* KONEC RAMECKU */

/* SKRYVANI NAPOVEDY */
a.hide_help {
    text-decoration:none;
    outline-style:none;
    background-position: 0 5px;
}
a.hide_help em { display:none; }
a.hide_help:hover { text-decoration:none; }
a.hide_help:active, a.hide_help:focus { background:#f8f8f8; }
a.hide_help:active span, a.hide_help:focus span { display:none; }
a.hide_help:active em, a.hide_help:focus em {
    display:block;
    width:100%;
    font-style:normal;
    cursor:default;
}
/* KONEC SKRYVANI NAPOVEDY */
.box {
      background: url('img/layout/akce.jpg') top right no-repeat;
}
.box p{
   font-weight:bold;
}
.big{
   font-size:30px;
   line-height:30px;
   margin:0;
   padding:0;
}
.small{
   font-size:10px;
}
.pdf {
      background: url('img/layout/pdf.jpg') top left no-repeat;
	  padding: 10px 0 10px 50px;
}
