/* Ahoj, vitaj v kódovej časti web stránky Art4web studia. Cíť sa tu ako doma :)

Kód a design vyrobilo: www.art4web.sk */



html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }



a img, :link img, :visited img {

	border: 0;

}

ul,ol {

	list-style-type: none;

}

input.button {

    padding: 0 .25em;

    width: 0; /* for IE only */

    overflow: visible;

}

input.button[class] { /* IE ignores [class] */

    width: auto;

}

input, textarea, select {

	font-family: Arial,Helvetica,sans-serif;

	font-size:100%;

	font-style:normal;

	font-variant:normal;

	font-weight:normal;

	line-height:normal;

}

/* Firefox Dotted Outline Fix */

a:active { 

	outline: none; 

}

/* Firefox Dotted Outline Fix */

a:focus { 

	-moz-outline-style: none; 

}

.cleaner {

	clear: both;

}

.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}

body {

	font-size: 62.5%;

	font-family: Arial, Helvetica, sans-serif;

	background-color: #FFFFFF;

	color: #323232;

	background-image: url(/img/bg_02.jpg);

}

body { behavior: url(../csshover.htc ) }

img, div { behavior: url(../iepngfix.htc) }

a {

	text-decoration: underline;

	color: #df5e1d;

}

a:hover {

	color: #df5e1d;

	text-decoration: none;

}

h1,h2,h3,h4,h5,h6 {

	line-height: 60px;

	color: #df5e1d;

	font-size: 1.6em;

	letter-spacing: 0em;

	font-weight: bold;

}

h3 {

	font-size: 1.4em;

	line-height: 40px;

	color: #2c3640;

	margin-bottom: 5px;

}

h3 a {

	font-size: 0.8em;

	text-decoration: none;

	line-height: 20px;

	color: #2c3640;

}

h4, h5, h6 {

	font-size: 1.1em;

	line-height: 30px;

	color: #2c3640;

}

.aleft {text-align: left;}

.aright {text-align: right;}

.acenter {text-align: center;}

.left {

	float:left;

}

.right {

	float:right;

}

b, strong {

	font-weight: bold;

}

em {

	color: #df5e1d;

	font-weight: bold;

	font-style: normal;

}

acronym {

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

}



/* layout

===================================== */



#main {

	width: 100%;

	background-image: url(/img/top_bg_02.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

#cnt_outer {

	width: 100%;

	background-image: url(/img/background_01.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

#cnt_inner {

	height: auto;

	width: 980px;

	margin-left: auto;

	margin-right: auto;

	line-height: 1.6em;

	font-size: 1.2em;

}

/* header */

#top {

	height: 40px;

	font-size: 0.9em;

	line-height: 40px;

}

#top ul {

}

#top ul li {

	display: block;

	float: left;

}

#top ul li a {

	display: block;

	float: left;

	background-image: url(/img/li_top_02.gif);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 10px;

	padding-left: 10px;

	color: #ffd200;

	text-decoration: none;

}

#top ul li a.last {

	background-image: none;

}

#top ul li a:hover {

	color: #ffd200;

	text-decoration: underline;

}

#header_top {

	height: 130px;

	width: 980px;

	background: none;

}

#logo {

	position:relative;

	width:272px;

	height:121px;

	overflow:hidden;

	float: left;

	left: 0px;

	margin: 0;

	font-size: 1.6em;

	top: 11px;

	padding: 0px;

}

#logo a span {

	display:block;

	position:absolute;

	left:0px;

	top:0px;

	z-index:1;

	width:272px;

	height:121px;

	padding:0;

	margin: 0;

	background-repeat: no-repeat;

	background-position: left top;

	background-image: url(/img/logo_03.jpg);

}

#search {

	background-image: url(/img/search_03.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	float: right;

	height: 46px;

	width: 420px;

	margin-top: 40px;

	padding-top: 14px;

	padding-left: 40px;

}

.search_label {

	font-weight: bold;

	color: #df5e1d;

	display: block;

	float: left;

	padding-right: 30px;

	line-height: 32px;

}

.search_input {

	color: #FFFFFF;

	background-color: transparent;

	background-image: url(/img/search_input_03.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	display: block;

	height: 12px;

	width: 231px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: left;

	padding: 10px;

}

.search_btn {

	display: block;

	float: left;

}

/* header - end */



/* horizontalne menu */

#top_menu {

	width: 980px;

	height: 57px;

	background-image: url(/img/topmenu_03.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}

#top_menu ul {

	display: block;

	float: left;

	height: 57px;

	font-size: 0.9em;

	padding-left: 14px;

}

