/* CSS Style - Design By: Martin Ondrejmiška - IT PROFI Servis s.r.o. (19.1.2010) */ 

/* Reset
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, 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, blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/* Obecné
------------------------------------------------------------------- */
html {
	font-size: 11px; min-height: 100%;  
}
body {         
    background: #90B5FF url(img/default/lay_up.jpg) top left repeat-x; color: #000; font: normal 11px arial;
}

.red {
    color: #ff0000;
}
.green {
    color: Green;
}
.silver {
    color: Silver;
}
.gray {
    color: Gray; 
}


.inner {
    width: 100%; float: left;
}
.inner_half {
    width: 50%; float: left;
} 
.inner_quarter {
    width: 25%; float: left;
} 
.inner_tquarter {
    width: 75%; float: left;
} 


p {
    padding: 10px; color: #333;
}

table {
    font-size: 11px; font-family: Arial;
}
.hidden {
    display: none;
    visibility: hidden;
    height: 0px;
}
.visible {
    display: block;
    visibility: visible;
    height: auto;
}
.float_right {
    float: right;
}
.align_left {
    float: left; text-align: left;
}


.center {
    margin-left: auto; margin-right: auto; text-align: center;
}

/* Pre formuláre
------------------------------------------------------------------- */ 
input, textarea, select {
    border: solid 1px Silver; background-color: #fff; font-size: 11px; color: #000; font-family: Arial; margin: 1px 0 0 1px;
}
input.strong, textarea.strong, select.strong {
    border: solid 2px #ff2222;
}
fieldset {
    border: solid 1px silver; padding: 5px; margin: 5px 0 5px 0; float: left; width: 565px;
}
fieldset fieldset {
    border: solid 1px silver; padding: 5px; margin: 5px 0 5px 0; float: left; width: 550px;
}
legend {
    font-weight: bold; 
}





/* Linky
------------------------------------------------------------------- */ 
a {
	color: #33477a; text-decoration: none; cursor: pointer;
}
a:hover {
	color: #4b69b4; text-decoration: underline;
}

/*                                                            Nadpisi
------------------------------------------------------------------- */
h1 {
   display: inline; font-size: 18px; color: #33477a;
}
h2 {
   display: inline; font-size: 15px; color: #33477a;
}
h3 {
   display: inline; font-size: 12px; color: #33477a;
}

/*                                                            Odrážky
------------------------------------------------------------------- */
li {
    padding: 3px;
}


/* L a y o u t 
------------------------------------------------------------------- */

/* ****** Hlavička ****** */
div.inner_header {
    height: 120px; width: 100%; float: left;
}
#header {
    height: 100px; width: 900px; margin-left: auto; margin-right: auto; 
}
#header div.up {
    height: 80px; width: 900px; float: left; 
}
#header div.up div.logo {
    height: 80px; width: 200px; float: left; 
}
#header div.up div.logo a.logoimage {
    float: left; width: 200px; height: 55px; background-image: url(img/default/lay_logo.jpg); background-position: top left;
}
#header div.up div.logosub {
    height: 20px; line-height: 20px; width: 200px; float: left; color: White; text-align: center;
}
#header div.up div.logosub a {
    color: White; font-weight: bold;
}
#header div.up div.top {
    height: 70px; width: 485px; float: left; padding: 10px 0 0 0; color: White; text-align: center; 
}
#header div.up div.vyhladavanie {
    height: 45px; width: 200px; float: right; padding: 30px 5px 0 5px; color: White; line-height: 20px;
}
#header div.up div.vyhladajbox {
    display: none; width: 170px; padding: 10px; border: solid 1px silver; background-color: White; color: Black;opacity:0.9;filter:alpha(opacity=90);
}
#header div.up div.vyhladajbox input {
    margin: 3px;
}

#header div.down {
    height: 40px; width: 900px; float: left;
}
#header div.down div.info {
    height: 33px; width: 300px; float: left; padding-top: 7px; color: #3972e7;
}
#header div.down div.menu {
    height: 29px; width: 600px; float: left; padding-top: 11px;
}
#header div.down div.menu a {
    float: right; padding: 2px 5px 2px 5px; margin: 1px; background-color: inherit; 
}
#header div.down div.menu a:hover {
    background-color: White;
} 



/* ****** Obsah ****** */
div.inner_main {
    width: 100%; float: left; background-color: White;
}
#main {
    width: 880px; margin-left: auto; margin-right: auto; padding: 0px 10px 10px 10px;
}

#main div.blok {
    width: 260px; float: left; padding: 5px 10px 5px 10px;
}
#main div.blok div.legend {
    width: 250px; float: left; height: 27px; padding: 8px 0 0 10px; background: #fff url(img/default/blok_up.jpg) top left no-repeat; color: White; margin-top: 5px;
}
#main div.blok div.legend .left {
    width: 160px; float: left; height: 27px;
}
#main div.blok div.legend .right {
    width: 80px; float: left; height: 27px; text-align: right; padding-right: 10px;
}
#main div.blok div.legend a {
    color: White;
}

