/* CSS Document */
body
{
	background-color:#fbf1e5;
	margin:0 auto;
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#fff;
	behavior:url(scripts/csshover2.htc);
}

a img
{
	border:none;
}

body a
{
	text-decoration:none;
}

p
{
	margin:0;
	padding:0 0 10px 0;
}

.main {
	margin:0 auto;
	width:985px;
}

.pozadie
{
	padding-right:15px;
	padding-left:15px;
	background-color:#000000;
	width:955px;
	height:555px;
	text-align:left;
	vertical-align:top;
}

#telo
{
	width:100%;
	height:535px;
	background-position:top;
}

.tag
{
	margin-top:1px;
	margin-bottom:4px;
	text-align:right;
}
#logo {
	position:absolute;
	top:25px;
	padding:23px 0;
	background:#000;
}

.menu, .podmenu
{
	position:absolute;
	padding:2px 4px;
	background-color:#000000;
	font-size:21px;
	margin-left:320px;
	margin-top:10px;
	z-index:2;
}

.menu {
	padding-right:20px;
	white-space:nowrap;
}

.menu a, .podmenu a
{
	color:#FFFFFF;
}

.menu a.vyznacene, .podmenu a.vyznacene
{
	color:#F9DDBE;
}

.menu a:hover, .podmenu a:hover
{
	color:#F9DDBE;
}

.spodne_menu
{
	background-color:#F9DDBE;
	color:#8B6B48;
	font-size:10px;
	font-family:Arial, Helvetica, sans serif;
	padding:6px 0 6px 15px;
}

.spodne_menu a
{
	color:#8B6B48;
}

.spodne_menu a:hover
{
	text-decoration:underline;
}

.podmenu ul
{
	list-style:none;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#000000;
	font-size:12px;
	width:150px;
	border:solid 1px #ccc;
	z-index:2;
	position:absolute;
	visibility:hidden;
}

.podmenu ul ul
{
	top:-1px;
	left:150px;
}

.podmenu ul
{
	left:-2px;
}

.podmenu li {

	position:relative;
	float:left;
	display:inline;
	z-index:2;
}

.podmenu ul a, .podmenu ul li:hover ul a, .podmenu ul ul li:hover ul a
{
	background-color:#FBF1E5;
	color:#000000;
	width:130px;
	display:block;
	padding:5px 10px;
}

.podmenu ul a:hover, .podmenu ul ul li:hover a:hover
{
	color:#F9DDBE!important;
	background-color:#000000;
}

.podmenu ul li:hover a, .podmenu ul ul li:hover a
{
	background-color:#000000;
	color:#FFFFFF;
}

/* ukaz druhe podmenu ak si na prvom podmenu */
.podmenu li:hover ul
{
	visibility:visible;
}
/* skry tretie,stvrte podmenu ak si na prvom podmenu */
.podmenu li:hover ul ul, .podmenu li:hover ul ul ul
{
	visibility:hidden;
}

/* ukaz tretie podmenu ak si na druhom podmenu */
.podmenu ul li:hover ul
{
	visibility:visible;
}
/* skry stvrte podmenu ak si na druhom podmenu */
.podmenu ul li:hover ul ul
{
	visibility:hidden;
}

/* ukaz stvrte podmenu ak si na tretom podmenu */
.podmenu ul ul li:hover ul
{
	visibility:visible;
}

.podmenu
{
	font-size:17px;
	padding:1px 5px 1px 2px;
	margin-top:42px;
	margin-right:0;
	margin-bottom:0;
	list-style:none;
}

.info
{
	width:310px;
	height:430px;
	position:absolute;
	margin-left:630px;
	margin-top:80px;
	color:#FFFFFF;
	z-index:1;
}

.info td
{
	vertical-align:bottom;
}

.nadpis {
	font-size:26px;
	background-color:#000000;
	padding: 3px 0px 3px 10px;
	text-transform:uppercase;
}
.mensi {font-size:22px;}
.nadpis div {
	font-size:50%;
	color:#fff;
}

/* podnadpis - mensie pismo v nadpise*/
.nadpis span
{
	font-size:16px;
	font-weight:bold;
}

.priehladne_pozadie
{
	background-color:#000000;
	position:absolute;
	width:310px;
	margin-top:-19px;
	height:19px;
	opacity: .2;
	filter: alpha(opacity=20);
}

.info a
{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	margin-top:2px;
	padding: 3px 0px 3px 10px;
	position:relative;
	z-index:1;
	display:block;
}

.info a:hover
{
	background-color:#000000;
}

.info a.vyznacene, .info a.vyznacene:hover
{
	background-color:#F9DDBE;
	color:#000000;
}

.info .obsah, .novinka .obsah
{
	background-color:#000000;
	color:#F9DDBE;
	font-size:12px;
	padding:10px;
	line-height:18px;
	margin-top:2px;
	height:280px;
	/* *height: expression( this.scrollHeight > 302 ? "300px" : "auto" );  sets max-height for IE */
	overflow:auto;
}

