html {  }
body { width:100%; display:table; background: url("../../images/ou/layout/bg_body.jpg") fixed white repeat-x top center; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000 }

.hidden { display:none }
.centered { text-align:center }

div#rainbow { position:absolute; top:0px; left:0px; background: url("../../images/ou/layout/bg_rainbow.jpg") repeat-x; width:100%; height:4px }
div#header  { position:relative; width:960px; margin:auto; overflow:hidden; }
div#header .logo { position:relative; padding-top:20px }
div#header .languages { position:absolute; top:0px; left:255px; z-index:100 }
div#header .languages a { width:20px; background:white; display:block; padding-top:7px; text-align:center; float:left; margin-right:5px; border:1px solid #ccc; border-top:none; text-decoration:none; color:#000 }
div#header .languages a.active { color:#5B1651; font-weight:bold }
div#header .menu { position:absolute; right:0px; top:0px; height:105px; }
div#header .menu a { display:inline; float:left; padding-left:8px }
div#header .option { line-height:18px; padding-top:20px; width:960px; overflow:auto; border-bottom:1px dashed #ddd; padding-bottom:5px }
/*div#header .option a { float:left; line-height:18px; position:relative; display:block; text-decoration:none; color:#5B1651; margin-right:36px; }*/
div#header .option a { text-decoration:none; color:#5B1651; display:inline-block; margin:0px 8px; padding-bottom:10px; }
div#header .option a.active { text-decoration:underline }
div#header .option a#last { margin-right:0px }
div#header .option a:hover { text-decoration:underline }

div#kolaz { width:1052px; margin:15px auto 10px auto; position:relative }
div#kolaz img.kolaz { width:1052px; height:428px; z-index:-10; position:relative }
div#kolaz .searchbox { position:absolute; bottom:20px; font-size:11px; right:130px;  background: url("../../images/ou/layout/bg_search.png"); width:546px; height:60px }
div#kolaz .searchbox ul li { float:left; height:60px }
div#kolaz .searchbox li.search { width:215px; position:relative }
div#kolaz .searchbox li.search input { position:absolute; top:16px; left:10px; width:150px; border:none; background:none; font-weight:bold }
div#kolaz .searchbox li.search a.submit { position:absolute; right:20px; top:10px; display:block; width:20px; height:30px; }
div#kolaz .searchbox li.filter { width:205px; }
div#kolaz .searchbox li.filter p { padding-top:7px; font-weight:bold; font-size:12px }
div#kolaz .searchbox li.filter ol { margin-left:12px; width:300px; overflow:auto }
div#kolaz .searchbox li.filter ol li { list-style:none; height:16px; float:left; color:#5B1651; padding-right:20px; font-weight:bold }
div#kolaz .searchbox li.filter ol li a { color:#5B1651; text-decoration:none; font-family:arial }
div#kolaz .searchbox li.filter ol li a:hover { text-decoration:underline }
div#kolaz .searchbox li.registracia {  }
div#kolaz .searchbox li.registracia a { display:block; padding-top:5px }
div#kolaz .fbbox { position:absolute; left:70px; bottom:50px }
div#kolaz #kolaz_anim { position:relative; z-index:0; width:1052px; height:428px; background: url("../../images/ou/layout/bg_kolaz.png"); }

#kolazpager { height: 25px; text-align: center }
#kolazpager a { background:#A31A46; width:16px; text-align:center; padding:0px 5px; font-size:11px; line-height:26px; display:inline-block; color:black; text-decoration:none }
#kolazpager a.activeSlide { color:#fff; background:url("../../images/ou/layout/bg_active.png") }

div#wrapper { width:960px; margin:auto; position:relative; overflow:auto; min-height:300px; display:table }
div#wrapper #content { width:800px; float:left; overflow:auto; position:relative }
div#wrapper #sider { width:150px; float:right; overflow:auto; margin-left:10px; padding-bottom:10px; text-align:center; padding-top:0px }