#main div.obsah {
    width: 580px; float: left; padding: 5px 5px 5px 10px;
}
#main div.obsah div.legend {
    width: 570px; float: left; height: 30px; line-height: 20px; padding: 5px 0 0 10px; background: #fff url(img/default/obsah_up.jpg) top left no-repeat; color: White; margin-top: 5px;
}
#main div.obsah div.legend h1 {
    font-size: 11px; color: White; font-weight: bold;
}
#main div.obsah div.legendlight {
    width: 570px; float: left; height: 30px; line-height: 20px; padding: 5px 0 0 10px; background: #fff url(img/default/obsah_up_light.jpg) top left no-repeat; color: #33477a; margin-top: 5px;
}
#main div.obsah div.legend div.left {
    width: 50%; float: left; 
}
#main div.obsah div.legend div.right {
    width: 50%; float: left; text-align: right; color: #000;
}
#main div.obsah div.legendlight div.left {
    width: 50%; float: left; 
}
#main div.obsah div.legendlight div.right {
    width: 50%; float: left; text-align: right; color: #000;
}

#main div.obsah div.formLeft {
    float: left; width: 110px; padding: 3px 5px 1px 0px; text-align: right;
}
#main div.obsah div.formRight {
    float: left; width: 370px; text-align: left;
}
#main div.obsah div.formLeftSmall {
    float: left; width: 70px; padding: 3px 5px 1px 0px; 
}
#main div.obsah div.formRightSmall {
    float: left; width: 80px; text-align: left;
}
#main div.obsah div.inner_half div.formLeft {
    float: left; width: 80px; padding: 3px 5px 1px 0px; text-align: right;
}
#main div.obsah div.inner_half div.formRight {
    float: left; width: 170px; text-align: left;
}
#main div.obsah div.inner div.formLeftFull {
    float: left; width: 80px; padding: 3px 5px 1px 0px; text-align: right;
}
#main div.obsah div.inner div.formRightFull {
    float: left; width: 440px; text-align: left;
}
#main div.obsah div.formRightBig {
    float: left; width: 410px; text-align: left;
}

#main div.blok div.formLeft {
    float: left; width: 120px; padding: 3px 5px 1px 0px; text-align: right; 
}
#main div.blok div.formRight {
    float: left; width: 135px; text-align: left; 
}

#main div.blok div.textLeft {
    float: left; width: 120px; padding: 0 3px 0 2px; text-align: right;
}
#main div.blok div.textRight {
    float: left; width: 135px; text-align: left; 
}



/* ****** Päta ****** */
div.inner_pata {
    height: 120px; width: 100%; float: left; background-image: url(img/default/lay_down.jpg); background-position: top left; background-repeat: repeat-x;
}
#pata {
    height: 120px; width: 890px; margin-left: auto; margin-right: auto; padding: 5px; background-image: url(img/default/lay_pata.jpg); background-position: top left; background-repeat: no-repeat; color: #33477a;
}

#pata div.up {
    height: 26px; width: 880px; float: left; padding: 6px 5px 0px 5px;
}
#pata div.up div.left {
    height: 20px; width: 440px; float: left;
}
#pata div.up div.menu {
    height: 20px; width: 440px; float: right;
}
#pata div.up div.menu a {
    float: right; padding: 2px 5px 2px 5px; margin: 0px 1px 0px 1px; background-color: inherit;
}
#pata div.up div.menu a:hover {
    background-color: White;float: right; padding: 2px 5px 2px 5px; margin: 0px 1px 0px 1px;
}

#pata div.down {
    width: 850px; float: left; padding: 20px;
}

#pata div.down div.stlpec {
    width: 160px; padding: 5px; margin: 0px; float: left;
}
#pata div.down div.stlpec a {
    width: 150px; padding: 2px 0 2px 10px; margin: 0px; float: left; background-image: url(img/default/ul-down.gif); background-position: top left; background-repeat: no-repeat;
}
#pata div.down div.stlpec a img {
    opacity:0.2;filter:alpha(opacity=20); max-width: 145px; 
    width: expression(this.height < this.width && this.width > 145 ? 145 : true);
}
#pata div.down div.stlpec a:hover img {
    opacity:1;filter:alpha(opacity=100);
}





/* O s t a t n é  /  o b s a h 
------------------------------------------------------------------- */
/* Výrazné tlačidlá */
.orangebutton {
    width: 110px; height: 20px; float: right; line-height: 20px; color: White; text-decoration: none; text-align: center; background-image: url(img/default/orange_button.jpg); background-repeat: no-repeat; background-position: top left; border: none;
}
.orangebutton:hover {
    background-image: url(img/default/orange_button_hover.jpg); color: White; text-decoration: none;
}

.orangebuttonbig {
    width: 110px; height: 36px; padding: 3px 0 3px 0; float: right; line-height: 16px; color: White; text-decoration: none; text-align: center; background-image: url(img/default/orange_button_big.jpg); background-repeat: no-repeat; background-position: top left; border: none;
}
.orangebuttonbig:hover {
    background-image: url(img/default/orange_button_big_hover.jpg); color: White; text-decoration: none;
}