.obsah ul
{
	margin:0 0 0 15px;
	padding:0;
	list-style-type:disc;
}

.info .obsah a
{
	display:inline;
	font-weight:normal;
	margin:0;
	padding:0;
	position:static;
}

.obsah li
{
	margin:0;
	padding:0;
}

.tien_maly
{
	width:21px;
	height:21px;
	border:solid 1px #FFFFFF;
	float:left;
	margin-right:1px;
	margin-top:1px;
	cursor:pointer;
	cursor:hand;
}

.tien_velky
{
	width:115px;
	height:125px;
	border:solid 1px #FFFFFF;
	margin-left:168px;
	position:relative;
}

#farba_1
{
	position:relative;
	height:100%;
	width:50%;
}

#farba_2
{
	position:relative;
	height:100%;
	width:50%;
}

#farba_nazov
{
	margin:30px 0 0 0;
	position:absolute;
	z-index:1;
}

#farba_nazov td
{
	text-align:center;
	color:#FFFFFF;
	width:113px;
}

.pomocny
{
	width:100%;
	height:100%;
}

.ukazka
{
	width:145px;
	position:absolute;
	margin-left:470px;
	margin-top:330px;
}

.ukazka_obrazok
{
	height:150px;
}

.ukazka_obrazok div
{
	width:135px;
	height:140px;
	padding:5px;
	background-color:#f6f7f9;
	overflow:hidden;
}

.tlacitko
{
	padding:10px 5px 5px 127px;
	text-align:left;
	background-color:#f6f7f9;
}

.tlacitko div
{
	background-color:#666666;
	font-size:12px;
	width:13px;
	text-align:center;
}

.tlacitko div:hover
{
	background-color:#000000;
	cursor:pointer;
	cursor:hand;
}

#minus
{
	display:none;
}

.stred
{
	width:894px;
	height:400px;
	position:relative;
	top:110px;
	left:30px;
}

#ukazka_vsetky
{
	width:145px;
	height:175px;
	background-color:#f6f7f9;
	float:left;
	margin-right:45px;
	visibility:hidden;
	position:relative;
	left:20px;
}

#ukazka_vsetky div
{
	width:135px;
	height:140px;
	padding:5px;
	overflow:hidden;
}

.zoznam
{
	width:640px;
	height:100%;
}

.zoznam th
{
	background-color:#000000;
	height:25px;
	font-weight:normal;
	font-size:14px;
	padding-left:40px;
}

.zoznam_spodok
{
	background-color:#000000;
	height:30px;
}

.zoznam_pozadie
{
	background-color:#FFFFFF;
	height:345px;
	opacity: .75;
	filter: alpha(opacity=75);
}

.zoznam_polozky
{
	color:#000000;
	position:absolute;
	z-index:1;
	height:345px;
	width:635px;
	overflow:auto;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
}

.zoznam_polozky table
{
	width:80%;
}

.zoznam_polozky td
{
	border-bottom:solid 1px #000000;
	height:40px;
	vertical-align:bottom;
}

.nahlad
{
	cursor:pointer;
	cursor:hand;
	vertical-align:text-top;
	margin-bottom:5px;
}

.zoznam_polozky a
{
	color:#000000;
}

.zoznam_polozky a:hover
{
	text-decoration:underline;
}

.tiene_nadpis
{
	padding:1px 5px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}

.zoznam_triky a
{
	display:inline;
}

.zoznam_triky a:hover
{
	display:inline;
	text-decoration:underline;
}

.ukazka #ukazka_vsetky
{
	left:0;
	margin:0;
}

.akcie
{
	width:640px;
	margin:0 auto;
}

.akcie th
{
	background-color:#000000;
	height:25px;
	text-align:center;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
}

.akcie .mesto
{
	text-align:center;
	background-color:#000000;
	height:25px;
}

.akcie_polozky, .galeria
{
	color:#000000;
	position:absolute;
	z-index:1;
	height:345px;
	width:640px;
	overflow:auto;
	font-size:12px;
	font-weight:bold;
}

.akcie_polozky table
{
	width:100%;
}

.akcie_polozky td
{
	text-align:center;
	padding:3px 0;
	border-bottom:solid 1px #000000;
}

.galeria table
{
	width:95%;
	margin:0 auto;
}

.galeria td
{
	height:110px;
	text-align:center;
	border-bottom:solid 1px #000000;
}

.trend td
{
	vertical-align:top;
}

.trend .nahlad
{
	padding-right:5px;
}

.trend h2
{
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:12px;
}

.obsah .trend a, .novinka a
{
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:10px;
}

.obsah .trend a:hover, .novinka a:hover
{
	text-decoration:underline;
}

.trend td
{
	padding-top:5px;
}

.novinka
{
	width:315px;
	position:absolute;
	margin-top:240px;
	margin-left:625px;
}

.left {
	margin-left:10px;
	margin-top:240px;
}

.novinka th
{
	color:#000000;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	vertical-align:top;
}

.novinka th span
{
	background-color:#FFFFFF;
	padding:0 5px;
}

