/* css reset */

body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#370000 url(images/background.jpg) no-repeat top center /*fixed*/;
}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, li, form { margin:0; padding:0; }
ul { margin-top:0; margin-bottom:0; }
li, p { line-height:18px; }
li { margin-left:15px;}
p { margin-top:2px; margin-bottom:5px; }

a, a:link, a:visited, a:hover { text-decoration:underline; color:#00a34f; }
a:hover { text-decoration:none; }
a:visited { color:#000; }

h1, h2, h3, h4, h1 a, h1 a:link, h1 a:visited { color:#00a34f; }
h1 { font-size:24px; font-weight:normal; margin-bottom:10px; color:#ff9f08; }
h2 { font-size:17px; font-weight:bold; height:24px; line-height:24px; }
h3 { font-size:14px; font-weight:bold; height:20px; line-height:20px; }

a img, a:link img, a:visited img, a:hover img { border:0; }

span { }

strong span { color:#00a34f; }

input { font-family:Arial, Helvetica, sans-serif; font-size:11px; border:0; }

#content h1 { margin-bottom:20px; }
#content h2 { margin-bottom:15px; }
#content h3 { margin-bottom:5px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; }
#content p { margin-bottom:15px;}

div.padd { padding:10px; }
.green { color:#00a34f; }

/* basic styles */

div.main {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}

#left { display:inline; float:left; }
#right { display:inline; float:right; }

div.left { display:inline; float:left; }
div.right { display:inline; float:right; }

img.left { float:left; margin-right:15px; }
img.right { float:right; margin-left:15px; }

div.padd { padding:9px; }
div.padd-noright { padding:9px; padding-right:0; overflow:hidden;}
p.f12 { font-size:12px; }

/* layout */
/* header */

#logo1 { float:left; width:114px; height:85px; margin:0 111px 62px 0; }
#logo2 { float:left; width:302px; height:94px; margin:0 202px 53px 0; }

#kosik { width:190px; height:77px; padding:20px 20px 10px 20px; margin-bottom:40px; background:url(images/kosik-bg.png) repeat-x; float:left; color:#00a34f; }
#kosik input { margin-bottom:-10px; float:left;}
*> #kosik input { margin-bottom:7px; }
#kosik input.search { width:142px; height:25px; padding:3px 8px 0 8px; border:1px solid #ff7803; }
@-moz-document url-prefix() { #kosik input.search { height:20px; padding:8px 8px 0 8px; } } 
#kosik input.button { width:30px; height:30px; background:url(images/sbutton-bg.jpg) no-repeat; }
#kosik input.button:hover {background:url(images/sbutton-bg-over.jpg) no-repeat;}
#kosik p { font-size:17px; color:#000; margin-bottom:4px; }

/* menu */

#menu { height:40px; float:right; }
#menu a, #menu a:link, #menu a:visited { height:40px; line-height:40px; font-size:17px; color:#00a34f; padding:0 20px 0 20px; display:inline; float:left; margin-left:2px; background:url(images/menu-bg.png) repeat-x; text-decoration:none; } #menu a:hover { text-decoration:underline; }
#menu span a, #menu span a:link, #menu span a:visited, #menu span a:hover { background:#fff; }

/* content */

#lavypanel { width:191px; margin-top:202px; padding:5px 5px 15px 10px; background:url(images/lavypanel-bg.png) repeat; color:#fff; }
#lavypanel h1 { font-size:18px; font-weight:normal; color:#fff; margin:3px 0 3px 0; }
#lavypanel ul { list-style:none; margin-left:2px; } #lavypanel ul li { margin:0; }
#lavypanel a, #lavypanel a:link, #lavypanel a:visited { text-decoration:none; color:#fff; font-size:11px; margin:1px 0 2px 0; } #lavypanel a:hover { text-decoration:underline;}
#lavypanel h1 a, #lavypanel h1 a:link, #lavypanel h1 a:visited { font-size:18px; float:left;}
#katalog { height:26px; }
#katalog span { margin:8px 0 0 4px; float:left; }

#pravypanel { width:734px; background:#fff; padding:10px; padding-bottom:20px; }
#pravypanel span.f14 { color:#00a34f; font-size:14px; }
#pravypanel img { float:left; margin-right:10px; }

#kategorie img { margin:0 10px 10px 0; float:left; }
#kategorie img.right { margin-right:0; }

div.navig { height:20px; line-height:11px; margin-bottom:10px; }
div.navig span { float:left; font-size:12px; color:#00a34f; }
div.navig img { float:left; margin:0 12px 0 12px; position:relative; top:1px; }

/* kontakt */

div.hodiny { overflow:hidden; height:60px; }
div.dni { display:inline; float:left; width:75px; }

fieldset { border:1px solid #99dab9; padding:15px 20px 5px 20px; margin-bottom:10px; background:url(images/fieldset-bg.gif) repeat-x bottom; }
fieldset legend { font-size:14px; font-weight:bold; color:#ff9f08; padding:5px; }

fieldset div { height:35px; overflow:hidden; margin-bottom:10px;  }
*>fieldset div { height:auto; }
fieldset div div { width:190px; float:left; line-height:22px; }
fieldset div input { width:318px; height:15px; border:1px solid #ff7803; float:left; font-size:11px; padding:5px 5px 0 5px; background:url(images/input-bg.gif) repeat-x; }
@-moz-document url-prefix() { fieldset div input  { padding-top:3px; height:17px; } } 
fieldset div textarea { width:318px; line-height:18px; height:72px; border:1px solid #ff7803; float:left; font-size:11px; padding:5px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; }
fieldset div.tarea { height:100px; } *> fieldset div.tarea { height:auto; }
fieldset div select { float:left; border:1px solid #ff7803; width:330px; }

input.b-odoslat { background:url(images/button-send-bg.jpg) no-repeat; width:125px; height:40px; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#fff; line-height:40px; text-align:left; padding-left:15px; }
input.b-odoslat:hover { text-decoration:none; background:url(images/button-send-bg-over.jpg) no-repeat;}

input.b-obj { background:url(images/button-obj-bg.jpg) no-repeat; width:201px; height:40px; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#fff; line-height:40px; text-align:left; padding-left:15px; }
input.b-obj:hover { text-decoration:none; background:url(images/button-obj-over-bg.jpg) no-repeat; }

/* zoznam produktov */

div.produkt { float:left; display:inline; width:171px; height:259px; margin-right:10px; margin-bottom:20px; border-top:1px solid #99dab9; border-bottom:1px solid #00a34f; color:#00a34f; background:url(images/produkt-bg.jpg) bottom center no-repeat; }
div.produkt span { display:block; font-size:14px; height:34px; padding:5px; }
div.produkt span p {line-height:17px; }
div.produkt strong.cena { font-size:20px; font-weight:normal; padding:0 0 0 5px; position:relative; top:3px; float:left; height:30px;}
div.produkt div.image { width:171px; height:184px; overflow:hidden; }
a.bdetaily, a:link.bdetaily, a:visited.bdetaily { float:right; width:71px; height:30px; margin-bottom:1px;}
/*div.produkt img.detaily {float:right; margin: 0 -10px 1px 0;}
div.produkt strong a, div.produkt strong a:link, div.produkt strong a:visited { float:right; width:71px; height:30px; background:url(images/detaily.jpg) no-repeat; margin-bottom:1px;}
*> div.produkt strong a, div.produkt strong a:link, div.produkt strong a:visited { margin-bottom:0; }
div.produkt strong a:hover {background:url(images/detaily-hover.jpg) no-repeat;}*/
a.stiahnut, div.produkt strong a.stiahnut:link, div.produkt strong a.stiahnut:visited { float:right; width:91px; height:30px; background:url(images/stiahnut-hover.jpg) no-repeat; margin-bottom:1px;}
*> div.produkt strong a.stiahnut, div.produkt strong a.stiahnut:link, div.produkt strong a.stiahnut:visited { margin-bottom:0; }
div.produkt strong a.stiahnut:hover {background:url(images/stiahnut.jpg) no-repeat;}

/* tabulky - kosik */

table.legenda { 
	line-height:20px;
	width:716px; 
	font-weight:bold;
	font-size:11px;
	font-family: Tahoma, Arial;
	background:url(images/table-bg.gif) repeat-x
}
#hlavicka { color:#00a34f; background:url(images/table-hlavicka-bg.gif) repeat-x; height:50px; margin-top:15px; }

table.produkt {
	line-height:20px;
	width:716px;
	font-size:12px;
	font-family: Tahoma, Arial;
	font-family:Tahoma, Arial;
	border-top:1px solid #9fdcbd;
}

table.produkt tr td { padding:7px 0 7px 0; }

table.produkt tr td, table.legenda tr td { text-align:center; vertical-align:middle; }

table.produkt tr td span { font-size:11px; color:#000; }

table.produkt tr td img.ilustracia { padding: 2px; }

table.produkt tr td b { font-weight: bold; font-size:11px; }

table.produkt tr td select, table.legenda tr td select {
	font-size:11px; 
	font-family:Tahoma, Arial;
	padding:2px;
	border:1px solid #ff7803;
	color:#666;
}
table.produkt tr td span.sivy { color:#666; font-size:12px; }

table.legenda tr td select { width:132px; }
table.produkt tr td strong {color:#ff9f08; line-height:15px;}

div.kosik td.kod { width:53px; }
div.kosik td.nazov { width:138px; text-align:left; }
div.kosik td.nazov-pokladna { width:280px; text-align:left; }
div.kosik td.nahlad { width:140px; text-align:left; }
div.kosik td.jednotkova-cena { width:90px; text-align:left; }
div.kosik td.cena-celkom { width:114px; text-align:left; }
div.kosik td.pocet-kusov { width:92px; text-align:left; }
div.kosik td.del img { margin-left:30px; }

table.legenda span.sposob-dorucenia { margin-left:344px; float:left; width:251; font-size:11px; color:#fff; font-weight:normal; margin-top:12px;  }
*> table.legenda span.sposob-dorucenia { margin-top:0;}
table.legenda span.sposob-dorucenia select { margin-left:19px;}
table.legenda span.postovne { margin-right:10px; float:right; font-weight:normal; color:#fff; }
table.legenda span.cena { margin-left:344px; float:left; width:251; font-size:14px; position:relative; top:12px; color:#fff; }
table.legenda span.cena1 { margin-right:10px; float:right; font-size:18px; margin:10px 10px 15px 0; font-weight:normal; color:#fff; }

div.divider1 { background:#99dab9; height:1px; overflow:hidden; margin-bottom:10px; }
div.divider { background:#99dab9; height:1px; overflow:hidden; position:relative; bottom:2px; }
#spodok { position:relative; bottom:2px; }

div.buttons { overflow:hidden; height:40px; margin-top:8px;}
#pokladna { background:url(images/pokladna-bg.jpg) no-repeat; width:189px; height:40px; float:right; }
#pokladna:hover { background:url(images/pokladna-bg-over.jpg) no-repeat; }
#nakup { background:url(images/nakup-bg.jpg) no-repeat; width:207px; height:140px; float:left; }
#nakup:hover { background:url(images/nakup-bg-over.jpg) no-repeat; }

/* detail */

div.detail { font-size:12px; }
div.detail h1 { float:left; }
div.detail div.left {width:396px; margin-right:20px; float:left;}
div.detail div.left div.nadpis { height:40px;}
div.detail div.left div.left { width:187px; margin-right:20px; }
#selecty { height:65px; margin-top:8px; }
#selecty select { width:185px; height:28px; border:1px solid #ff7803; font-size:14px; margin-top:8px; }
@-moz-document url-prefix() { #selecty select { padding-top:3px; } } 

div.detail div.right { width:300px; }
div.detail div.left div.right { width:187px;}
div.detail div.right div.ilustr { width:298px; height:326px; border:1px solid #00a34f; display:inline; float:right; }

#povodna-cena { font-size:11px; }
#povodna-cena span { font-size:12px; color:#00a34f; }
#povodna-cena strong { font-size:14px; }

#do-kosika { width:387px; height:60px; padding:5px 0 5px 7px; background:url(images/do-kosika.jpg) no-repeat; font-size:11px; }
#do-kosika span { font-size:12px; color:#00a34f; }
#do-kosika strong { font-size:20px; }
#do-kosika div.left { width:130px; }
#do-kosika select { float:left; display:inline; width:48px; height:28px; border:1px solid #ff7803;  }
@-moz-document url-prefix() { #do-kosika select { padding-top:3px; } } 
#do-kosika #selectik { margin:18px 0 0 33px; width:48px; }
#do-kosika a, #do-kosika a:link, #do-kosika a:visited { width:150px; height:70px; float:right; background:none; position:relative; bottom:5px; } #do-kosika a:hover { background:url(images/do-kosika-over.jpg) no-repeat right;}

#naspat { width:215px; height:26px; float:left; margin-top:15px; background:url(images/naspat.jpg); }
#naspat:hover { background:url(images/naspat-over.jpg); }

div.gallery { width:300px; height:50px; padding:10px 0 10px 0; border-bottom:1px solid #7fd1a7; float:left; }
div.gallery a, div.gallery a:link, div.gallery a:visited { margin-right:3px; }

div.info { width:714px; height:251px; overflow:hidden; background:#24ae67 url(images/info-bg.jpg) no-repeat; margin:20px 0 5px 1px; float:left; color:#fff; font-size:12px; }
div.info div.left { width:198px; padding:20px; }
div.info div.left div.padd { padding:0; height:170px; }
div.info div.left p { margin-bottom:10px;}
div.info div.left span { font-size:17px; color:#fff; display:block; height:50px; }
div.info a, div.info a:link, div.info a:visited { text-decoration:none; font-size:14px; font-weight:bold; color:#fff;} div.info a:hover { text-decoration:underline; }

/* footer */

#footer { width:750px; padding:15px 0 15px 210px; color:#fff; }
#footer p { line-height:20px; }
#footer span strong { color:#00a34f; font-size:14px; }

#footer a {color: #fff }
#footer a:hover {text-decoration: none }
#footer a:visited {color: #fff }

#studio a, #studio a:link, #studio a:visited { width:134px; height:25px; background:url(images/studio.png) no-repeat; float:right; } #studio a:hover { background:url(images/studio-hover.png) no-repeat; }

/* PAGING */

div.strankovanie { float:right; height:25px; line-height:25px; margin:0 10px 0 0; }

div.strankovanie ul { margin:0; padding:0; list-style:none;  }
div.strankovanie li {
	width:27px;
	line-height:25px;
	display:inline; float:left;
	text-align:center; margin: 0
}

div.strankovanie li a, div.strankovanie li a:link, div.strankovanie li a:visited, div.strankovanie li a:hover {
	width:27px;
	line-height:25px;
	float:left;
	text-decoration:none;
	color:#00a34f;
}
div.strankovanie li a:hover { /*text-decoration:underline; */background: #e5f6ed }

div.strankovanie li a.active, div.strankovanie li a:link.active, div.strankovanie li a:visited.active, div.strankovanie li a:hover.active {
	background: #00a34f /*url(images/strankovanie-bg.jpg) no-repeat*/;	
	font-weight:bold;
	color:#fff;
}