html, body { margin:0px; padding:0px; font-family: arial, sans-serif; font-size: 13px; color: #2f2f2f; background-color: #ddd; }

/* admin */
#adm_main { width: 910px; margin: 0px auto; background-color: #fff; }
#adm_top { padding: 15px 8px 0px 8px; height: 20px; border: 1px; color:#fff; background: #fff url('../pic/topbg.gif') repeat-x; }
#adm_top a { color: #fff; }
#adm_header { padding: 0px; height: 140px; border: 1px; }
#adm_menu { float:left; width: 170px; padding: 3px; border-right: 1px solid #ccc; }
.adminmenu { float:left; width: 170px; margin: 5px 10px; padding: 0px; }
.adminmenu li { list-style-type: none; margin: 0px;}
#admin { float: left; width: 670px; text-align: left; padding: 5px 10px; }
#admin a:visited, a:active { color: #84a; }
/* webpage */
#logintop { width: 100%; height: 59px; background: #fff url('../pic/topbg.gif') repeat-x; text-align: right; }
#login { width: 910px; height: 39px; padding: 10px; margin: 0px 0px 0px auto; color:#fff; background: #fff url('../pic/topbg.gif') repeat-x; text-align: right; }
#login a { color: white; }

#header { width: 910px; height: 55px; margin: 10px auto 0px auto; padding: 10px; background-color: #fff; }
#header span { display: none; }

#flashheader { width: 1010px; margin: 0px auto; height: 360px; }
#flashheader_small { width: 1010px; height: 150px; margin: 0px auto; }
#empty { float: left; width: 40px; height: 1px; }
#flash { float: left; width: 910px; height: 350px; margin: 0px auto; padding: 0px 10px 10px 10px; background-color: #fff; }
#flash_small { float: left; width: 910px; height: 140px; margin: 0px auto; padding: 0px 10px 10px 10px; background-color: #fff; }
#eshop { float: left; width: 40px; height: 117px; }

#menu { width: 930px; height: 25px; margin: 0px auto; padding: 5px 0px 0px 0px; background-color: #2f2f2f; }
#menu a:link, #menu a:visited, #menu a:active { padding: 5px 20px 6px 20px; font-size: 17px; color: #fff; text-decoration:none; }
#menu a:hover { background: #fff url('../pic/menubg.gif') repeat-x; }

#main { width: 930px; margin: 10px auto; background-color: #ddd; }

#main ol { padding: 0px; margin: 0px; }
#main ol li { list-style-type: none; margin: 0px; }

#uvod {  } 
#tripark { width: 930px; height: 170px; margin: 0px auto 10px auto; color: #fff; background: #fff url('../pic/triparkbg.gif') repeat-x; }
#tripark .sokrajom { height: 140px; width: 279px; overflow: hidden; border-right: 1px solid #fff; float: left; padding: 15px; }
#tripark .bezokraja { height: 140px; width: 279px; overflow: hidden; float: left; padding: 15px; border: 0px; }
#tripark a { color: #fff; }

#aktuality_akcie { background-color: #fff; }

#aktuality { width: 555px; height: 100%; padding: 10px 30px; float: left; background-color: #fff; }
.aktualita { display: table-row; }
.aktualita .bunka { vertical-align: top; }
.aktualita .den { width: 40px; height: 46px; padding: 3px; font-size: 16px; text-align: center; color: #fff; background: #80a10e url('../pic/denbg.gif') repeat-x; }
.aktualita .den b { font-size: 22px; }
.aktualita strong { color: #80a10e; font-size: 16px; }
.aktualita a { color: #80a10e; font-weight: bold; }

#akcie { width: 275px; margin-left: 0px; padding: 0px 20px; float: right; background: #fff url('../pic/aktuality_bg.gif') repeat-y; }
#akcie input { border: 1px solid #999; color: #2f2f2f; padding:4px 10px; }
#akcie .submit_green { float: right; width: 117px; height: 29px; border:0px; background: transparent url('../pic/submit_green.gif') no-repeat; color: #fff; }
#akcie hr { height: 10px; color: #ccc; }

#reklama { padding:1px 10px; font-family: arial, sans-serif; font-size: 13px; color: #fff; background-color: #ddd; }
#reklama a { color: #555; text-decoration: none; }

#footer { width: 100%; height: 226px; color: #fff; background: #fff url('../pic/botbg.gif') repeat-x; }
#paticka { width: 930px; height: 226px; margin: 0px auto; background: #fff url('../pic/botbg.gif') repeat-x; }
#kontakt { float: left; width: 566px; height: 186px; padding: 20px; color: #999; }
#kontakt a { color: #999; text-decoration: none; }
#vyhladavanie { float: right; width: 272px; height: 190px; margin: 18px 8px 18px 18px; padding: 0px 0px 0px 22px; color: #fff; border-left: 1px solid #fff; }
#vyhladavanie h2 { color: #fff; }
#vyhladavanie a { color: #fff; text-decoration: none; }
#vyhladavanie input { border: 1px solid #999; color: #2f2f2f; padding:4px 10px; }
#vyhladavanie .submit_grey { width: 111px; height: 29px; border:0px; background: transparent url('../pic/submit_grey.gif') no-repeat; color: #fff; }

#obsah { background-color: #fff; padding: 20px; } 
#obsah_lavy { width: 670px; padding: 0px; float: left; background-color: #fff; }
#obsah_pravy { width: 200px; padding: 10px; float: right; background-color: #ccc; }

#novinky { width: 200px; height: 100px; padding: 5px; background-color: #0d5386; }
#katalog { width: 200px;  padding: 5px; margin-top: 10px; background-color: #bbb; color: #fff; }
#admkatalog { padding: 0px; }
#novinky ul, #katalog ul, #admkatalog ul { padding: 0px; margin: 0px; }
#novinky ul { list-style-image: url('../pic/ul.gif'); margin: 10px 30px; }
#katalog li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 2px; background-color: #bbb; border: 0px; border-left: 15px; border-style: solid; border-color: #bbb; }
#novinky li { list-style-type: none; margin: 0px; padding-bottom: 5px; }
#admkatalog li { list-style-type: none; margin: 0px; padding: 0px 0px 0px 2px; background-color: #fff; border: 0px; border-left: 15px; border-style: solid; border-color: #fff; }
#katalog li:hover, #katalog li .hover { background-color: #96be0d; }
#admkatalog li:hover, #admkatalog li .hover { background-color: #bbb; }
#novinky a, #katalog a { text-decoration: none; color: #fff; font-size: 15px;}
#admkatalog a { text-decoration: none; color: #2f2f2f; }
#novinky a:hover { text-decoration: underline; }
#katalog h3 { padding: 0px; margin: 5px 5px 0px 5px; color: #0d5386; }

#tovar { width: 670px; padding: 20px; margin-left: 10px; float: right; background-color: #fff; }
.obrazok_tn { width: 110px; float: left; padding: 3px 5px 5px 5px; margin: 0px; text-align: center; }
.tovar_tn { width: 290px; float: left; padding: 10px; margin: 10px; border-right: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 11px; }

#detail {  }
#detail h2 { font-size: 20px; font-family: arial, sans-serif; padding: 10px; background-color: #0d5386; color: #fff; }
#detail .obrazky { width: 240px; float: left; padding-right: 20px; }
#detail .hlavnyobrazok { width: 240px; height: 300px; overflow: hidden; }
#detail .popis { float: right; width: 400px; }

/* vsebecne styly */
.hidden { display: none; }

.chyba { color:#f55; font-weight:bold; }

.cena { color: #2f2f2f; font-size: 15px; font-weight: bold; }
.akcia { color:#ff5555; font-size: 15px; font-weight: bold; }
.cena_stara { color: #2f2f2f; font-size: 12px; text-decoration: line-through; }
.vypredane { color:#ddaa00; font-weight:bold; }
.neponukat { color: #999; }
.priznak { color: #fff; }

.nevyrazne { font-weight:bold; color:#bbb; margin:0 0 10px 10px; }
.vyrazne { font-weight:bold; color:#ff5555; margin:0 0 10px 10px; }
.poznamka { font-weight:normal; color:#999aaa; }
.oznam { font-weight:normal; color:#000; }

.strany { font-weight: bold; font-size: 12px; }
.strany a { color: #5c7506; text-decoration: none; font-weight: bold; font-size: 12px; }

.riadok { background-color:#e0e0e5; margin-top: 2px; padding: 10px;}
.riadok_zvyrazneny { background-color:#e0e0e5; color: #069; margin-top: 2px; padding: 10px;}
.riadok_nevyrazny { background-color:#e0e0e5; color: #777; margin-top: 2px; padding: 10px;}
.riadok_objOdoslana { background-color:#e0e0e5; color: #a37; margin-top: 2px; padding: 10px;}
.riadok_objAkceptovana { background-color:#e0e0e5; color: #08a; margin-top: 2px; padding: 10px;}
.riadok_objExpedovana { background-color:#e0e0e5; color: #2f2f7f; margin-top: 2px; padding: 10px;}
.riadok_objExpedovanaDnes { background-color:#eeeeea; color: #2f2f9f; margin-top: 2px; padding: 10px;}
.riadok .text, .riadok_zvyrazneny .text, .riadok_nevyrazny .text  { float:left; }
.riadok .navig, .riadok_zvyrazneny .navig, .riadok_nevyrazny .navig, .riadok_objOdoslana .navig, .riadok_objAkceptovana .navig, .riadok_objExpedovana .navig, .riadok_objExpedovanaDnes .navig { float:right; text-align:right; }

.vpravo { text-align:right; float:right; padding: 0px; margin: 0px; }
.vlavo { float:left; }
.antifloat { clear:both; }

.tabulka { display: table; }
.riadoktabulky { display: table-row; }
.bunka { display: table-cell; padding: 5px; vertical-align: top;}

h1 { font-size: 18px; margin:5px 0px; color: #2f2f2f; }
h2 { font-family: "Times New Roman",serif; font-size: 25px; font-weight: normal; color:#000; margin: 10px 0px; }
h3 { font-size: 16px; margin: 5px 0px; color: #0d5386; }
h4 { font-size: 13px; font-weight: normal; background-color: #0d5386; color: #fff; padding: 5px; margin: 5px 0px; }
strong { color: #80a10e; font-size: 16px; }
a { text-decoration: none; font-weight: normal; color: #0d5386; }
a:hover { text-decoration: underline;  }
a img { border: 0px; }
p { margin-top: 5px; padding: 0px;}

.sledovanie { color: #999; background-color: #f5f5f5; border-top: 1px solid #aaa; border-spacing: 10px 0px; text-align: left; } }

.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 15%;
	left: 18%;
	width: 60%;
	height: 120%;
	padding: 16px;
	border: 16px solid grey;
	background-color: white;
	z-index:1002;
	overflow: auto;
  text-align: center;
}