.novinka td
{
	vertical-align:top;
	background-color:#000000;
	padding:0;
}

.novinka .nadpis
{
	padding:8px;
}

.novinka .medzera
{
	background-color:#FFFFFF;
	height:2px;
}

.novinka .obsah
{
	height:20px;
}

#reg
{
	margin-top:120px;
}

#reg table
{
	margin:10px auto;
}

#reg form
{
	margin:0;
	padding:0;
}

#reg table td
{
	padding:1px;
}

#reg input
{
	border:none;
	height:15px;
	font-family:Georgia,"Times New Roman",Times,serif;
}

#reg .nazov
{
	text-align:left;
	width:40%;
}

.suhlas
{
	margin:10px auto 5px auto;
}

.suhlas input
{
	margin-right:5px;
	color:#F9DDBE;
	vertical-align:text-bottom;
}

.odoslat
{
	text-align:center;
}

.odoslat input, .sbm
{
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	font-size:10px;
	background-color:#666666;
	cursor:pointer;
	cursor:hand;
	margin-right:10px;
	border:none;
}

.odoslat input:hover, .sbm:hover
{
	background-color:#FFFFFF;
}

.chat
{
	width:860px;
	height:420px;
	margin-left:50px;
	position:absolute;
	top:120px;
}

.stripe
{
	background-color:#000000;
	height:7%;
	text-align:center;
}

.stripe a {color:#F9DDBE;}

.stripe a, .stripe span
{
	position:relative;
	top:10%;
}

.stripe a:hover {color:#FFFFFF;}

.bg
{
	background-color:#FFFFFF;
	height:86%;
	position:absolute;
	width:100%;
	opacity: .75;
	filter: alpha(opacity=75);
}

.container
{
	overflow:auto;
	height:86%;
	position:relative;
	z-index:1;
}

.post
{
	color:#000000;
	padding:1% 2%;
}

.author
{
	text-align:right;
	font-weight:bold;
	font-size:0.9em;
}

.date
{
	font-size:0.8em;
	margin-bottom:0.4em;
}

.content{
	text-align:justify;
}

.new_post form, .new_post fieldset
{
	margin:0;
	padding:0;
}

.new_post
{
	width:80%;
	margin-left:10%;
	position:absolute;
	background-color:#000000;
	z-index:2;
	font-size:0.9em;
}

.new_post fieldset
{
	border:solid 1px #F9DDBE;
	margin:1%;
	padding:1%;
}

.new_post .odoslat
{
	margin-top:2%;
}

.name
{
	width:98%;
	margin:1% auto 0 auto;
}

.new_post legend
{
	color:#FFFFFF;
}

.lista
{
	width:98%;
	background-color:#F9DDBE;
	margin:2% auto;
}

.lista img
{
	margin:2px 0 2px 4px;
	cursor:pointer;
	cursor:hand;
}

.lista textarea
{
	width:100%;
	height:15em;
	border:none;
	border-top:double 2px #000000;
}

#farba
{
	width:16px;
	height:4px;
	margin-left:5px;
	margin-top:18px;
	display:inline;
	position:absolute;
	background-color:#808080;
	overflow:hidden;
	cursor:pointer;
	cursor:hand;
}

#vyber
{
	position:absolute;
	text-align:left;
	margin-top:26px;
	margin-left:4px;
	width:152px;
	height:63px;
	z-index:2;
	display:none;
	background-image:url(../img/farby_pozadie.jpg);
}

.lista .sipka
{
	margin-left:0;
}

.lista .col_button, .lista .sipka
{
	margin-top:5px;
	margin-bottom:0;
}

.lista .automaticky
{
	display:block;
	margin:15px auto 0 auto;
	cursor:pointer;
	cursor:hand;
}

.stvorceky
{
	width:145px;
	margin:4px auto 0 auto;
}

.stvorceky img
{
	margin:0 2px;
	border:solid 1px #a0a0a0;
	cursor:pointer;
	cursor:hand;
}

.lila {color:#AE65AA;}
.black {color:#000;}
q {quotes:'„' '“';}
.novinka .greenBg {background:#94CA90;}
.novinka .lilaBg {background:#746BAE; color:#fff;}
.novinka .pinkBg {background:#FF6699; color:#fff;}
.green {color:#94CA90;}
.pink {color:#FF6699;}
.gold {color:#CEB768;}

.kontakt {
	width:600px;
	background:#000;
	padding:0 1em;
	font-size:90%;
	position:absolute;
	margin-left:150px;
	top:150px;
}
.kontakt h2 {
	font-size:120%;
	text-align:center;
	padding-bottom:1em;
	border-bottom:solid 1px #fff;
}
.kontakt fieldset {
	border:none;
	line-height:2em;
}
.kontakt label {
	vertical-align:top;
	display:inline-block;
	width:10em;
	padding-right:1em;
	text-align:right;
	color:#F9DDBE;
}
.kontakt #mail, .kontakt textarea {width:250px;}
.kontakt textarea {height:130px;}
.mess {
	padding:2em;
	color:#F9DDBE;
	text-align:center;
}
