/* RESET */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* END RESET */

html{margin: 0; padding: 0}
body{font-family:lucida sans-serif,Sans,Trebuchet MS,Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;background:#f4f4ed url('../img/bodyBG2b.jpg') no-repeat bottom center;color:#000;margin-bottom:55px; padding:0}
#back {background: url("../img/bodyBG2.jpg") no-repeat center top; position: relative}
div{position:relative;}
ul{}

a{text-decoration:none;color:#1f7fe4;}
a:hover{color:#1868C0;} 
a:active {}
a:visited{text-decoration:none;}
div.akcia {margin-right: 5px; clear: both;}
a.akcia {margin-left: 5px;}
span.akcia {margin-left: 10px;}
img.akcia {margin: 5px;}
.akcia-right {margin-right: 10px;}
img{margin: 0; padding: 0; vertical-align: middle;}
img.border{border:3px solid #DDDDDD;margin-bottom:10px;}
p{padding:5px;padding-left:0;}
p.light{color:#9a9393;}
p.subtext{padding:0;font-style:italic;padding-bottom:15px;border-bottom:1px solid #b5b6ad;margin-bottom:25px;font-size:11px;}
.floatLeft{float:left;}
.clear{display:block;clear:both; margin: 0; padding: 0;}
h1{font-size:36px;line-height:30px;padding-bottom:5px;font-weight:normal;}
h2{font-size:18px;line-height:20px;padding-bottom:5px;color:#53544d;font-weight:normal;}
h3{font-size:16px;line-height:18px;padding-bottom:5px;font-weight:bold;}
h4{font-size:14px;line-height:16px;}
h5{font-size: 14px; margin-bottom: 10px;}
h6{font-size:10px;line-height:12px;} 

sup {font-size: 10px; vertical-align:top; line-height: 20px;}

cite{padding:3px 7px;background:#000;color:#fff;}

.block { display: block; }
.blockMsg{background: #fff;}
.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}

.left {float:left;}
.right {float:right;}

.upper {text-transform: uppercase;}
.strong, .bold {font-weight: bold;}

.help {cursor: help;}
.help-hore {cursor: help;}
.hidden { display: none;  }

.tabs { position: relative; padding:0.2em; border:1px solid #DADADA;  zoom: 1; font-size:12px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.tabs ul.menu { margin: 0; padding: 0em 1px 0; background: #DADADA; display:block; height: 33px; }
.tabs ul.menu li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0px 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; border: 1px solid #d8dcdf; background: #eeeeee url(/img/jquery.ui/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276;  }
.tabs ul.menu li a { float: left; padding: .5em 1em; text-decoration: none; color:#777777; }
.tabs ul.menu li a.upravit { float: left; padding: .5em 0.2em; margin: 0 3px; text-decoration: none; color:#777777; }

.tabs ul.menu li.selected { margin-bottom: 0; padding-bottom: 1px; background: #fff }
.tabs ul.menu li.selected a {  color:#000; }
.tabs ul.menu li:hover { border: 1px solid #cdd5da; background: #f6f6f6 url(/img/jquery.ui/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; }
.tabs ul.menu li.selected:hover{background: #fff}
.tabs .tab-panel { background:none repeat scroll 0 0 #Fff;    border-color:-moz-use-text-color #DADADA #DADADA;    border-style:none solid solid;    border-width:medium 2px 2px;    display:block;    padding:1em 10px; font-size:13px}



.darkDivider{display:block;height:2px;background:url('../img/darkDivider.jpg') repeat-x;margin:10px 0;}
.lightDivider{display:block;height:2px;background:url('../img/lightDivider.jpg') repeat-x;margin:10px 0;}
.box ul.lighter li{margin: 0; padding: 0px; padding-top: 8px; padding-bottom: 8px; background:url('../img/lightDivider.jpg') repeat-x bottom;margin:0px 0; overflow-x:hidden; word-wrap:break-word;}
.box ul.lighter li:hover{ background:#f3f3f3 url('../img/lightDivider.jpg') repeat-x bottom; margin:0px 0; }

.ui-effects-transfer { border: 2px dotted gray; background-color: #f5f5f5; color: #111; opacity:.25; filter: alpha(opacity=25);}

.nadpis3 { font-size: 13px; font-weight: bold; }

.italic { font-style: italic; }

.subinfo { color: #707070; }
.subinfo a { color:#3C8DE8; }

.premenna { font-weight: bold; margin-right: 5px; }

.infobox { margin: 0px; padding: 0px; background: #FBFBF9; border:1px solid #AAA; padding: 10px; font-size: 13px; margin-bottom: 10px; text-align: center; font-weight: bold; }

.hodnotenie_velke {padding-bottom: 15px}
.hodnotenie_velke input.like { background:url("../img/hlasovanie.png") no-repeat scroll 0px 0 transparent; height:42px; width:44px; border:0px; margin:0; padding:0px; cursor: pointer}
.hodnotenie_velke input.dislike { background:url("../img/hlasovanie.png") no-repeat scroll -43px 0px transparent; height:42px; width:44px; border:0px; margin:0; padding:0px; cursor: pointer}
.hodnotenie_velke input.like_disable { background:url("../img/hlasovanie.png") no-repeat scroll -175px 0 transparent; height:42px; width:44px; border:0px; margin:0; padding:0px; cursor: pointer}
.hodnotenie_velke input.dislike_disable { background:url("../img/hlasovanie.png") no-repeat scroll -218px 0px transparent; height:42px; width:44px; border:0px; margin:0; padding:0px; cursor: pointer}
.hodnotenie_velke div.like {font-size:14px; font-weight: bold; float:right;border:0px; margin:0; padding:0px; float:left; text-align:right; color:#4C7502;}
.hodnotenie_velke div.dislike { font-size:14px;font-weight: bold; float:left; border:0px; margin:0; padding:0px; float:left; text-align:left; color:#A00E13;}
.hodnotenie_velke div.like span {padding:5px;}
.hodnotenie_velke div.dislike span {padding:5px;}

/*  tabulky */
thead th {background-color:#555;border-bottom:1px solid #000;color:#fff;}
table th, table td {padding:6px 10px;text-align:left;vertical-align:top;}
tr.accent{background:#1D9EDF;}
/* tr:hover td {background:#E5E6DF ;color:#000;} */

/* formularove prvky */
label{display:block;color:#000;float:left; clear: left; margin:10px 0 0px; padding-top:8px;}

input{border:none;padding:6px;margin:0; color:#53544D; border:1px solid #C4C5BE;outline: none;outline-color: #fff; -moz-border-radius:2px;	-webkit-border-radius: 2px; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif;}
.input{float:left;padding:6px;background:#fff;display:block;color:#53544D;width:220px;border:1px solid #C4C5BE;margin:10px 0 0 0;  font-size:13px}
.input-noblock{padding:6px;background:#fff;color:#53544D;width:220px;border:1px solid #C4C5BE;margin:10px 0 0 0; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px}
input.checkbox {width:auto; float:left;margin-top:18px;margin-left:10px;}

textarea{background:#fff;color:#53544D;border:none;padding:7px;width:235px;border:1px solid #c7c7b6;overflow:auto;margin:10px 0 5px 0; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px; -moz-border-radius:2px;	-webkit-border-radius: 2px; }
textarea.inputError{border: 1px solid #D80047 !important; background: url("/img/jquery.ui/ui-bg_diagonals-thick_75_f3d8d8_40x40.png") repeat scroll 50% 50% #FEFAFA}
.textarea { float: left; width:450px; height:150px}

.submit{display:block;width:118px;height:37px;background:url('../img/readMore.jpg') no-repeat;line-height:9px;text-align:center;color:#53544d;font-size:11px;border:none;cursor:pointer;}

.select{float:left;padding:6px;background:#fff;display:block;color:#53544D;width:220px;border:1px solid #C4C5BE;margin:10px 0 0 0; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px;}
select{padding:6px;background:#fff;color:#53544D;border:1px solid #C4C5BE;margin:10px 0 0 0; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px;}

.button { -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border-bottom:1px solid #B5B5B5; border-right:1px solid #B5B5B5; border-top:1px solid #E3E3E3; border-left:1px solid #E3E3E3; margin:2px; padding:5px 7px; text-decoration:none; cursor:pointer; outline: none; outline-color: #fff; color: #333; -moz-user-select:none; }
a.button:link { color: #333; }
.button:focus { border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3; border-top:1px solid #B5B5B5; border-left:1px solid #B5B5B5; }
.button:hover { background:#FBFBFB none repeat scroll 0 0; color:#1868C0; }












dl {
    position: relative;
    width: 450px;
}
dt {
    clear: both;
    float:left;
    width: 180px;
    text-align: left;
}
dd {
    float: left;
    width:215px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
form .hint {
    display: none;
    -moz-border-radius:2px 2px 2px 2px;
    background:#FFFFCC;
    border:1px solid #CC9933;
    margin-top:10px;
    padding:6px 12px;
    position:absolute;
    right:-220px;
    width:230px;
}
.hint .hint-pointer {
    background:url("/img/hint.gif") no-repeat scroll left top transparent;
    height:19px;
    left:-10px;
    position:absolute;
    top:5px;
    width:10px;
}

.msg-error {
    background:none repeat scroll 0 0 #F0CEC4;
    border:1px solid #A24057;
    color:#A24057;
}

.msg-success {
    background: #eaf8d5;
    color: #829b36;
    border: 1px solid #829b36;
}
.msg-attention {
    background: #fffbcc;
    color: #c0a443;
    border: 1px solid #c0a443;
}
.msg-info {
    background: #d2eef1;
    color: #369fb4;
    border: 1px solid #369fb4;
}

.msg-error, .msg-success, .msg-attention, .msg-info {
    -moz-border-radius:3px 3px 3px 3px;
    line-height:30px;
    margin:10px 0;
    padding-left:10px;
    padding-right:10px;
    position:relative;
}

fieldset{border:none;padding:0;margin:0;clear:both;}
fieldset.grey{border:none;padding: 0px; background :#F4F4F2;margin:0;clear:both;}


input.inputError{ background: #FEFAFA url(/img/jquery.ui/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; border: 1px solid #D80047 !important;}
label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;}
div.inputError{background: #FEFAFA; border: 1px solid #D80047 !important; display:inline; padding:7px; -moz-border-radius:2px;}

option{padding:2px 0 0 5px;}

textarea.elastic {max-height: 400px;  overflow: hidden; height: 150px;}

/*general page*/
#headerr {width:1008px;height:179px;background:url('../img/header.png') no-repeat top center;margin:0 auto 0 auto;}
#page{width:1008px;min-height:241px;background:url('../img/content.jpg') repeat-y top center;margin:0 auto 0 auto;}
#wrap{width:970px;margin:0 auto;}
#wrap2{width:970px;margin:0 auto;}
#wrap .obsah{display:block;width:430px;float:left;}
#wrap .obsah-plny{display:block;width:700px;float:left;}

form fieldset .input, form fieldset textarea {width: 662px}
.obsah-plny .box .select {width: 675px}

.obsah .box { margin: 0px; padding: 0px; background: #FBFBF9 url('../img/box-top.gif') no-repeat top; border:1px solid #DDDDDD; padding: 10px; margin-bottom: 10px; }
.obsah-plny .box { font-size:13px; margin: 0px; padding: 0px; background: #FBFBF9 url('../img/box-full-top.gif') no-repeat top; border:1px solid #DDDDDD; padding: 10px; margin-bottom: 10px; }
.obsah .box .box-obsah, .obsah-plny .box .box-obsah { padding: 4px; display: block; }
.box { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#EFEFE9 url(../img/box.png) repeat-x center top; height:1%; padding:18px; }
.box_border { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CFCFCF; margin:0 0 20px; padding:1px; }

#wrap .panel{display:block;width:260px;float:left; margin-left: 10px;}
.panel .box { margin: 0px; padding: 0px; background: #FBFBF9 url('../img/box-side-top.gif') no-repeat top; border:1px solid #DDDDDD; padding: 10px; margin-bottom: 10px; }
.box h4, .box h2 { -moz-border-radius:2px; -webkit-border-radius: 2px; background:#D60043 none repeat scroll 0 0; color:#FFFFFF; letter-spacing:2px; margin-bottom:10px; padding:5px; text-transform:uppercase; font-size:14px; line-height:16px;font-weight:bold; }
.panel .box .separator {background: url("../img/lightDivider.jpg") repeat-x scroll center bottom transparent}

/* podmenu */
.panel ul.menu li { font-size:12px; padding:2px; }
.panel ul.menu li.active { font-weight: bold; }
.panel ul.menu li a { color:#1F3E4C; display:block; padding-left: 7px; }
.panel ul.menu li.active a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;   background:#B8CA63 url(../images/nav-a-bg-active.gif) repeat-x scroll 0 0;   color:#FFFFFF;   text-decoration:none !important;   -moz-border-radius:1px;   -webkit-border-radius: 1px; }
.panel ul.menu li.active a span { background:transparent url(../img/menu-sipka-activ.gif) no-repeat scroll 0 50%; }
.panel ul.menu li a span { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;  background:transparent url(../img/menu-sipka.gif) no-repeat scroll 0 50%;   cursor:pointer;   display:block;   padding:4px;   padding-left: 15px; }
.panel ul.menu li:hover {  font-size:12px; color: #fff; -moz-border-radius:2px; -webkit-border-radius: 2px;   background: #1868C0; }
.panel ul.menu li:hover a { color: #fff; }
.panel ul.menu li.separator:hover {  background: none; }



/*header*/
#header{padding-top:20px; padding-bottom:15px;}
#header h1 {width: 500px; float:left;}
a.logo{margin-top: 5px;display:block;width:400px;height:78px;background:url('../img/videorohal-logo.png') no-repeat;}
h1 a.logo strong{display:block;margin-left:-9999px; }
#header h2{float:right;position:absolute;right:0;top:84px;}

/*navigation*/
.navigation{width:960px;font-family:Verdana;font-size:12px;padding-top:15px;}
.navigation li{display:block;float:left;}
.navigation li.last a{padding-right:0;background:none;}
.navigation li.first a{padding-left:0;}
.navigation li.current a{color:#1d9edf;}
.navigation li.current a span{}
.navigation li a:hover{color:#1d9edf;}
.navigation li a{display:block;float:left;color:#2f2320;font-weight:bold;background:url('../img/navDivider.jpg') no-repeat right 2px; padding:0 18px;}
.navigation li a span{display:block;line-height:18px;font-size:10px;font-weight:normal;color:#999;text-shadow:0 1px 0 #FFFFFF;}
.navigation li a:hover span{color:#555;}

#join{display:block;padding:7px 15px;background:#fff;position:absolute;top:25px;right:0;border:1px solid #c0c0bd; 	opacity: .8; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); 	-moz-opacity:0.8; -khtml-opacity: 0.8;}
#join a {opacity: 1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}

#top { clear:right; -moz-border-radius:2px; -webkit-border-radius: 2px; border: 1px solid #eee; background-color:#fff; bottom:8px; display:block; position:fixed; right:8px; z-index:10; }
#top a { padding:5px; }

/*footer*/
#footer{padding:40px 0 10px 0;}
#footer ul.links{display:block;width:225px;float:left;margin-right:20px;}
#footer ul.links.last{margin-right:0;}
#footer li a{color:#53544d;font-size:11px;}
#footer li a:hover{color:#000;}
#footer li.title{font-size:12px;border-bottom:1px solid #b5b6ad;padding:0 0 5px 0;margin: 0 0 20px 0;font-weight:bold;}



#bottom { background:url('../img/bottom.png') no-repeat;
          height: 61px;
          margin: 0 -1px;
          width:1009px;
          display: block
}

#bottom p {padding-top:20px; padding-left:15px; font-size:11px;color:#23241d;display:block;}

/* oprava k jquery dialogu */
.dialog { display:none; margin-top:5px; background: transparent; }
.dialog .input { width:175px }
.dialog label { width:75px }


/*
M O D U L
*/

/* vyhladavanie */
#modul-vyhladavanie  input {margin:0;}
#modul-vyhladavanie .input {float:left;margin-right:10px; width: 150px;}

/* prihlasovanie */
#modul-prihlasovanie .zabudnute { padding:7px; margin:5px 0 0 0; float:left; }
#modul-prihlasovanie input { color:#53544D;width:220px;margin:5px 0 10px 0; }
#modul-prihlasovanie input.button {	width:100px;margin:5px 0 0 0; float: right; }

/* anketa */
#modul-anketa .odpoved-parna img, #modul-anketa .odpoved img  ,  #nastavenia .odpoved-parna img, #nastavenia .odpoved img {	border: none;	float: left; vertical-align: bottom; margin: 0; height:20px; }
#modul-anketa span.otazka  ,  #nastavenia span.otazka {	display: block;	margin-bottom: 7px; }
#modul-anketa div.odpoved  , #nastavenia div.odpoved {	padding: 5px; }
#modul-anketa div.odpoved-parna  ,  #nastavenia div.odpoved-parna {	padding: 5px;	background: #EDEDEB; }
#modul-anketa span.pocet  ,  #nastavenia span.pocet { display: block; padding-left: 5px;	float:left; color: #777; line-height: 20px;	vertical-align: bottom; }
#modul-anketa span.sucet  ,  #nastavenia span.sucet { display: block; margin-top: 2px; }

/*najnovsie albumy*/
#modul-novinky strong a {margin-bottom:5px; display: block;}
#modul-novinky img.album {width:90px; float:left; margin:0px; margin-right:10px;}
#modul-novinky span {float:left; line-height:20px;}

#kontakt label
{
    width:125px
}

#kontakt textarea, #kontakt .input
{
    width:380px
}


#kontakt fieldset{border:none;padding:7px;margin:0;clear:both;}
#kontakt fieldset.grey{border:none;padding:7px; background :#F4F4F2;margin:0;clear:both;}


#kontaktny-formular .button
{
    float: right;
}



#reklamatop
{
    text-align:center; padding-top: 5px; padding-bottom: 14px;
}

#reklamy img
{
    border:1px solid #ddd;
    -moz-border-radius:2px;
    padding:1px;
    margin-top: 5px;
}





#crumbs { height: 28px;line-height: 28px;border:1px solid #dedede;margin-bottom: 10px; background: #FBFBF9;}
#crumbs li {float:left;height: 28px;line-height: 28px;color:#777;padding-left:.75em;vertical-align: middle;}
#crumbs li a {line-height: 28px;height: 28px;float: left;background:url(../img/crumb.png) no-repeat right top;display:block;vertical-align: middle; padding:0 15px 0 0;letter-spacing:1px}
#crumbs li a:link,#crumbs li a:visited {color:#777;text-decoration:none;}
#crumbs a:link, #crumbs a:visited,#crumbs li a:hover,#crumbs li a:focus { color:#dd2c0d;}


/* tipsy */
.tipsy { padding: 5px; font-size: 11px; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }































.strankovanie {text-align: center; clear:both; padding-top: 25px; padding-bottom: 20px; 	-moz-user-select:none; }
.strankovanie div.left {float: left; width: 150px; text-align: left;}
.strankovanie div.right {float: right; width: 150px; text-align: right;}

.strankovanie a {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-top:1px solid #eee; border-left:1px solid #eee; margin:1px; padding:5px 6px; text-decoration:none; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 2px;}
.strankovanie b {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; border-top:1px solid #eee; border-left:1px solid #eee; margin:1px; padding:5px 6px; text-decoration:none; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:0 2px; background:#F2F1EA none repeat scroll 0 0; color:#222222;}

.strankovanie a:hover { background:#FCFCFC none repeat scroll 0 0;}
.strankovanie a:focus{ border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3; border-top:1px solid #B5B5B5; border-left:1px solid #B5B5B5;}
.strankovanie p { margin: 0px; padding: 0px; padding-bottom: 5px;}











/* UVOD */

#bleskovky { display:block; overflow:hidden;height:169px;width: 395px; }
#bleskovky .content { display:block; overflow:hidden;height:120px;width: 395px; }
#bleskovky ul, #bleskovky li, #bleskovky2 ul, #bleskovky2 li{ margin:0; padding:0; list-style:none; }
#bleskovky2{margin-top:1em;}
#bleskovky li, #bleskovky2 li{ width:395px; height:120px; overflow:hidden; }
#bleskovky li h2 { color:#333333; font-family:Trebuchet MS,Arial,Helvetica,Sans-Serif; margin:0; margin-bottom: 5px; }
#prevBtn, #nextBtn, #bleskovky1next, #bleskovky1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; }
#nextBtn, #bleskovky1next{ left:696px; }
#prevBtn a, #nextBtn a, #bleskovky1next a, #bleskovky1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../img/btn_prev.gif) no-repeat 0 0; }
#nextBtn a, #bleskovky1next a{ background:url(../img/btn_next.gif) no-repeat 0 0; }
#bleskovky ul { display: block; height:170px; width: 370px; }
ol#controls{ display:block; float:left; margin:15px 0 10px 0; }
ol#controls li{	display:block; float:left; height:24px; line-height:25px; width:39px; }
ol#controls li a{ display:block; width:39px; height:24px; background:url('../img/costIcon.jpg') no-repeat; line-height:25px; text-align:center; float:right; color:#777; font-size:10px; }
ol#controls li.current a { color:#000; text-align:center; font-size:10px; font-weight: bold; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
ol#controls li a:hover{color:#999;}

/* REGISTRACIA */

#registracia label{ width: 190px; vertical-align: middle; float: left;}
#registracia .input{ width: 200px; float: left;}
#registracia .select{ width: 214px; float: left;}
#registracia input.button{ width: 100px; text-align: center; float: right;}



/* MASTAVENIA */

.obsah-plny .subbox .select {width: 657px}

#nastavenia.reklamy .subbox .input{  width:240px; float:left; margin:11px 0 3px;}
#nastavenia.reklamy .subbox .select{    width:240px;float:left;margin:10px 0 0 0;}
#nastavenia.reklamy .subbox label{    width:100px;}


#nastavenia .check label {width: auto; margin: 0px; margin-right: 5px; padding: 0px;}
#nastavenia .textarea { width: 640px;height: 90px; }
#nastavenia .check { float: left; height: 100px; padding-right: 25px; margin-bottom: 10px; font-size: 16px; }



/* OBJEDNAVKY */

#objednavky ul.zoznam {margin:0;}
#objednavky ul.zoznam li {clear: both; background: url('../img/lightDivider.jpg') repeat-x bottom; padding:8px; }
#objednavky ul.zoznam li.odoslana { background-color:#F9FAD8 ;}
#objednavky ul.zoznam li.navratka { background-color:#E6F0CE ;}
#objednavky ul.zoznam li.neprevzata { background-color:#F4D7D8 ;}
#objednavky ul.zoznam li.grey {background-color:#F5F5EF;}
#objednavky select.select {margin: 0; margin-bottom: 5px;}
#objednavky .selected {background-color: #F5F5EF;}



/* NA STIAHNUTIE */

#na-stiahnutie ul.zoznam {margin-top: 10px;}
#na-stiahnutie ul.zoznam li {clear: both; background:url('../img/lightDivider.jpg') repeat-x bottom; padding:8px; font-size: 12px; }
#na-stiahnutie ul.zoznam li img {margin-top:-1px; margin-left: 3px;}
#na-stiahnutie ul.zoznam li .nazov {float:left;}
#na-stiahnutie ul.zoznam li .pridal {float:right;}

#na-stiahnutie .video {margin:10px;}

/* UZIVATELIA */

#uzivatelia .foto {float:left; border:5px solid #eee; margin-bottom: 10px; }
#uzivatelia .info {float:left;padding:10px; margin-bottom: 10px;}

#uzivatelia ul.zoznam {margin:0;}
#uzivatelia ul.zoznam li {clear: both; background:url('../img/lightDivider.jpg') repeat-x bottom; padding:8px; font-size:12px }



/* VYHLADAVANIE */

#vyhladavanie {}
#vyhladavanie .hladany-text { float:left; margin:5px 10px 0 0; padding:7px; padding-left: 0px; }
#vyhladavanie input { color:#53544D; width:220px;margin:5px 0 10px 0; width: 450px; }
#vyhladavanie input.button {	padding:6px;width:100px;margin:5px 0 0 0; float: right; }

ul#filter { margin: 0; padding: 0; float: left; list-style: none; height: 32px; width: 100%; }
ul#filter li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #fff; }
ul#filter li.fseparator { float: left; width: 5px; height: 32px; line-height: 31px; border-bottom: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; border-top: none; background: #FBFBF9; }
ul#filter li.lseparator { float: left; width: 5px; height: 32px; line-height: 31px; border: none; border-bottom: 1px solid #ccc; margin-bottom: -1px; overflow: hidden; position: relative; background: #FBFBF9; }
ul#filter li a { text-decoration: none; color: #000; display: block; font-size: 1em; padding: 0 5px; border: 1px solid #fff; outline: none; }
ul#filter li a:hover { background: #eee; }
html ul#filter li.active, html ul#filter li.active a:hover  { background: #FBFBF9; border-bottom: 1px solid #FBFBF9; }
#filter li.grey a { color: #bbb; }

#vysledky-hladania { padding-top: 20px; }
#vysledky-hladania li span { float:right; }



/* TEXTY */

#texty .nadpis {display: block; font-weight: bold; margin-bottom: 10px;}
#texty .text {margin-bottom: 10px; font-size: 14px;}
#texty img.akcia {margin:3px; }

#texty .tlp {margin-top: 10px; margin-left: 10px; margin-bottom: 0px;}

#texty ul.zoznam {margin-top: 10px;}
#texty ul.zoznam li {clear: both; background:url('../img/lightDivider.jpg') repeat-x bottom; padding:10px; }
#texty ul.zoznam li .nazov {float:left;}
#texty ul.zoznam li .pridal {float:right;}

#texty .zmazat-text { margin-right:10px; }
#texty .upravit-text { margin-right:10px; }

.naj li.artist{display:block;float:left;font-size:11px; width: 245px;}
.naj li.track{display:block;float:left; width: 245px;}
.naj li.cost{display:block;width:39px;height:24px;line-height:25px;text-align:center;float:right;color:#53544d;font-size:15px;}

#validateTips {background: #F5F5F5; margin-top: 15px; display:none; padding: 4px; }
#validateTips .ui-icon {display: block; float:left; margin-top: 2px; margin-right: 5px; vertical-align: middle;}



/* KOSIK */

#kosik ul.zoznam {margin-top: 10px;}
#kosik ul.zoznam li {clear: both; background:url('../img/lightDivider.jpg') repeat-x bottom; padding:10px; }
#kosik ul.zoznam li .akcia {margin-left: 10px;}
#kosik ul.zoznam li.spolu {background-color:#F5F5EF; font-weight: bold; font-size: 14px;}
#kosik .button {font-weight: bold;}
.ikona-kosik64 { bottom:27px;float:left;position:absolute;right:10px; }
.ikona-uprav40 {float:left;}

.pridat-do-kosika{bottom:10px;float:left;position:absolute;right:10px}



/* INZERCIA */


#inzercia .inzerat {margin: 0px;padding: 0px;background: #FBFBF9 url('../img/box-full-top.gif') no-repeat top;border:1px solid #DDDDDD;padding: 10px;margin-bottom: 10px;}
#inzercia .inzerat h4{-moz-border-radius:2px;-webkit-border-radius: 2px;background:#15AFC7 none repeat scroll 0 0;margin-bottom:10px;padding:5px;line-height:16px;}
#inzercia .inzerat h4 a{display: block;color:#FFFFFF;letter-spacing:1px;text-transform:uppercase;font-size:14px;line-height:16px;font-weight:bold;}
#inzercia .inzerat .cover {float:right; margin-bottom:10px;}
#inzercia .inzerat .cover img {border:3px solid #DDDDDD;}

#inzerat, #inzerat p {font-size:14px;}
#inzerat p.info {line-height: 22px;}
#inzerat .foto {border: solid 5px #e8e8e8;float: right;margin: 10px;width: 325px;}


/* OBCHOD */
#obchod .nalepka {position: absolute; right: 0; top: 0; z-index:999;}
#obchod .produkt { width: 655px; margin: 0px; padding: 0px; background: #FBFBF9 url('../img/box-full-top.gif') no-repeat top; border:1px solid #DDDDDD; padding: 10px; margin-bottom: 10px;font-size: 13px; float:left;}
#obchod .produkt .text {padding-left  : 10px; width:475px;}
#obchod .produkt h3{-moz-border-radius:2px;-webkit-border-radius: 2px;background:#15AFC7 none repeat scroll 0 0;margin-bottom:10px;padding:5px;line-height:16px;}
#obchod .produkt h3 a{color:#FFFFFF;letter-spacing:1px;text-transform:uppercase;font-size:14px;line-height:16px;font-weight:bold;}
#obchod .produkt .cover{float: left;margin-right: 10px;width:140px;padding-right: 5px;border-right: 1px solid #d5d5d5;min-height: 100px;}
#obchod .produkt .cover img{border: solid 3px #ccc;width: 130px;}
#obchod .produkt .info{font-size: 14px;line-height: 12px;float: left;width: 498px;}
#obchod .produkt .info br{border: 0;margin: 0;padding: 20px;line-height: 23px;height: 23px;}
#obchod .produkt span.cena{font-size:17px;color:#000;}
#obchod .produkt .stara_cena{font-size:14px;font-weight: bold;text-decoration: line-through;color:#CC0000;}
#obchod .produkt .medium {margin-top:10px;}
#obchod .produkt .tlacidla {padding-top: 25px; float: right; width: 475px}
#obchod .produkt .tlacidla .upravit {bottom:10px;float:left;position:absolute;right:115px;}
#obchod .produkt .tlacidla .detail {bottom:10px;float:left;position:absolute;right:60px;}
#obchod .produkt .tlacidla .kosik {bottom:10px;float:left;position:absolute;right:10px;}

/* PRODUKT */

#produkt .obrazok{border: solid 5px #e8e8e8;float: left;margin-right: 10px; width: 350px;}
#produkt .popis{ clear: both; margin-top: 20px;}
#produkt {font-size:14px;}
#produkt div.kosik {width: 220px; float:right; height: 65px; }
#produkt div.kosik a{margin-top:5px; display: block; font-size:12px; width: 120px;}

#produkt table{ width: 100%;}
#produkt tr.nadpis{padding:0;}
#produkt tr td {padding:15px;}
#produkt tr.nadpis td {padding:15px; padding-bottom: 0px}
#produkt tr td a{margin-right: 10px}
#produkt td b{font-size: 14px;}
#produkt td ul{ padding-left: 10px; color: #aaa;}
#produkt td li{list-style: none}
#produkt table.prispevky tr td {padding:5px;}
#produkt table.prispevky tr td p {font-size:12px}
#produkt .prispevok textarea {width: 628px; height: 35px; -moz-border-radius: 2px 2px 2px 2px; max-height: 200px; overflow: hidden;}
.prispevok-reakcie{background: #F4F4F0;padding: 0px;margin: 0px; margin-top:5px;}
#produkt table.reakcie tr td {padding:10px 15px;  color:#333;}
#produkt table.reakcie tr td p {font-size:12px; padding:0px; padding-top:5px; color:#808080;}
#produkt .komentovat{   display: none;   width: 100%;}
#produkt div.komentovat form textarea{ overflow: hidden; height:40px; width:617px;}
#produkt tr.komentovat form textarea{ overflow: hidden; height:40px; width:588px;}


/* FORUM */

#forum h3 { font-size:13px;}
#forum strong.popis { font-size:14px;}
#forum table{ width: 100%;}
#forum tr.nadpis{padding:0;}
#forum tr td {padding:15px;}
#forum tr.nadpis td {padding:12px; padding-bottom: 0px}

#forum td b{font-size: 14px;}
#forum td ul{ padding-left: 10px; color: #aaa;}
#forum td li{list-style: none}
#forum table.prispevky tr td {padding:5px;}
#forum table.prispevky tr td p {font-size:12px}
#forum .prispevok textarea {width: 660px; height: 35px; -moz-border-radius: 2px 2px 2px 2px; max-height: 200px; overflow: hidden;}
.prispevok-reakcie{background: #F4F4F0;padding: 0px;margin: 0px; margin-top:5px;}
#forum table.reakcie tr td {padding:10px 15px;  color:#333;}
#forum table.reakcie tr td p {font-size:12px; padding:0px; padding-top:5px; color:#808080;}
#forum .komentovat{   display: none;   width: 100%;}
#forum .komentovat form textarea{ overflow: hidden; height:40px; width:621px;}

#forum tr.parny{ background: #f0f0f0;}
#forum td.pocet{ color: #DD2C0D; font-size: 13px; vertical-align:middle; width:160px; text-align:right;}
#forum td.info { color: #999; font-size: 13px; vertical-align:middle; width:200px; text-align:right;}


/* INTERPRETI */

#interpret .album { float:left; width:168px; height:168px; text-align: center}
#interpret .album img {border:3px solid #ccc; padding:1px; }
#interpret .album a {display: block }


/* PODUJATIA */

.obsah-plny #podujatia h4 {-moz-border-radius:2px;-webkit-border-radius: 2px;background:#15AFC7 none repeat scroll 0 0;margin-bottom:5px;padding:5px;line-height:16px;color:#FFFFFF;letter-spacing:1px;text-transform:uppercase;font-size:14px;}

#podujatia .podujatie {clear:both; padding:6px; padding-bottom:10px; background: url("../img/lightDivider.jpg") repeat-x scroll center bottom transparent;-moz-border-radius:2px;-webkit-border-radius: 2px;}
#podujatia .podujatie:hover {background-color: #eee}
#podujatia .podujatie .cas {float:left;font-weight: bold;width:210px; padding-right: 10px; font-size:13px;}
#podujatia .podujatie .popis a { font-size:13px; display:block;margin-bottom:4px;}
#podujatia .podujatie .popis {float:left; max-width:440px;}

/* SKUPINY / PROFILY */
#skupiny h5 {background:url("../img/lightDivider.jpg") repeat-x scroll 0 bottom transparent;color:#777777;margin:5px 3px 20px;padding-bottom:5px;}
#skupiny .dialog {width:500px;}

#skupiny .tlacidla {padding-top: 5px; float: right;}
#skupiny .tlacidla a {float:left; margin-left:10px;}

#skupiny .profil .foto {float:left; width:215px;}
#skupiny .profil .foto img {border:2px solid #DDDDDD;padding:1px;}
#skupiny .profil .bio {float:left; width:430px;}

#skupiny .clenovia .clen {margin-bottom:10px;}
#skupiny .clenovia .foto {float:left; width:165px;}
#skupiny .clenovia .foto img {border:2px solid #DDDDDD;padding:1px;} 
#skupiny .clenovia .bio {float:left; width:445px; padding:7px;}

#skupiny .clenovia_upravit .polozka {  margin:10px 0px 0 0; padding-top:10px;    position:relative;    background:url('../img/lightDivider.jpg') repeat-x top;}
#skupiny .clenovia_upravit .polozka .info{  width:425px;  float:left;    margin-left:10px;    position:relative;}
#skupiny .clenovia_upravit .polozka .foto  { float:left;overflow:hidden;position:relative;width:auto; border:2px solid #DDDDDD;padding:1px;}

#skupiny .galeria .polozka {float:left;margin:5px;overflow:hidden;position:relative;width:auto;}
#skupiny .galeria .polozka .foto {height:150px;width:150px;display:block;background-color:#EEEEEE;background-position:center 40%;background-repeat:no-repeat;display:block;}

#skupiny .galeria_upravit .polozka {  margin:10px 0px 0 0; padding-top:10px;    position:relative;    background:url('../img/lightDivider.jpg') repeat-x top;}
#skupiny .galeria_upravit .polozka .foto  { float:left;overflow:hidden;position:relative;width:auto;}
#skupiny .galeria_upravit .polozka .foto .img {height:150px;width:150px;display:block;background-color:#EEEEEE;background-position:center 40%;background-repeat:no-repeat;display:block;}
#skupiny .galeria_upravit .polozka .info { float:left;  width:400px;    margin-left:10px;    position:relative;}
#skupiny .galeria_upravit .polozka .tlacidla {margin:0; padding:0}
#skupiny .galeria_upravit .polozka .tlacidla .upravit {bottom:10px;float:left;position:absolute;right:115px;}
#skupiny .galeria_upravit .polozka .tlacidla .detail {bottom:10px;float:left;position:absolute;right:60px;}

#skupiny .videa .video {float:left; margin:10px;}

#skupiny .video_upravit .polozka {  margin:10px 0px 0 0; padding-top: 10px;    position:relative;    background:url('../img/lightDivider.jpg') repeat-x top;}
#skupiny .video_upravit .polozka .info{  width:400px;  float:left;    margin-left:10px;    position:relative;}
#skupiny .video_upravit .polozka .video{ float:left;}
#skupiny .video_upravit .polozka .tlacidla {margin:0; padding:0}


#skupiny ul.zoznam {margin-top: 10px;}
#skupiny ul.zoznam li {clear: both; background:url('../img/lightDivider.jpg') repeat-x bottom; padding:8px; font-size: 12px; }

#skupiny .kontakt label {float:left; width:200px; padding:0; margin-top:12px;}
#skupiny .kontakt input, #skupiny .kontakt textarea {float:right; width:400px; margin:0; margin-top:5px;}
#skupiny .kontakt .button {width: auto; float: right}

/* MODULY */
#modul-kalendar table {width: 100%}
#modul-kalendar th {padding: 0; padding-bottom: 7px; text-align: center}
#modul-kalendar td {padding:0; text-align: center}
#modul-kalendar .highlight {border: 1px solid #bbb}
#modul-kalendar .title {text-align: center}
#modul-kalendar span {height: 100%; padding:5px 3px; margin:2px; display: block; }
#modul-kalendar a {height: 100%; padding:5px 3px; margin:2px; display: block;border: #ddd 1px solid; background: url("/img/jquery.ui/ui-bg_highlight-hard_100_eeeeee_1x100.png") repeat-x scroll 50% 50% #EEEEEE}
/* VIZITKY */ 


#vizitky .nadpis {display: block; font-weight: bold; margin-bottom: 10px;}
#vizitky .text {margin-bottom: 10px; font-size: 14px;}
#vizitky img.akcia {margin:3px;}

#vizitky ul.zoznam {margin-top: 10px;}
#vizitky ul.zoznam li {clear: both; background:url('../img/lightDivider.jpg') repeat-x bottom; padding:10px; }
#vizitky ul.zoznam li .nazov {float:left;}
#vizitky ul.zoznam li .pridal {float:right;}

#texty .zmazat-text { margin-right:10px; }
#texty .upravit-text { margin-right:10px; }

.naj li.artist{display:block;float:left;font-size:11px; width: 245px;}
.naj li.track{display:block;float:left; width: 245px;}
.naj li.cost{display:block;width:39px;height:24px;line-height:25px;text-align:center;float:right;color:#53544d;font-size:15px;}




.message_odoslane {margin:15px 5px 5px; font-weight: bold; font-size: 14px;}
.message_odoslane img {margin:0 10px;}



form.admin fieldset{padding:5px; clear:both;}
form.admin fieldset.cover img {height:100px;margin-left:11px;width:100px;}

form.admin label{display:block;color:#000; width:160px; float:left; clear: left; margin:0px 0 0px; padding-top:7px;}
form.admin label:focus{background: blue;}

form.admin input{float:right;display:block; width:450px; background:#fff; padding:6px;margin:0; color:#53544D; border:1px solid #C4C5BE;outline: none;outline-color: #fff; -moz-border-radius:2px;	-webkit-border-radius: 2px; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px;}

form.admin input.file{float:right;display:block; width:460px; background:#fff; padding:0px;margin:5px; margin-left:0px; margin-bottom:3px; color:#53544D; border:1px solid #C4C5BE;outline: none;outline-color: #fff; -moz-border-radius:2px;	-webkit-border-radius: 2px; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px;}

form.admin input.checkbox {width:auto; float:left;margin: 9px 0px 9px 15px;}

form.admin select{float:right; display:block; width:494px; padding:6px;background:#fff;color:#53544D;border:1px solid #C4C5BE;margin:0px 0 0 0; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px;}

form.admin textarea{ float:right; height:100px; width:450px; background:#fff;color:#53544D;border:none;padding:7px;border:1px solid #c7c7b6;overflow:auto;margin:10px 0 5px 0; font-family:Sans,Trebuchet MS,Arial,Helvetica,sans-serif; font-size:13px; -moz-border-radius:2px;	-webkit-border-radius: 2px; }
form.admin .inputError{border: 1px solid #D80047 !important;  background: #FEFAFA url(/img/jquery.ui/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat;}
form.admin .button { width:auto; background:#FFFFFF none repeat scroll 0 0; border-bottom:1px solid #B5B5B5; border-right:1px solid #B5B5B5; border-top:1px solid #E3E3E3; border-left:1px solid #E3E3E3; margin:2px; padding:5px 7px; text-decoration:none; cursor:pointer; outline: none; outline-color: #fff; color: #333; -moz-user-select:none; }
form.admin a.button:link { color: #333; }
form.admin .button:focus { border-bottom:1px solid #E3E3E3; border-right:1px solid #E3E3E3; border-top:1px solid #B5B5B5; border-left:1px solid #B5B5B5; }
form.admin .button:hover { background:#FBFBFB none repeat scroll 0 0; color:#1868C0; }

.box_info {background: #DFF4FF; font-weight: normal; font-size:14px; overflow: scroll}