#top_menu ul li {

	display: block;

	float: left;

	height: 57px;

}

#top_menu ul li a {

	display: block;

	float: left;

	height: 27px;

	color: #323232;

	text-decoration: none;

	padding-right: 14px;

	padding-left: 14px;

	font-weight: bold;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #323232;

	line-height: 30px;

	margin-top: 14px;

}

#top_menu ul li a.last {

	border: none;

}

#top_menu ul li a:hover, #top_menu ul li a.active {

	color: #323232;

	text-decoration: none;

	background-image: url(/img/hover_03.jpg);

	cursor: pointer;

	background-repeat: repeat-x;

	background-position: center;

}

#top_menu ul li a.active:hover {

	cursor: pointer;

	color: #323232;

	text-decoration: underline;

}

#top_menu ul li.nobg {

	background-image: none;

}

/* horizontalne menu - end */



/* hlavný obsah */

#wrapper {

	min-height: 400px;

	background-image: url(/img/content_top_03.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	background-color: #FFFFFF;

}

#wrapper span.bottom {

	background-image: url(/img/footer_03.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

}

.wrap {

	background-image: url(/img/wrap_03.jpg);

	background-repeat: repeat-y;

	background-position: center;

}

#left {

	width: 200px;

	float: left;

	font-size: 0.9em;

	padding-bottom: 200px;

	/*background-color: #F7EFE9;*/

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #DCC9B4;

}

#right {

	width: 200px;

	float: right;

	font-size: 0.9em;

	background-color: #F7EFE9;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #DCC9B4;

}

#left h2, #right h2 {

	background-image: url(/img/headline_03.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	text-align: center;

	display: block;

	font-size: 1.1em;

	font-weight: bold;

	color: #df5e1d;

}

#left ul {

}

#left ul li {

	display: block;

	height: 25px;

	width: 200px;

}

#left ul li a {

	line-height: 25px;

	display: block;

	height: 25px;

	width: 150px;

	padding-right: 10px;

	padding-left: 40px;

	background-image: url(/img/left_li_03.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	color: #323232;

}

#left ul li a:hover, #left ul li a.active {

	font-weight: bold;

	color: #ffd200;

	background-image: url(/img/left_hover_03.jpg);

}

#content {

	width: 558px;

	font-size: 1em;

	float: left;

	padding: 10px;

}

#wrapper p {

	margin-bottom: 10px;

}

img.hlavni {

	margin: 10px;

}

/* hlavný obsah - end */



/* footer */

#footer_cnt {

	width: 100%;

	margin-right: 0px;

	margin-left: 0px;

	

	background-image: url(/img/line1_03.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}

#footer {

	clear: both;

	width: 780px;

	margin-left: auto;

	margin-right: auto;

	font-size: 1.1em;

	background-image: url(/img/footer1_03.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: 60px;

	padding-left: 200px;

	padding-top: 40px;

	padding-bottom: 20px;

	position: relative;

}

.top a {

	position: absolute;

	background-image: url(/img/hore_03.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	display: block;

	height: 39px;

	width: 53px;

	top: 60px;

	left: 40px;

}

.top a span {

	display: none;

}

#footer a {

	text-decoration: underline;

}

#footer a:hover {

	text-decoration: none;

}

#footer .left {

	float: left;

	width:

}

#footer .right {

	float: right;

	width: 20%;

}

#footer ul {

	display: block;

	float: right;

}

#footer ul li {

	display: block;

	float: left;

}

/* footer - end */

.note {

	font-size: 0.9em;

}

ul.normal, #left ul.normal, #right ul.normal {

	padding-top: 10px;

	padding-bottom: 10px;

	display: block;

	width: auto;

}

ul.normal li, #left ul.normal li, #right ul.normal li {

	display: block;

	width: 250px;

	padding-top: 10px;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	background-image: url(/img/odrazka_03.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

ul.normal li, #left ul.normal li, #right ul.normal li {

	width: auto;

	border: none;

	padding-left: 25px;

	padding-top: 5px;

	padding-bottom: 5px;

	background-position: 10px 11px;

	height: auto;

}

ul.normal li a, #left ul.normal li a, #right ul.normal li a {

	background-image: none;

	padding-left: 0px;

	padding-right: 0px;

	line-height: 1.6em;

	width: 170px;

	height: auto;

}

ul.normal li a:hover, #left ul.normal li a:hover, #right ul.normal li a:hover {

	color: #df5e1d;

	font-weight: normal;

}

.cnt_left {

	float: left;

	width: 46%;

	height: 240px;

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 20px;

}