/* Užívateľské menu */
div.usermenu a {
    width: 250px; float: left; background-color: inherit; padding: 2px 0 2px 10px; border-top: solid 1px #f3f3f3; border-bottom: solid 1px silver; margin-top: 1px;
}
div.usermenu a.select {
    background-color: #fffecf;
}
div.usermenu a img {
    float: left; cursor: pointer;
}
div.usermenu a img.help {
    float: right; cursor: pointer;
}
div.usermenu a span {
    float: left; cursor: pointer; padding: 1px 0 0 5px;
}
div.usermenu a:hover {
    background-color: #f0f5ff; text-decoration: none;
}
div.usermenu a.select:hover {
    background-color: #fffecf;
}
div.usermenu a span.strong {
    font-weight: bold; color: Red;
}



/* Registrácia */
.podmienky {
    border: solid 1px silver; width: 100%; height: 250; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;
}




/* Repeater */
.repBox {
    float: left; width: 138px; height: 100px; padding: 5px 0 0 5px; margin: 1px 0 0 1px; background-color: #F7F6F3; text-align: center;
}
.repBox .up {
    float: left; width: 100%; height: 65px;
}
.repBox:hover {
    background-color: #f7f6d1;
}
.repBox .up img 
{
    height: 63px;
}

.repRow {
    width: 570px; float: left; margin: 1px; background-color: #F7F6F3; padding: 5px;
}
.repRow:hover {
    background-color: #f7f6d1;
}





/* Žiadost */
.ziadost {
    float: left; width: 252px; padding: 4px; border-bottom: solid 1px #e8e8e8;
}





/* PopUP */
.popup {
    background-color: #7c97b0; float: left; color: Black; width: 650px; padding: 5px; font-size: 11px;
}
.popupBackground {
    background-color:Black;	filter:alpha(opacity=80); opacity:0.8;
}




/* Fotka v detaile */
.fotkadetail
{
    background-color: White; padding: 1px; border: solid 1px silver; float: right; margin: 5px;
    max-height: 200px; max-width: 125px; width: expression(this.height < this.width && this.width > 125 ? 125 : true); height: expression(this.height >= this.width && this.height > 200 ? 200 : true);
}



/* Smajle vo forme */
.smajl_form img {
       margin: 2px; padding: 2px; border: solid 1px white;
}
.smajl_form img:hover {
       border: solid 1px orange;
}




/* GridView */
.gridview th
{
    padding: 5px 0 5px 0; text-indent: 3px; color:White; background-color:#5D7B9D; font-weight:bold; font-size: 11px; text-align: left;
}
.gridview td
{
    padding: 3px 0 3px 0; text-indent: 3px; background-color: #F7F6F3; font-size: 11px; vertical-align: middle; border-top: solid 1px white;
}
.gridview .first td
{
    background-color: #FFFFFF;
}
.gridview .last td
{
    background-color: #F7F6F3;
}
.gridview tr:hover td
{
    background-color: #f7f6d1;
}
.scrolluser
{
    width: 630px; height: 340px; overflow: scroll;
}
.gridview a
{
    color: White;
}
.gridview a:hover
{
    color: White;
}
.gridview td a
{
    color: Black;
}
.gridview td a:hover
{
    color: Black;
}



.hovermenu 
{
    background-color: White; border: solid 2px silver; padding: 5px; text-align: center; width: 90px;
}
.hovermenu a {
    padding: 0; border: 0px; 
}
.hovermenu a:hover {
    padding: 0; border: 0px; 
}













/* DISKUSIA */
/* 1 uroven */
.prispevok1 {
    float: left; width: 570px; margin-top: 2px; padding: 5px; background: #fff url(img/default/prispevok.jpg) top left no-repeat;
}
.prispevok1 div.text {
    float: left; width: 510px; color: #888;
}
/* 2 uroven */
.prispevok2 {
    float: left; width: 510px; margin-top: 2px; padding: 5px 0 5px 5px; background: #fff url(img/default/prispevok2.jpg) top left no-repeat;
}
.prispevok2 div.text {
    float: left; width: 445px;
}
/* 3 uroven */
.prispevok3 {
    float: left; width: 445px; margin-top: 2px; padding: 5px 0 5px 5px; background: #fff url(img/default/prispevok2.jpg) top left no-repeat;
}
.prispevok3 div.text {
    float: left; width: 380px; 
}
/* 4 uroven */
.prispevok4 {
    float: left; width: 380px; margin-top: 2px; padding: 5px 0 5px 5px; background: #fff url(img/default/prispevok2.jpg) top left no-repeat;
}
.prispevok4 div.text {
    float: left; width: 320px; 
}

div.text strong {
    color: Black;
}
div.text .datum {
    color: #666;
}
div.text a {
    font-weight: bold;
}
div.text a.right {
    float: right; font-weight: normal;
}
div.prispevok_fotka {
    float: left; width: 60px; text-align: center;
}
div.prispevok_fotka img {
    max-height: 60px; max-width: 55px; width: expression(this.height < this.width && this.width > 50 ? 50 : true); height: expression(this.height >= this.width && this.height > 50 ? 50 : true);
}

.podpormesa
{
    color: Red;
}











/* Galéria fotky */
div.galeria_fotka a {
    padding: 2px; border: solid 1px #dedede; float: left; margin: 2px;
}
div.galeria_fotka a:hover {
    border: solid 1px #226699; padding: 2px;
}
div.galeria_fotka img {
    height: 90px; max-width: 200px; width: expression(this.height < this.width && this.width > 200 ? 200 : true); 
}
div.galeria_fotka div {
    float: left;
}