div#footer { width:100%; background: url("../../images/ou/layout/bg_footer.png") center; height:82px }
div#footer .content { width:960px; margin:auto; position:relative; overflow:auto; height:82px; }
div#footer .content .left { position:absolute; left:0px; top:25px }
div#footer .content .options { position:absolute; left:0px; top:45px }
div#footer .content .left img { float:left; padding-right:5px }
div#footer .content .options a { color:#fff; text-decoration:none; font-family:arial; font-size:9px }
div#footer .content .options a:hover { text-decoration:underline }
div#footer .content .ts { position:absolute; right:0px; top:30px }
div#footer .content .ts img { }
div#footer .content .menu { position:absolute; right:90px; top:25px; text-align:right; color:#ffffff; line-height:12px; font-size:9px; font-family:verdena }
div#footer .content .menu a { color:#fff; padding:10px; text-decoration:none }
div#footer .content .menu a:hover { text-decoration:underline }
div#footer a.tsko { text-decoration:none; color:#fff; padding:0px }
div#footer a.tsko:hover { text-decoration:underline }

div.slider .content { float:left; height:220px; display:inline ; overflow:auto}
div.novinky-list { height:auto; overflow:auto }
div.slider .nav { float:left; display:inline; width:24px; cursor:pointer; position:relative }
div.slider .content { width:750px; overflow:hidden; position:relative; margin-bottom:15px }
div.novinky-list .content { overflow:auto; position:relative }
div.slider .content .akcia, .akcia { position:relative; float:left; width:250px; height:219px;  }
div.novinky-list .content .akcie, .akcie { height:auto; overflow:auto }
div.slider .content .akcia img, .akcia img { padding:15px 15px 3px; width:220px; height:110px }
div.slider .content .akcia .header, .akcia .header { padding:0px 0px 2px }
div.slider .content .akcia .header, .akcia .header,
div.slider .content .akcia .header a, .akcia .header a { font-weight:bold; color:#430A38; font-size:12px; text-decoration:none }
div.slider .content .akcia .header a:hover, .akcia .header a:hover { text-decoration:underline }
div.slider .content .akcia .description, .akcia .description { display:block; position:relative; }
div.slider .content .akcia .liner,
div.novinky-list .akcia .liner { position:relative; margin:0px 15px; height:80px; overflow:hidden; border-bottom:1px dashed  #ddd; }
div.slider .content .akcia .description, .akcia .description,
div.slider .content .akcia .description a, .akcia .description a { color:#777; padding:0px; text-decoration:none }
div.slider .content .akcia .description a.more, .akcia .description a.more { color:#621857 }
div.slider .content .akcia .description a.more:hover, .akcia .description a.more:hover { text-decoration:underline }
div.slider .content .akcia .spot, .akcia .spot { position:absolute; top:0px; left:0px; width:55px; height:66px; z-index:5 }

div.slider .content .akcia .blue, .akcia .blue { background: url("../../images/ou/layout/spot_blue.png") transparent }
div.slider .content .akcia .red, .akcia .red { background: url("../../images/ou/layout/spot_red.png") transparent }
div.slider .content .akcia .orange, .akcia .orange { background: url("../../images/ou/layout/spot_orange.png") transparent }
div.slider .content .akcia .green, .akcia .green { background: url("../../images/ou/layout/spot_green.png") transparent }
div.slider .content .akcia .datum, .akcia .datum { position:absolute; top:12px; left:0px; width:55px; height:66px; z-index:10; text-align:center; color:#fff }
div.slider .content .akcia .datum .den, .akcia .datum .den { font-size:20px; line-height:20px; font-weight:bold }
div.slider .content .akcia .datum .mesiac, .akcia .datum .mesiac { font-size:11px; line-height:11px; font-weight:bold; color:#000 }
div.slider .content .akcia .datum .rok, .akcia .datum .rok { font-size:10px; line-height:10px }
div.slider .content .slide { position:absolute; left:0px; top:0px; height:220px; overflow:hidden; }
div.novinky-list .content .slide { height:auto; overflow:auto }
div.slider { position:relative }

div#odporucame { position:relative; clear:both; overflow:auto; padding-bottom:30px }
div#odporucame .slider { width:540px; float:left; display:inline }
div#odporucame .slider #pager { position:absolute; right:0px; top:25px; width:auto; font-family:Verdena }
div#odporucame .slider #pager a { background:#A31A46; width:16px; text-align:center; padding:0px 5px; font-size:11px; line-height:26px; display:block; float:left; color:black; text-decoration:none }
div#odporucame .slider #pager a.activeSlide { color:#fff; background:url("../../images/ou/layout/bg_active.png") }
div#odporucame .slider #slides { width:540px; height:270px; margin-top:15px }
div#odporucame .slider #slides .slide { position:relative }
div#odporucame .slider #slides .slide img { z-index:5; width:540px; height:270px }
div#odporucame .slider #slides .slide .alphabackground { height:60px; background:url("../../images/ou/layout/bg_slider.png"); position:absolute; width:540px; bottom:0px; left:0px; z-index:10 }
div#odporucame .slider #slides .slide .description { position:absolute; width:540px; top:215px; left:5px; z-index:15; color:#fff }
div#odporucame .slider #slides .slide .description a { color:#fff; text-decoration:none }
div#odporucame .slider #slides .slide .description a:hover { text-decoration:underline }
div#odporucame .slider img { padding:0px; margin:0px }
div#odporucame .calendar { margin-left:15px;  float:left; display:inline }

div#partneri { padding-bottom:20px; padding-top:20px; margin:auto; width:960px }
div#partneri .centered { border-top:1px dashed #ddd; margin-top:10px; padding-top:10px }
div#partneri a { padding:0px 10px}

div.regular p { font-size:11px; color:#777 }
div.regular h1 { font-size:18px; padding-bottom:15px }
div.regular a { text-decoration:none }
div.regular a:hover { text-decoration:underline }
div.regular h1,
div.regular a { color:#621857 }
div.regular h2 { font-size:14px; margin-top:15px }
div.regular_stravovanie h1,
div.regular_stravovanie h2,
div.regular_stravovanie a,
div.regular_stravovanie .colored_data { color:#DC7A22 }
div.regular_nakupovanie h1,
div.regular_nakupovanie h2,
div.regular_nakupovanie a,
div.regular_nakupovanie .colored_data { color:#B51D4E }
div.regular_zabava h1,
div.regular_zabava h2,
div.regular_zabava a,
div.regular_zabava .colored_data { color:#849739 }
div.regular_sluzby h1,
div.regular_sluzby h2,
div.regular_sluzby a,
div.regular_sluzby .colored_data { color:#0098BC }
div.regular_zoznam h1 { font-size:26px; padding-bottom:20px; padding-top:20px }
div.regular .goback { text-align:right }
div.page ul { margin-left:20px; }
div.page ul li { list-style:circle; color:#777 }
div.regular_zoznam .nodata { color:#5B1651; font-size:18px; padding-left:25px; padding-bottom:50px }

div.regular .profil { width:790px; position:relative; overflow:auto; padding:5px; margin-bottom:20px }
div.regular .profil .logo { width:204px; float:left; position:relative }
div.regular .profil .logo .hodnotenie { padding-top:10px; overflow:hidden; }
div.regular .profil .logo .hodnotenie img { float:left; }
div.regular .profil .logo .hodnotenie .perc { float:left; font-size:18px; font-weight:bold; width:48px; white-space:nowrap; padding-top:1px; text-align:right; font-family:arial }
div.regular .profil .logo .hodnotenie .perc_nakupovanie { color:#B51D4E }
div.regular .profil .logo .hodnotenie .perc_stravovanie { color:#DC7A22 }
div.regular .profil .logo .hodnotenie .perc_zabava { color:#849739 }
div.regular .profil .logo .hodnotenie .perc_sluzby { color:#0098BC }
div.regular .profil .logo .profilphoto { display:block ; overflow:auto;}
div.regular .profil .logo img.logo { width:200px; height:152px; border:1px solid #ccc; padding:1px }
div.regular .profil .description { float:left; width:316px; padding:0px 15px; text-align:justify }
div.regular .profil .description td { font-weight:bold }
div.regular .profil .description table { margin-bottom:20px }
div.regular .profil .description td.header { width:70px  }
div.regular .profil .scheduler { width:240px; float:left; font-weight:bold }
div.regular .profil .scheduler .note { font-weight:normal; padding:5px; font-size:9px }
div.regular .profil .scheduler table td { padding:5px }
div.regular .profil .scheduler table td.header { width:100px; }
div.regular .profil .scheduler table td.time { width:70px; text-align:center; color:#621857 }
div.regular .profil .scheduler table tr.even td { background:#eee }
div.regular .profil .slider { margin-top:20px }
div.even { padding:3px; background:#eee; width:100px }
div.odd { padding:3px; background:#ddd; width:100px }


div#list { position:relative; width:800px; clear:both; padding-bottom:25px; display:block; clear:both; overflow:auto }
div#list .client {  margin:20px 8px 8px; position:relative; float:left; display:inline }
div#list .client .sponzor { font-size:10px; text-align:right; color:#ccc }
div#list .client .hl { background:#eee; }
div#list .client .content { width:174px; padding:4px; border-bottom:1px dashed  #ddd;  }
div#list .client .header { font-size:14px; font-weight:bold; position:absolute; bottom:235px; left:5px }
div#list .client .nakupovanie a { color:#B51D4E }
div#list .client .stravovanie a { color:#DC7A22 }
div#list .client .zabava a { color:#849739 }
div#list .client .sluzby a { color:#0098BC }
div#list .client .header a:hover { text-decoration:none }
div#list .client .description { height:80px; overflow:hidden; }
div#list .client .description a.more { color:#621857; display:inline }
div#list .client img { width:170px; height:130px; border:1px solid #ccc; padding:1px; background:white }
div#list .client .description a { color:#777; text-decoration:none; display:inline }

div#googlemap,
div#dopyt { float:left; width:400px; margin-top:20px }
div#googlemap .hl,
div#dopyt .hl { padding-bottom:15px }
div#googlemap a { display:block; text-align:right; color:#621857; text-decoration:none; padding-right:50px }
div#googlemap a:hover { text-decoration:underline }
div#dopyt table { width:350px; font-weight:bold; margin:auto }
div#dopyt table td { line-height:24px; vertical-align:top }
div#dopyt table td.header { width:50px; text-align:right; padding-right:10px }
div#dopyt table td input { width:300px; border:1px solid #ccc; padding-left:3px }
div#dopyt table tr.err td { color:red }
div#dopyt table td img { margin-top:0px; margin-left:10px }
div#dopyt table td textarea { width:295px; height:100px; border:1px solid #ccc; font-size:11px; font-family:arial; padding:3px; overflow:auto }
div.sent { padding:20px; color:#778834; margin-top:30px; text-align:center; border:1px dashed #778834; width:300px; margin:auto }

div#filter { overflow:auto }
div#filter ul { position:relative; overflow:auto; display:block; clear:both; margin-top:5px }
div#filter ul li { float:left;line-height:26px; white-space: nowrap; }
div#filter ul li img { padding-right:15px }
div#filter ul li a { padding:0px 5px; line-height:26px; white-space: nowrap; }
div#filter ul li a.active { text-decoration:underline; font-weight:bold }

div.registracia h1 { line-height:24px }
div.registracia span.star { color:red; padding:0px 5px }
div.registracia h2 { font-size:14px; margin:15px 0px }
div.registracia ul { margin-left:40px; }
div.registracia ul li { list-style:circle }
div.registracia table.registracia { width:500px; margin:auto }
div.registracia table td { padding:3px; vertical-align:text-top }
div.registracia table td.header { width:170px; line-height:24px }
div.registracia table td.right { text-align:right }
div.registracia table td input { width:300px }
div.registracia table td input.chb { width:20px; margin-right:30px}
div.registracia table td.right input.chb { padding-right:5px }
div.registracia table td textarea { width:300px; height:100px; overflow:auto; font-size:12px; font-family:arial }
div.registracia table tr.err td { color:red; padding:0px 3px }

div#wrapper #sider .fblike { height:50px; text-align:right; position:relative; overflow:hidden }
div#wrapper #sider .fblike .fbbutton { position:absolute; top:12px; left:35px }
div#wrapper #sider .fb { padding:20px 0px }
div#wrapper #sider .newsletter { position:relative; padding:20px 0px 0px 0px; margin:auto; width:126px; height:115px; background: url("../../images/ou/layout/bg_newsletter.png") no-repeat }
div#wrapper #sider .newsletter input { width:110px; position:absolute; top:44px; left:5px; border:none; background:transparent }
div#wrapper #sider .newsletter a { width:70px; height:20px; position:absolute; top:70px; right:0px }

.newsletter { position:relative; padding:20px 10px 0px 0px; margin:auto; width:126px; height:115px; background: url("../../images/ou/layout/bg_newsletter.png") no-repeat }
.newsletter input { width:110px; position:absolute; top:44px; left:5px; border:none; background:transparent }
.newsletter a { width:70px; height:20px; position:absolute; top:70px; right:0px }

.newsletter { position:relative; padding:20px 10px 0px 0px; margin:auto; width:126px; height:115px; background: url("../../images/ou/layout/bg_newsletter.png") no-repeat }
.newsletter input { width:110px; position:absolute; top:44px; left:5px; border:none; background:transparent }
.newsletter a { width:70px; height:20px; position:absolute; top:70px; right:0px }

div.pagination { color:white; padding:5px; line-height:26px; position:relative }
div.pagination .nav-left { position:absolute; left:0px; top:0px }
div.pagination .nav-right { position:absolute; right:0px; top:0px }
div.pagination a { padding:3px 5px; margin-right:5px; color:white; background:#B69AAE; font-weight:bold }
div.pagination strong { color:white; background:#621857; margin-right:5px; padding:3px 5px; }

div#minifotogaleria { height:158px; width:800px; position:relative; background: url("../../images/ou/layout/bg_gallery.png") no-repeat; overflow:hidden }
div#minifotogaleria .scrollingHotSpotLeft { position:absolute; left:0px; top:0px; width:50px; height:158px; display:block; z-index: 10; background: url("../../images/ou/layout/arrow_left.png"); }
div#minifotogaleria .scrollingHotSpotRight { position:absolute; right:0px; top:0px; width:50px; height:158px; display:block; z-index: 10; background: url("../../images/ou/layout/arrow_right.png"); }
div#minifotogaleria .scrollWrapper { width:700px; margin:auto; padding-top:35px; height:190px; position:relative; overflow:hidden; white-space:nowrap }
div#minifotogaleria .scrollableArea { position: relative; width: auto; height: 158px }
div#minifotogaleria .scrollableArea img { position: relative; display: block; height:90px; float: left; margin-right: 15px; }

div#calendar { position:relative; margin-top:10px; padding-left:3px; background: url("../../images/ou/layout/bg_calendar.png"); width:220px; height:280px; }
div#calendar table { width:210px; margin:0px 5px; color:#3D0933; margin:auto }
div#calendar table tr { }
div#calendar table tr td { line-height:20px; margin:2px; width:28px; border:1px solid transparent; text-align:center; position:relative }
div#calendar table tr.hlavicka td { color:#fff; line-height:24px; border:transparent; padding-top:7px }
div#calendar table tr.hlavicka td a { color:#fff; font-weight:bold; text-decoration:none }
div#calendar table tr.hlavicka td.akt { font-weight:bold; line-height:24px; width:148px }
div#calendar table tr.days td { line-height:24px; color:#3D0933; font-weight:bold; border:transparent; }
div#calendar table tr td.action { background:#A07F9A; cursor:pointer }
div#calendar table tr td.today { color:#fff; background:#420A38;}
div.showday { padding:4px; display:block; position:absolute;  width:200px; overflow:auto; background:#eee; border:1px solid #bbb; z-index:100 }
div.showday a { text-decoration:none; color:#621857; font-size:12px }
div.showday a:hover { text-decoration:underline;  }
div.showday div.description { padding-bottom:7px }

div#calendar .last { position:absolute; bottom:20px; width:200px; height:60px; left:5px; color:white; overflow:hidden }
div#calendar .last .akcia { height:70px; width:200px }
div#calendar .last .akcia .spot { position:absolute; top:0px; left:0px; width:55px; height:66px; z-index:5 }
div#calendar .last .akcia .blue, .akcia .blue { background: url("../../images/ou/layout/spot_blue.png") transparent }
div#calendar .last .akcia .red, .akcia .red { background: url("../../images/ou/layout/spot_red.png") transparent }
div#calendar .last .akcia .orange, .akcia .orange { background: url("../../images/ou/layout/spot_orange.png") transparent }
div#calendar .last .akcia .green, .akcia .green { background: url("../../images/ou/layout/spot_green.png") transparent }
div#calendar .last .liner { position:absolute; overflow:hidden; top:10px; left:55px; color:#fff }
div#calendar .last .liner .header,
div#calendar .last .liner .header a { color:#fff; padding-bottom:0px }
div#calendar .last .liner .description,
div#calendar .last .liner .description a { color:#eee }
.location { color:#777; position: absolute; top: 0px; right: 17px }

div.bigstars { width:150px; cursor:pointer; padding-top:10px }
div.bigstars div.rateit-range { background: url("../../images/ou/layout/rateit/star-light.png"); height: 32px; }
div.bigstars div.rateit-hover { background: url("../../images/ou/layout/rateit/star-sel.png"); }
div.bigstars div.rateit-selected { background: url("../../images/ou/layout/rateit/star-dark.png"); }
div.bigstars div.rateit-reset { }
div.bigstars div.rateit-reset:hover { }

/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#fff;

	width:700px;
	min-height:400px;
	border:1px solid #666;
        height:400px;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url("../../images/ou/layout/icon_close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.sider_header {
    /*background:red;*/
    font-weight: bold;
    margin: 0px 10px;
    padding:5px; 
    text-align: center;
    color:#460B3B
}

#nlmodal { width: 667px; height: 427px; background-image:url("../../images/ou/layout/nlpopup.png"); background-color: transparent; position: relative }
a#nlclose { width: 30px; height: 30px; display: block; position: absolute; right: 20px; top: 20px }
#nlhighligh { color:#B51D4E; font-size: 14px; font-weight: bold; text-align: center; padding-top: 160px; padding-bottom: 15px; line-height: 22px }
#nlinput { margin-top: 10px; text-align: left; position: relative; background-image:url("../../images/ou/layout/nlinput.jpg"); background-repeat: no-repeat; width: 301px; height: 41px; margin: auto; padding-top: 3px; padding-left: 2px }
#nlinput input { width: 210px; font-size: 18px; padding: 2px; border:none;  }
#nlinput #nlsubmit { position: absolute; width: 70px; height: 30px; background: none; border: none; right: 3px; top:1px  }
#nlfb { position: absolute; top:50px; left:40px }

table.article_list {}
table.article_list td h1 { padding:0px; margin:0px; line-height:24px  }
table.article_list td { padding:0px; margin:0px; height:10px }