.cnt_right, .produkt {

	float: left;

	width: 46%;
	
	clear: none;

	height: 255px;
	
	position: relative;

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 20px;

}

#content .popis {

	height: 120px;

}

.photo, .img img {

	background-color: #f3ece3;

	padding: 4px;

	float: left;

	margin-right: 20px;

	margin-bottom: 5px;

	margin-top: 2px;

	display: block;

	border: 1px solid #decab2;

}

a img.photo:hover, a.img img:hover {

	background-color: #FFFFFF;

	cursor: pointer;

}



/* Kontaktny formular

============================================== */



.form-item {

	width: 450px;

	padding-bottom: 10px;

}	

.form-item label {

	display: block;

	float: left;

	clear: right;

	padding-top: 5px;

	font-weight:bold;

	margin:0 0 3px;

	width: 100px;

}

.form-item input {

	

}

.form-item {

	margin:0 0 3px;

}

.form-textarea {

	width: 300px;

	background-color:#FFFFFF;

	border:1px solid #DED9CA;

}

.form-submit-div {

	clear:both;

}
.form-submit, .tlacitko {
background:transparent url(/img/input-bg.gif) no-repeat scroll center top;
border:0 none;
color:#E25B21;
cursor:pointer;
font-size:12px;
font-weight:bold;
height:30px;
line-height:30px;
margin:0;
padding:0;
width:120px;
}
.kupit {
margin-left: 80px;
}
.cnt_left h3, .cnt_right h3, .nahladnazov h3 {
height: 35px;
}
form.anketa {

	padding-left: 20px;

	padding-right: 20px;

}

.label {

	padding-top:0px;

	text-align:right;

	padding-right: 10px;

	padding-left: 10px;

}

.textInput, .adresa input, .male, #tableobejdnavka2 input {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	height: 13px;

	margin-top:3px;

	background-color:#f2e9df;

	border:1px solid #dec9a5;

	color:#323232;

	padding-left: 0px;

	margin-right: 0px;

	padding-top: 3px;

	padding-bottom: 3px;

}

.labelBudget {

	padding-top:1px;

	text-align:right;

}

.labelMessage {

	padding-top:5px;

	text-align:right;

}

select {

	color:#212121;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	width:240px;

	margin-left: 2px;

}

textarea {

background-color:#F2E9DF;

border:1px solid #DEC9A5;

	color:#515151;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	height:205px;

	overflow-x:hidden;

	overflow-y:auto;

	width:240px;

	background-repeat: repeat;

	background-position: center center;

	margin-top: 6px;

	margin-bottom: 6px;

}

.adresa input, .adresa textarea {

	width: 240px;

	margin-left: 10px;

}

.adresa textarea {

	height: 80px;

}

.textInput:hover, textarea:hover, .adresa input:hover, .male:hover, #tableobejdnavka2 input:hover {

	border:1px solid #df5e1d;

}

.textInput:focus, textarea:focus, .adresa input:focus, .male:focus, #tableobejdnavka2 input:focus {

	background-color:#323232;

	border:1px solid #1E1E1E;

	color:#ffd200;

	background-image: url(/img/input_hover.jpg);

}

textarea:focus {

	background-image: url(/img/textarea_hover.jpg);

	background-repeat: repeat;

	background-position: center center;

}

.fieldset {

	padding: 10px;

	width: 400px;

	margin-top: 10px;

	border: 10px solid #eaeaea;

	font-size: 0.9em;

}

button {

	background-color: transparent;

	background-image: url(/img/btn_odoslat.png);

	background-repeat: no-repeat;

	background-position: center top;

	display: block;

	height: 30px;

	width: 100px;

	border: none;

}

button:hover {

	background-position: center bottom;

	cursor: pointer;

}

button span {

	display: none;

}



#uvod {

	background-image: url(/img/uvod_03.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	height: 172px;

	width: 318px;

	margin-top: 5px;

	margin-left: 5px;

	padding-top: 120px;

	padding-right: 30px;

	padding-left: 220px;

}

.text {

	display: block;

	font-size: 0.9em;

	color: #FFFFFF;

}

#uvod em {

	font-weight: normal;

	color: #ffd200;

}

.headline {

	background-image: url(/img/big_headline_03.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	margin: 5px;

	margin-left: 0px;

	height: 38px;

	width: 538px;

	padding-right: 10px;

	padding-left: 20px;

	line-height: 38px;

}

.button2 {

float:right;

margin:0 0 0 80px;

}

.button3 {

float:right;

}

.mnozstvi-outer,.left_float {

float: left;

}

.mnozstvi {

width:22px;

}

.koupit {

float:left;

margin-top: 5px;
clear: both;
}

.koupit2 {

float:right;

width:180px;

}

#content .content {

}

