/* CSS Style - Design By: Martin Ondrejmiška 23.4.2010 */
/* CSS Súbor pre štýly modulov */

/* LOGIN */
.mod-login {
    float: left; width: 99%;
}
.mod-login .left {
    float: left; width: 70px; padding-top: 3px;
}
.mod-login .right {
    float: left; width: 160px;
}


/* ZABUDNUTE HESLO */
.mod-zabudnute-heslo {
    float: left; width: 100%;
}
.mod-zabudnute-heslo .left {
    float: left; width: 125px; padding-left: 80px;
}
.mod-zabudnute-heslo .right {
    float: left; width: 150px; 
}

/* REGISTRACIA */
.mod-registracia {
    float: left; width: 100%;
}
.mod-registracia .left {
    float: left; width: 200px; text-align: right; padding-right: 5px;
}
.mod-registracia .right {
    float: left; width: 250px;
}

.mod-registracia .povinne 
{
    border: 2px solid silver;
}

/* MENU */
.hor-menu li { padding:0px; line-height: normal; }
#menu_container {margin:25px 0 100px 15px; position:relative; width:735px; height:25px; z-index:100;}
.hor-menu, .hor-menu ul {padding:0; margin:0; list-style-type: none;}
.hor-menu a, .hor-menu a:visited {display:block;width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}
.hor-menu li ul li a, .hor-menu li ul li a:visited {border-width:0 1px 1px 1px;}
.hor-menu li a.enclose, .hor-menu li a.enclose:visited {border-width:1px;}
.hor-menu li {float:left; background:#7484ad;}
.hor-menu li:hover {position:relative;}
.hor-menu li:hover > a {background:#dfd7ca; color:#c00;}
.hor-menu li ul {display:none;}
.hor-menu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
.hor-menu > li:hover > ul {left:-30px; top:16px;}
.hor-menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
* html .hor-menu li a:hover {position:relative; background:#dfd7ca; color:#c00;}
.hor-menu li a:active, .hor-menu li a:focus {background:#dfd7ca; color:#c00;}
.hor-menu li.fly {background:#7484ad url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;}
.hor-menu li.drop {background:#7484ad url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;}
* html .hor-menu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}
.hor-menu li a:hover ul ul{visibility:hidden;}
.hor-menu li a:hover ul a:hover ul ul{visibility:hidden;}
.hor-menu li a:hover ul a:hover ul a:hover ul ul{visibility:hidden;}
.hor-menu li a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
.hor-menu li a:hover ul {visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;}
.hor-menu li a:hover ul a:hover ul{ visibility:visible; top:-11px; left:80px;}
.hor-menu li a:hover ul a:hover ul a:hover ul { visibility:visible;}
.hor-menu li a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}
.hor-menu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible;}

/* MENU ZVYSLE */
.ver-menu {z-index:1000;font-size:11px;}
.ver-menu ul {padding:0;margin:0;list-style-type:none;width:150px;}
* html .ver-menu ul {margin-left:-16px; ma\rgin-left:0;}
.ver-menu li {position:relative;background:#d4d8bd;height:26px;}
.ver-menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
.ver-menu a, .ver-menu a:visited {display:block; text-decoration:none;height:25px;line-height:25px;width:149px;color:#000;text-indent:5px;border:1px solid #fff;border-width:0 1px 1px 0;}
* html .ver-menu a, * html .ver-menu a:visited {background:#d4d8bd; width:150px; w\idth:149px;}
* html .ver-menu a:hover {color:#fff; background:#949e7c;}
.ver-menu :hover > a {color:#fff; background:#949e7c;}
.ver-menu ul ul {visibility:hidden;position:absolute;top:0;left:150px; }
.ver-menu ul li:hover ul,.ver-menu ul a:hover ul {visibility:visible;}
.ver-menu ul :hover ul ul{visibility:hidden;}
.ver-menu ul :hover ul :hover ul ul{visibility:hidden;}
.ver-menu ul :hover ul :hover ul{ visibility:visible;}
.ver-menu ul :hover ul :hover ul :hover ul { visibility:visible;}

/* Článok-RSS */
.mod-rss {
    float: left; width: 100%;
}
.mod-rss .pager {
    float: left; width: 100%; text-indent: 10px; padding: 5px 0 5px 0; font-weight: bold;
}
.mod-rss .pager a.no {
    text-decoration: none;
}
.mod-rss .clanok {
    padding: 1%; float: left; width: 98%; border-bottom: 1px solid silver;
}
.mod-rss .nadpis {
    float: left; width: 100%; font-weight: bold; font-size: 14px;
}
.mod-rss .link {
    float: left; width: 100%; text-align: right;
}

/* GALÉRIA */
.mod-galeria {
    float: left; width: 100%;
}
.mod-galeria div.nazov {
    float: left; width: 100%; font-size: 15px; font-weight: bold;
}
.mod-galeria div.fotky img {
    float: left; height: 80px;
}
.mod-galeria div.fotky {
    float: left; width: 100%;
}
.mod-galeria div.fotky a {
    float: left; padding: 1px; background-color: White; margin: 5px; border: 1px solid silver;
}
.mod-galeria div.fotky a:hover {
    background-color: #e3e8f1;
}

/* ANKETA */
.mod-anketa {
   width: 96%; padding: 2%; margin: 5px 0 5px 0; float: left; border: 1px solid silver;   
}
.mod-anketa a {
   color: #24314d;
}
.mod-anketa .nazov {
    float: left; width: 100%; padding: 3px 0 3px 0; font-weight: bold; text-align: center; color: Black;
}
.mod-anketa .hlasovalo {
    float: left; width: 100%; padding: 3px 0 3px 0; text-align: center; color: #888;
}

/* HELPDESK */
.mod-helpdesk {
    font-size: 11px;
} 
.mod-helpdesk input, .mod-helpdesk select, .mod-helpdesk textarea {
    font-size: 11px;
} 
.mod-helpdesk .detail .poznamky {
    float: left; width: 100%;
} 
.mod-helpdesk .detail .poznamky .poznamka {
    float: left; width: 100%; padding: 0 0 10px 0;
} 
.mod-helpdesk .detail .poznamky .pridal {
    float: left; width: 60%; height: 20px; font-weight: bold;
} 
.mod-helpdesk .detail .poznamky .pridal a {
    font-weight: normal; color: #888;
} 
.mod-helpdesk .detail .poznamky .datum {
    float: left; width: 40%; height: 20px; text-align: right;
} 

.mod-helpdesk .detail .popis {
    float: left; width: 97%; border: 1px solid #d6d9db; padding: 1%; background-color: #fbfbfb;
} 
.mod-helpdesk .detail .podrobnosti {
    float: left; width: 73%; line-height: 20px; padding: 0 0 10px 2%;
} 
.mod-helpdesk .detail .podrobnosti p {
    line-height: 15px; padding: 5px 0 5px 0; text-align: justify;
} 
.mod-helpdesk .detail .podrobnosti .nazov {
    float: left; width: 30%;
} 
.mod-helpdesk .detail .podrobnosti .hodnota {
    float: left; width: 70%; font-weight: bold; color: #556676;
} 
.mod-helpdesk .detail .priloha {
    float: left; width: 25%; text-align: right;
} 
.mod-helpdesk .detail .priloha img {
    width: 99%; background-color: White; padding: 1px; border: 1px solid silver;
} 

.mod-helpdesk .strankovac {
    float: left; width: 98%; padding: 1%; margin: 1px 0 1px 0; background-color: #F8F8F8;
} 
.mod-helpdesk .strankovac a {
    font-weight: bold; color: Black;
} 
.mod-helpdesk .strankovac a.no, .mod-helpdesk .strankovac a.set {
    color: Gray; cursor: default;
} 

.mod-helpdesk .ziadost .item {
    float: left; width: 98%; padding: 1%; margin: 1px 0 1px 0; background-color: #ddddff;
} 
.mod-helpdesk .ziadost .item .hlavicka {
    float: left; width: 98%; padding: 1%; background-color: #d0d0ff;
}
.mod-helpdesk .ziadost .item  .viac {
    float: left; width: 100%; border-top: 1px solid #d0d0ff; margin-top: 5px;
}

.mod-helpdesk .ziadost .alter {
    float: left; width: 98%; padding: 1%; margin: 1px 0 1px 0; background-color: #e3ffe0;
}
.mod-helpdesk .ziadost .alter .hlavicka {
    float: left; width: 98%; padding: 1%; background-color: #c3ffbc;
}
.mod-helpdesk .ziadost .alter  .viac {
    float: left; width: 100%; border-top: 1px solid #c3ffbc; margin-top: 5px;
}
.mod-helpdesk .ziadost .alter .poznamky,.mod-helpdesk .ziadost .item .poznamky {
    float: left; width: 98%; padding: 1%; margin-top: 5px; background-color: White;
}

.mod-helpdesk .ziadost .hlavicka a.link {
    float: left; width: 82%; color: Black; font-weight: bold; font-size: 13px; 
}
.mod-helpdesk .ziadost .hlavicka .ikony {
    float: left; width: 18%; text-align: right; height: 16px;
}
.mod-helpdesk .ziadost .hlavicka .ikony .hand {
    cursor: pointer;
}
.mod-helpdesk .ziadost .hlavicka .ikony .help {
    cursor: help;
}

.mod-helpdesk .ziadost .info {
    float: left; width: 98%; padding: 1% 1% 0 1%;
}
.mod-helpdesk .ziadost .info .produkt {
    float: left; width: 50%;
}
.mod-helpdesk .ziadost .info .datum {
    float: left; width: 20%; color: #6a0000; text-align: right;
}
.mod-helpdesk .ziadost .info .pridal {
    float: left; width: 30%; color: #556676; text-align: right; font-weight: bold;
}
.mod-helpdesk .ziadost .viac p {
    padding: 5px; color: #555;
}  

.mod-helpdesk .nadpis {
    float: left; width: 100%; padding: 0 0 10px 0;
}
.mod-helpdesk .nadpis  span {
    float: left; font-size: 20px; color: #808080;
}
.mod-helpdesk .nadpis  a {
    float: right; 
}
.mod-helpdesk .nadpis  a.new {
    width: 78px; padding: 2px 0 2px 0; text-shadow: black 1px 1px, black 0px 0px 2px; color: White; font-weight: bold; margin: 0 0 0 3px; cursor: pointer; text-align: center; background-color: #5377d3; border: solid 1px #3a5394;
}
.mod-helpdesk .nadpis  a.new:hover {
    background-color: #4968b9; text-decoration: none;
}

.mod-helpdesk fieldset {
    border: solid 1px silver; padding: 5px; margin: 5px 0 5px 0; font-size: 11px; 
}
.mod-helpdesk legend {
    font-weight: bold; font-family: Arial; font-size: 12px; color: #244394;
}
.mod-helpdesk .left {
    float: left; width: 75px; line-height: 16px; text-align: right; padding-right: 5px;
}
.mod-helpdesk .right {
    float: left; width: 480px;
}

.mod-helpdesk .detail {
    float: left; width: 100%;
}
.mod-helpdesk .detail .nadpis span {
    color: #002255;
}

.mod-helpdesk .filter {
    float: left; width: 98%; padding: 1%; background-color: #f3f3f3;
}
.mod-helpdesk .filter .box {
    float: left; width: 50%; 
}
.mod-helpdesk .filter .box span {
    float: left; width: 30%; line-height: 18px;
}
.mod-helpdesk .filter .box select {
    float: left; width: 67%;
}

/* GridView */
.gridview th {
    padding: 5px 0 5px 0; color:White; background: #5D7B9D url(img/table_header_blue.jpg) center left repeat-x; font-weight:bold;
}
.gridview th a {
    color:White; font-weight:bold;
}
.gridview td {
    padding: 3px 0 0px 0; text-indent: 3px; background-color: #F7F6F3; height: 17px; line-height: 17px;
}
.gridview .first td {
    background-color: #FFFFFF; 
}
.gridview .last td {
    background-color: #F7F6F3; 
}
.gridview tr:hover td {
    background-color: #d2deff;
}