/* Galéria udalosti */
div.udalostbox {
    float: left; width: 570px; margin-top: 2px; padding: 5px; background: #fff url(img/default/udalost.jpg) top left no-repeat;
}
div.udalostbox .orangebuttonbig {
    margin-top: 8px;
}
div.udalostbox div.datum {
    float: left; width: 180px; height: 25px; line-height: 25px; font-size: 17px; font-weight: bold;
}
div.udalostbox div.datum .small {
    font-size: 15px;
}
div.udalostbox div.nazov {
    float: left; width: 390px; height: 25px; line-height: 25px; font-weight: bold; font-size: 14px; color: #336699;
}
div.udalostbox div.popis {
    float: left; width: 570px; 
}
div.udalostbox img {
    float: right; width: 100px; padding: 1px; border: solid 1px silver; 
}
div.udalostbox img.pripomienka 
{
    float: left; width: 25px; height: 22px; padding: 0; border: 0;
}
.udalostbox .orangebutton {
    margin-top: 8px;
}
.popupPripomienka 
{
    padding: 5px 0px 5px 0px; width: 290px; text-align:center; border: 1px solid #666; background-color: #F2F2F2; display: none; font-size: 11px; font-weight: normal; color: Black;
}




.galeria-nahlad {
    float: left; width: 570px; padding: 4px; border: 1px solid #dbdbdb; background-color: #fbfbfb; line-height: 20px;
}
.galeria-nahlad .center {
    float: left; width: 100%; text-align: center;
}
.galeria-nahlad .btn-right {
    
}
.galeria-nahlad .btn-left {
    
}
.galeria-nahlad img {
    max-width: 570px; width: expression(this.width > 550 ? 550 : true);
}
.galeria-nahlad .komentare {
    float: left; width: 415px; padding: 0 5px 5px 5px;
} 
.galeria-nahlad .right-buttons {
    float: right; width: 130px; padding: 5px; margin: 5px 0 0 0; background-color: #ededed;
} 
.galeria-nahlad .left-poznamka {
    float: left; width: 400px; padding: 5px; margin: 5px 0 0 0;
} 
.galeria-nahlad .right-buttons a {
    float: left; width: 125px;
}







/* CHAT */
div.chatform {
    width: 560px; float: left;  padding: 5px 10px 5px 10px; background-color: #ebebeb; color: #000;margin-top: 5px;
}
div.chatform div.komu {
    width: 100px; float: left; text-align: center;
}
div.chatform div.prispevok {
    width: 360px; float: left; text-align: center;
}
div.chatform div.odoslat {
    width: 100px; float: left; text-align: center;
}

div.chatformviac {
    width: 560px; float: left;  padding: 2px 10px 2px 10px; background-color: #f7f7f7; color: #000;
}
div.chatformviac div.left {
    width: 100px; float: left; text-align: center;
}
div.chatformviac div.middle {
    width: 360px; float: left; text-align: center;
}
div.chatformviac div.right {
    width: 100px; float: left; text-align: center;
}


.chatsmajls {
    width: 332px;  padding: 5px 10px 5px 10px; border: dashed 1px #dedede; background-color: #f3f3f3; color: Black; opacity:0.9;filter:alpha(opacity=90);
}
.chatmoznosti {
    width: 72px;  padding: 5px 10px 5px 10px; border: dashed 1px #dedede; background-color: #f3f3f3; color: Black; opacity:0.9;filter:alpha(opacity=90);
}
.chatprispevok {
    float: left; width: 570px;  padding: 3px 5px 3px 5px; border-top: solid 2px white;
}
.chatprispevok span.login, .chatprispevokA span.login, .chatprispevokB span.login, .chatprispevokC span.login, .chatprispevokD span.login {
    cursor: pointer
}


.chatprispevokA /* Odomna */ {
    float: left; width: 570px;  padding: 3px 5px 3px 5px; border-top: solid 2px white; background-color: #e7eefd;
}
.chatprispevokB /* Mne */ {
    float: left; width: 570px;  padding: 3px 5px 3px 5px; border-top: solid 2px white; background-color: #d0defd;
}
.chatprispevokC /* All */ {
    float: left; width: 570px;  padding: 3px 5px 3px 5px; border-top: solid 2px white; background-color: #f5f5f5;
}
.chatprispevokD /* Tajná */{
    float: left; width: 570px;  padding: 3px 5px 3px 5px; border-top: solid 2px white; background-color: #ffe5ca;
}

.chatmiestnost {
    float: left; padding: 2px 0 2px 50px; width: 235px; 
}

.chatuserprivate {
    float: left; padding: 0 0 0 20px; width: 220px; margin-left: 10px; height: 16px; background: #fff url(img/icons/user16x16.gif) top left no-repeat;
}
.chatuseronline {
    float: left; padding: 0 0 0 20px; width: 220px; margin-left: 10px; height: 16px; background: #fff url(img/icons/useronline16x16.gif) top left no-repeat;
}
.chatuseronline span {
    cursor: pointer;
}