div.comment, .commentar {

  background-color:#F6EFE9;

  border:1px solid #DFC9B2;

  clear:both;

  margin:1em 0;

  padding: 5px;

}

div.parametry {

	clear:both;

	margin:1em 0;

	padding: 5px;

}

.pnazev {

	font-weight: bold;

	width: 250px;

	text-align: left;

}

.phodnota {

}

div.comment input {

	background-color:#fff;

}

.info_site ol, .info_site ul {

	padding: 0px;

	margin-left: 30px;

}



#content-top {

	margin-bottom: 15px;

}



.hr {

	margin-top: 15px;

}



.kosik {

	margin-top: 10px;

	width: 100%;

}

.kosik thead td {

	background-color: #F6EFE9;

	padding: 5px;

	font-weight: bold;

}

.kosik tfoot td {

	border-top: 1px dashed #EBE5CF;

}

.kosik tbody td {

	padding-top: 5px;

	padding-bottom: 2px;

}



.nej li {

	text-align: center;

	padding: 6px;

	margin-bottom: 6px;

	border-top: 1px solid #DCC9B4;

}

.nej li.first_nej {

	border: 0px;

}

.nej h3 {

	text-align: center;

	margin-bottom: 6px;

	font-size: 1.4em;

}

.cena {

	text-align: center;

}

.cena span {

	color: #df5e1d;

}



/***********************/

/*             styles for the star rater                */



#hodnotenie {

	border: 1px solid #DED9CA;

	background-color: #FFFFFF;

	background-image: url('/img/input.png');

	background-repeat: repeat-x;

	background-position: bottom;

	text-align: center;

}

#hodnotenie ul {

	padding: 0px;

}

#hodnotenie ul li {

	padding: 0px;

	margin: 0px;

}

.star-rating {

	list-style:none;

	padding: 0px;

	width: 100px;

	height: 20px;

	position: relative;

	background-image: url('/img/star_rating.gif');

	background-repeat: repeat-x;

	background-position: left top;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 222px;

}

.star-rating li {

	padding:0px;

	margin:0px;

	/*\*/

	float: left;

	/* */

}

.star-rating li a {

	display: block;

	width: 20px;

	height: 20px;

	text-decoration: none;

	text-indent: -9000px;

	z-index: 20;

	position: absolute;

	padding: 0px;

}

.star-rating li a:hover, .star-light {

	z-index: 1;

	left: 0px;

	background-image: url('/img/star_rating.gif');

	background-position: left bottom;

}

.star-rating a.one-star{

	left: 0px;

}

.star-rating a.one-star:hover{

	width:20px;

}

.star-rating a.two-stars{

	left:20px;

}

.star-rating a.two-stars:hover{

	width: 40px;

}

.star-rating a.three-stars:hover{

	width: 60px;

}

.star-rating a.three-stars{

	left: 40px;

}

.star-rating a.four-stars{

	left: 60px;

}	

.star-rating a.four-stars:hover{

	width: 80px;

}

.star-rating a.five-stars{

	left: 80px;

}

.star-rating a.five-stars:hover{

	width: 100px;

}
fieldset {
padding: 10px;
border:1px solid #DEC9A5;
}
.produkt fieldset, .produkty fieldset {
border: none;
padding: 0px;
}
.produkt fieldset {
position: absolute;
bottom: 0;
}
.ocene {
clear: both;
}
.kosicok table td, #tableobjednavka1 td {
background-color:#F2E9DF;
border:1px solid #DEC9A5;
}
.kosicok table td input, #tableobjednavka1 td input {
background: #ffffff;
}
#tableobjednavka1, #tablekosik1 {
width: 100%;
}
kosicok table td input.no-border, #tableobjednavka1 td input.no-border {
border:medium none;
background-color:#F2E9DF;
}
#poznamka {
width: 400px;
}
h2.headline {
background-image: none;
height:38px;
line-height:38px;
margin:0;
padding-left:0px;
padding-right:0px;
width: auto;
font-size: 13px;
color: #DF5E1D
}
#right a img {
padding: 0 30px;
}
.cena .right, .cena .left {
float: none;
}
.nazovnahodny {
min-height:45px;
}
.nahodny, .nadodnyobjednavka {
height:240px;
width:181px;
}
.nahodny .img img, .nadodnyobjednavka .img img {
background-color:#F3ECE3;
border:1px solid #DECAB2;
display: inherit;
float: none;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
padding:4px;
}