/* GridView */
.gridview th {
    padding: 5px 0 5px 0; color:White; background-color:#5D7B9D; font-weight:bold;
}
.gridview th a {
    color:White; font-weight:bold;
}
.gridview td {
    padding: 3px 0 3px 0; text-indent: 3px; background-color: #F7F6F3;
}
.gridview .first td {
    background-color: #FFFFFF;
}
.gridview .last td {
    background-color: #F7F6F3;
}
.gridview tr:hover td {
    background-color: #f7f6d1;
}








/* Detail Užívatela */
.userdetail .fotka {
    float: left; width: 210px; text-align: center;
} 
.userdetail .fotka img.main { 
    background-color: White; padding: 1px; border: solid 1px silver;
    max-height: 200px; max-width: 125px; width: expression(this.height < this.width && this.width > 125 ? 125 : true); height: expression(this.height >= this.width && this.height > 200 ? 200 : true);
}
.userdetail .podrobnosti {
    float: left; width: 350px;
}
.userdetail .nazov {
    float: left; width: 100px;
}
.userdetail .hodnota {
    float: left; width: 250px;
}





/* Súkromná správa */
#main div.blok .spravy {
    width: 260px; float: left;
}
#main div.blok .spravy .left {
    width: 55px; float: left; padding-top: 2px;
}
#main div.blok .spravy .right {
    width: 205px; float: left;
}



/* Nálepky */
.nalepka {
    float: left; width: 80px; height: 65px; padding: 25px 10px 10px 10px; text-align: center; font-weight: bold; color: Black; background: #fff url(img/default/nalepka.jpg) top left no-repeat;
}
.nalepka span {
    font-size: 13px; font-weight: bold; color: Black;
}
.nalepka a.nazov {
    font-size: 13px; font-weight: bold; color: Black;
}




/* KONTAKTY INDIVIDUALNE */
.kontaktytable 
{
    float: left; width: 580px;   
}
.kontaktytable .hlavicka
{
    float: left; width: 580px; height: 20px; background-color: #5D7B9D; color: White;  line-height: 20px; text-indent: 5px;
}
.kontaktytable .hlavicka a
{
    color: White;
}
.kontaktytable .hlavicka .cell
{
    float: left; width: 140px;   
}
.kontaktytable .row
{
    float: left; width: 580px; height: 20px; background-color: White; color: Black;  line-height: 20px; text-indent: 5px; border-bottom: solid 1px silver;
}
.kontaktytable .row:hover
{
    background-color: #F3F3F3;
}
.kontaktytable .row .cell
{
    float: left; width: 134px;   
}
.kontaktytable .row .cellcheck
{
    float: left; width: 20px; line-height: 20px;
}


/* Popup */
.BANpopup {
    background-color: #fff; border: 4px solid #3366FF; float: left; color: Black; width: 600px; padding: 10px; line-height: 18px; font-size: 11px;
}
.BANpopupBackground {
    background-color:Black;	filter:alpha(opacity=80); opacity:0.8;
}
.BANpopupBtnOK
{
    float: left; margin-left: 140px; padding: 5px; color: White; background-color: #3366FF; border-color: White;
}
.BANpopupBtnOK:hover
{
    background-color: #3399FF;
}

.popupUsers 
{
    padding: 5px; border: 1px solid red; background-color: White; display: none;
}



/* KATEGORIE VIDEO */
.kategorie-video {
    z-index:1000;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 11px;
    margin:0px;
}
.kategorie-video a img {
    float: left; cursor: pointer;
}
.kategorie-video a span {
    float: left; cursor: pointer; padding: 1px 0 0 5px;
}
.kategorie-video ul {
    padding:0;
    margin:0;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    list-style-type:none;
    width:245px;
}
* html .kategorie-video ul {margin-left:-16px; margin-left:0;}
.kategorie-video li {
    position:relative;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    background-color: white;
    height:20px;
}
.kategorie-video table {position:absolute; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
.kategorie-video a, .kategorie-video a:visited {
    display:block; 
    text-decoration:none;
    height:20px;
    font-size: 11px;
    line-height:20px;
    width:245px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    color:#000;
    padding-left: 10px;
     border-top: solid 1px #f3f3f3; border-bottom: solid 1px #f3f3f3;
}
* html .kategorie-video a, * html .kategorie-video a:visited {background-color: white; width:250px;}
* html .kategorie-video a:hover {color: black;text-decoration: none;font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; background-color: #f0f5ff;}

.kategorie-video :hover > a {
    color: #000; 
    text-decoration: none;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    background-color: #f0f5ff;
}
.kategorie-video ul ul {
    visibility:hidden;
    position:absolute;
    top:0;
    left:250px; 
}
.kategorie-video ul li:hover ul,
.kategorie-video ul a:hover ul {
visibility:visible;
}
.kategorie-video ul :hover ul ul{
visibility:hidden;
}
.kategorie-video ul :hover ul :hover ul ul{
visibility:hidden;
}
.kategorie-video ul :hover ul :hover ul{ 
visibility:visible;
}
.kategorie-video ul :hover ul :hover ul :hover ul { 
visibility:visible;
}



/* VIDEO DETAIL */
.video-detail 
{
    float: left; width: 98%;
}
.video-detail .nazov
{
    float: left; width: 100%; font-size: 15px; font-weight: bold; line-height: 20px;
}
.video-detail .player
{
    float: left; width: 100%;
}
.video-detail .popis
{
    float: left; width: 100%; padding: 5px;
}

/* VIDEO LIST */
.video-list 
{
    float: left; width: 230px; height: 180px; padding: 5px; margin: 5px; background-color: #F3F3F3;
}
.video-list .nazov
{
    float: left; width: 100%; padding: 5px 0 5px 0; text-align: center; font-weight: bold;
}
.video-list .nahlad
{
    float: left; width: 100%; text-align: center;
}
.video-list .nahlad img
{
    max-height: 150px; max-width: 220px; width: expression(this.height < this.width && this.width > 220 ? 220 : true); height: expression(this.height >= this.width && this.height > 150 ? 150 : true);
}



/* PRIPOMIENKA */
.pripomienka {
    width: 570px; float: left; margin: 1px; background-color: #F9F9F9; padding: 5px; border-top: 1px solid #990000;
}
.pripomienka .nadpis {
    width: 570px; float: left; margin: 1px; font-weight: bold; font-size: 13px; border-bottom: 1px solid #EEE; padding-bottom: 2px;
}
.pripomienka .nadpis a {
    float: right; font-size: 11px;
}
.pripomienka .popis {
    width: 400px; float: left; margin: 1px; background-color: #F9F9F9; 
}
.pripomienka .popis .viazana {
    color: #000033; 
}
.pripomienka .datum {
    width: 160px; float: left; margin: 1px; background-color: #F7F6F3; text-align: right;
}



.MainPreloader {
    position: absolute; width: 30px; height: 30px; z-index: 100000;
}




.novinka {
    width: 100%; float: left; margin-top: 5px; background: #fff url(img/default/novinka.jpg) top left no-repeat;
}
.novinka .fotka {
    width: 55px; float: left; padding: 5px; 
}
.novinka .text {
    width: 490px; float: left; padding: 10px 5px 5px 5px; 
}

.novinka .text img {
    float: left; padding-top: 2px;
}
.novinka .casdatum {
    float: left; padding: 3px 0 0 4px; color: #777;
}

.novinka .fotka img {
    width: 55px; float: left; 
}








/* KATEGORIE */
.kategorie a {
    color: Black; /*text-transform: capitalize;*/
}
.kategorie a:hover {
    color: Black; /*text-transform: capitalize;*/ text-decoration: none;
}
.kategorie .kat {
        border: solid 1px #eeeff0; float: left; padding: 1px 2px 1px 2px; background-color: inherit; cursor: pointer;
}
.kategorie td:hover .kat {
        border: solid 1px #a7e22f; float: left; padding: 1px 2px 1px 2px; background-color: #fafbfc; cursor: pointer;
}
.kategorie td .katset {
        border: solid 1px #fff; float: left; padding: 1px 2px 1px 2px; background-color: #fafbfc; cursor: default; font-weight: bold;
}



/* SLUŽBY */
.sluzba {
    float:left; height: 50px; width: 537px; padding: 15px 15px 15px 18px; background: #fff url(img/default/sluzby.jpg) top left no-repeat;    
}
.sluzba .nazov {
    float: left; width: 100%; line-height: 15px;
}
.sluzba .nazov h2 {
    float: left; font-size: 15px; font-weight: bold; margin: 0px; color: #336699; font-style: italic; 
}
.sluzba .nazov h3 {
    font-size: 11px; float: right; color: black;  margin: 0px;
}
.sluzba p.popis {
    float: left; width: 100%; padding: 5px; color: #444;
}
.sluzba .podrobnosti {
    float: left; width: 400;
}

/* DETAIL */
.detail {
    float: left; width: 100%;
}
.detail .nadpis-top {
    float: left; width: 100%; padding: 5px 0 0 0;
}
.detail .nadpis-top a {
    text-decoration: underline;
}
.detail .nadpis-top h1 {
    display: inline; font-size: 18px; color: #33477a;
}

.detail p.popis {
    float: left; width: 70%; padding: 1%; color: #555;
}

.detail .obec {
    float: right; width: 27%; text-align: right; line-height: 18px;
}
.detail .obec a {
    text-decoration: underline;
}
.detail .obec h2 {
    color: #444; font-size: 11px; font-weight: normal;
}
.detail .obec h3 {
    color: #333; font-size: 11px; font-weight: bold;
}

.detail .komodity {
    float: left; width: 46%; line-height: 18px; padding: 1% 1% 1% 2%;
}
.detail .komodity .nadpis {
    float: left; width: 100%; font-weight: bold;
}
.detail .komodity ul {
    padding-top: 5px; margin-top: 0px;
}

.detail .prevadzky {
    float: left; width: 46%; line-height: 18px; padding: 1% 1% 1% 2%;
}
.detail .prevadzky a {
    text-decoration: underline;
}
.detail .prevadzky .nadpis {
    float: left; width: 100%; font-weight: bold;
}
.detail .prevadzky ul {
    padding-top: 5px; margin-top: 0px;
}

.detail .kontakt {
    float: left; width: 97%; line-height: 22px; padding: 1% 1% 1% 2%; border: 1px solid #8dc5ff; background-color: #ecf5ff; margin-bottom: 10px;
}
.detail .kontakt .nadpis {
    float: left; width: 100%; font-weight: bold;
}
.detail .kontakt .polozka {
    float: left; width: 280px;
}
.detail .kontakt .polozka .nazov {
    float: left; width: 90px; color: #555;
}
.detail .kontakt .polozka .hodnota {
    float: left; width: 190px;
}
.detail .kontakt .polozka .nazov h3 {
    float: left; font-size: 11px; text-align: left; color:#666; display: inline; margin: 0px; font-weight: normal; 
}
.detail .kontakt .polozka .hodnota h4 {
    float: left; font-size: 11px; text-align: left; display: inline; margin: 0px; font-weight: normal; 
}
.detail .kontakt a {
    text-decoration: underline;
}





/* STRANKOVAC */
.pager {
     float: left; width: 520px; height: 30px; padding: 5px 0 5px 0;
}
.pager .left {
     float: left; width: 220px; height: 30px; line-height: 30px; 
}
.pager .right {
     float: left; width: 300px; height: 30px; line-height: 30px; 
}
.pager .right a {
     float: right; width: 30px; height: 30px; text-decoration: none; font-weight: bold; line-height: 30px; text-align: center; color: White; margin-left: 1px; background: #fff url(img/pager.jpg) top center no-repeat;
}
.pager .right a:hover {
      text-decoration: none; background: #fff url(img/pagerhover.jpg) top center no-repeat;
}
.pager .right a.no {
     cursor: default; color: #89b5f6;
}
.pager .right a.no:hover {
     cursor: default; color: #89b5f6; background: #fff url(img/pager.jpg) top center no-repeat;
}
.pager .right a.set {
     cursor: default; background: #fff url(img/pagerset.jpg) top center no-repeat;
}
.pager .right a.set:hover {
     cursor: default; background: #fff url(img/pagerset.jpg) top center no-repeat;
}
.pager .pagerinfo {
    color: #4d81cf; font-size: 13px; font-weight: bold; font-style: italic;
}



/* MAPA */
.mapa
{
    float: left;
    width: 545px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;   
}
.mapa .left
{
    width: 315px;
    height: 160px;
    float: left;
}
.mapa .right
{
    width: 210px;
    padding: 10px;
    float: left;
    color: #777;
    background-color: Gray;
    background: #fff url(img/filter_new.jpg) no-repeat top left;
}
.mapa .right .nazov
{ 
    width: 55px;
    margin-left: 3px;
    float: left;
    color: #555;
    height: 22;
    line-height: 22px;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;    
}
.mapa .right .hodnota
{
    width: 145px;
    float: left; 
} 
.mapa .right .hodnota select, .mapa .right .hodnota input
{
    border: solid 1px #dadada;
    font-weight: bold;
    font-size: 11px;
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; 
    height: 20px;      
    color: Gray;
    border: solid 1px silver;
}
.mapa .right .hodnota input.input_small
{
    height: 15px;
}



span.blink, div.blink {
    background-image: url(img/blink-div.gif);
}


/* AJAX TAB PANEL */ 
.kom-theme .ajax__tab_header {
    font-family:arial; font-size:11px; border-bottom:solid 5px #fb821f;
}
.kom-theme .ajax__tab_header .ajax__tab_outer {
    background:url(img/default/sprite.png) #fff repeat-x; margin:0px 0.16em 0px 0px; padding:1px 0px 1px 0px; vertical-align:bottom;
}
.kom-theme .ajax__tab_header .ajax__tab_tab{   
    color:#000; padding:0.35em 0.75em; margin-right:0.01em;
}
.kom-theme .ajax__tab_hover .ajax__tab_outer {
    background: url(img/default/sprite.png) #bfdaff repeat-x left -1300px;
}
.kom-theme .ajax__tab_active .ajax__tab_tab {
    color:#fff;
}
.kom-theme .ajax__tab_active .ajax__tab_outer {
    background:url(img/default/sprite.png) #fff repeat-x left -1400px;
}
.kom-theme .ajax__tab_body {
     background-color:#fff; padding: 5px 0 0 0;
}




/* USERI V SPRAVE */
.spravy-vybrany 
{
    width: 220px; float: left; padding: 0 0 0 115px;
}
.spravy-vybrany .in 
{
    float: left; width: 190px; height: 100px; padding: 5px 0px 5px 7px; overflow: scroll; border: solid 1px silver; margin: 1px 0px 0px 1px;
}






/* ZDIELANE VIDEO */
.z-video {
    float: left; width: 100%; padding: 10px 0 0 0;
}
.z-video .other {
    float: left; width: 96%; padding: 5px 2% 5px 2%; margin: 1px 0 1px 0; background-color: #F8F8F8;
}
.z-video .lista {
    float: left; width: 98%; padding: 5px 1% 5px 1%; margin-bottom: 5px; background-color: #F1F1F1;
}
.z-video .lista a {
    float: right;
}
.z-video-form {
    float: left; width: 100%;
}
.z-video-form span {
    float: left; width: 70px; padding: 3px 0 0 0;
}
.z-video a.zobrazit {
    float: left; font-weight: bold; padding: 2px 0 2px 0;
}

/* Zrýchlenie */
.zrychlenie {
    float: left; width: 248px; padding: 5px; margin: 2px 0; border: 1px solid yellow; background-color: #FFFFCC; text-align: center;
}



/* ŠKOLSKE DOKUMENTY LIST */
.sk-dok-filter {
    float: left; width: 570px; padding: 5px; background: #F5F5F5;
}
.sk-dok-filter .polozka {
    float: left; width: 285px;
}
.sk-dok-filter .fulltext {
    float: left; width: 558px; margin: 10px 0; padding: 5px; border: solid 1px silver;
}

.sk-dok-zoznam {
    float: left; width: 580px; padding: 10px 0 0 0;
}
.sk-dok-zoznam .list {
    float: left; width: 580px;
}

.sk-dok-zoznam .pager {
    float: left; width: 580px; padding: 10px 0 0 0;
}
.sk-dok-zoznam .pager a {
    float: right; padding: 2px 2px; font-weight: bold; width: 25px; text-align: center; background-color: #F1F1F1; margin: 0 0 0 2px;
}
.sk-dok-zoznam .pager a.no {
    font-weight: normal; color: Silver; cursor: default;
}
.sk-dok-zoznam .pager a.set {
    cursor: default; color: Black;
}

.sk-dok-zoznam .dokument {
    float: left; width: 580px; padding: 5px 0;
}

.sk-dok-zoznam .dokument .nadpis {
    float: left; width: 580px; height: 30px; line-height: 30px;
}
.sk-dok-zoznam .dokument .nadpis .pridane {
    float: right; color: Silver;
}
.sk-dok-zoznam .dokument .nadpis a {
    float: left; font-size: 14px; font-weight: bold;
}

.sk-dok-zoznam .dokument .nahlad {
    float: left; width: 100px; height: 80px; margin-right: 10px; line-height: 20px; text-align: center; background: #f3f3f3;
}
.sk-dok-zoznam .dokument .nahlad img {
    max-width: 100px; max-height: 80px; line-height: 20px;
}

.sk-dok-zoznam .dokument .info {
    float: left; width: 470px;
}
.sk-dok-zoznam .dokument .info .popis {
    float: left; width: 470px; padding: 5px 0; color: #666;
}

.sk-dok-zoznam .dokument .upravit {
    float: right; color: #009900; padding: 0 2px;
}
.sk-dok-zoznam .dokument .zmazat {
    float: right; color: #990000; padding: 0 2px;
}

/* ŠKOLSKE DOKUMENTY DETAIL*/
.sk-dok-detail {
    float: left; width: 580px;
}

.sk-dok-detail div.nadpis {
    float: left; width: 580px; padding: 10px 0; 
}
.sk-dok-detail span.nadpis {
    float: left; font-size: 18px; line-height: 30px;
}
.sk-dok-detail span.pridane {
    float: right; color: #999; padding: 5px 0 0 0;
}
.sk-dok-detail div.nadpis a {
    float: right; color: #000;
}

.sk-dok-detail div.nahlad {
    float: left; width: 320px; height: 240px; background-color: #F3F3F3; text-align: center;
}
.sk-dok-detail div.nahlad img {
    max-width: 320px; max-height: 240px;
}

.sk-dok-detail div.podrobnosti {
    float: left; width: 245px; padding: 0 0 0 15px; line-height: 23px;
}
.sk-dok-detail div.podrobnosti p {
    padding: 10px 0;
}
.sk-dok-detail div.podrobnosti .stiahnut {
    float: left; height: 40px; line-height: 40px; margin-bottom: 10px; font-size: 15px; font-weight: bold; color: #229900; background: url(img/icons/download.png) top left no-repeat; padding: 0 0 0 50px;
}

.sk-dok-detail .upravit {
    float: left; color: #009900; padding: 0 2px;
}
.sk-dok-detail .zmazat {
    float: left; color: #990000; padding: 0 2px;
}



/* SKUPINA UDALOST */
.skupina-udalosti {                 float: left; width: 100%; padding: 10px 0; }
.skupina-udalosti .udalost {        float: left; width: 100%; padding-top: 10px; line-height: 17px; border-top: solid 1px #F3F3F3; }
.skupina-udalosti .datum {          float: left; width: 130px; }
.skupina-udalosti .datum span {     color: #999; }
.skupina-udalosti .podrobnosti {    float: left; width: 450px; }
.skupina-udalosti .nazov {          float: left; width: 100%; font-size: 15px; font-weight: bold; }
.skupina-udalosti .miesto {         float: left; width: 100%; color: #666; }
.skupina-udalosti .oblast {         float: left; width: 70%; color: #666; text-align: left; }
.skupina-udalosti .popis {          float: left; width: 100%; color: #000; }
.skupina-udalosti .preniest {       float: right; width: 100px; opacity: 0.2; }
.skupina-udalosti .uprava {         float: left; width: 30%; text-align: right; opacity: 0.2; }

.skupina-udalosti .udalost:hover .uprava {      opacity: 1; }
.skupina-udalosti .udalost:hover .preniest {    opacity: 1; }

.skupina-udalosti .hranica {        float: left; width: 100%; border-top: solid 1px #168500; background: #f6fff4; line-height: 20px; text-align: center; color: #168500; border-bottom: solid 1px #168500; margin-top: 10px; }

.popupSkupinaUdalost {              background-color: #fff; float: left; color: Black; width: 380px; padding: 10px; }