/* --------------------------------------------------------------------------------------------------------------------------------------------------

    Nuvio (www.nuvio.cz, ahoj@nuvio.cz)
    2010-05-25, 21:57 GMT+1

    display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    - LAYOUT
    - STRÁNKA: ÚVOD
    - NEZAŘADITELNÉ

-------------------------------------------------------------------------------------------------------------------------------------------------- */

.cleaner {
clear: both;
}

body {background:#FFF; font:0.8em/1.5 "arial", sans-serif; text-align:center;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}
a {color:#122372;}
a:hover, a:active, a:focus {color:#734f97;}
#cols h1 {margin:0; font-size:300%; line-height:1; letter-spacing:-1px; color:#734f97;}
#cols h2 {margin:15px 0; font-size:200%; line-height:1; color:#734f97;}
#cols h3 {margin:15px 0; font-size:180%; color:#AAB200;}
#cols h4 {margin:15px 0; font-size:140%;}
#cols table {border:2px solid #D4DA4E;}
#cols table th, #cols table td {padding:5px 9px; border:1px solid #D4DA4E;}
#cols table th {padding:9px 9px; background:#EAEDB1 url("../design/inner.gif") 0 0 no-repeat; font-weight:bold; text-align:center;}
#cols table tr.bg td {background:#F5F7DB url("../design/inner.gif") 0 0 no-repeat;}
#cols dt {font-weight:bold; color:#122372;}
#cols dd {margin-bottom:5px;}

#cols #aktualni_pripravne_kurzy p {margin: 0px;}

#cols fieldset {padding:0 12px; border:1px solid #D1C7DC; width: 380px;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#cols fieldset label {display:block; margin-bottom: 10px;}
#cols fieldset legend {font-size:120%; font-weight:bold; color:#122372;}
#cols form table, #cols form table th, #cols form table td {margin:0; border:0; background:none;}
#cols form table th, #cols form table td {padding:2px 0;}
#cols form table th {padding-right:10px; text-align:right; font-weight:normal;}
#cols ul li {padding-left:20px; background:url("../design/ul.gif") 0 3px no-repeat;}
#cols ul li ul {margin:0;}
#cols ul li ul li a {color:#555;}
#cols ul li ul li a:hover {color:#734f97;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#main {width:980px; margin:0 auto; text-align:left;}
#header {position:relative; padding:0 20px;}
#header #logo {position:relative; width:230px; height:130px; overflow:hidden; margin:0; padding:0; font-size:200%;}
#header #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
#header #cite-position {position:absolute; top:20px; left:300px; width:500px; height:100px; background:url("../design/cite.gif") 0 0 no-repeat;}
#header #cite {margin:0;}
#header #cite li div {height:45px; padding:12px 15px 10px 15px; font-size:110%;}
#header #cite li p {margin:0; padding:7px 0 0 42px; font-style:italic;}
#header #contact {position:absolute; top:10px; right:0; height:110px; margin:0; padding-left:25px; background:url("../design/contact.gif") 0 0 no-repeat;}
#header #contact li {margin:2px 0; padding:2px 0 2px 30px;}
#header #contact li.ico-skype {margin-top:5px; background:url("../design/ico-skype.gif") 0 0 no-repeat;}
#header #contact li.ico-icq {background:url("../design/ico-icq.gif") 0 0 no-repeat;}
#header #contact li.ico-facebook {background:url("../design/ico-facebook.gif") 0 0 no-repeat;}
#header #contact li.ico-twitter {background:url("../design/ico-twitter.gif") 0 0 no-repeat;}
#nav {height:50px; overflow:hidden; background:#AAB200 url("../design/nav.gif") 0 0 no-repeat;}
#nav ul {margin:10px 0 10px 5px;}
#nav ul li {display:inline;}
#nav ul li a {display:block; float:left; padding:0 17px 0 15px; background:url("../design/nav-separator.gif") 100% 0 repeat-y; line-height:30px; color:#FFF; font-weight:bold; font-size:110%;}
#nav ul li.last a {background:none;}
#nav ul li.current_page_item a {color:#000; text-decoration:none;}
#nav ul li a:hover {color:#000;}
#cols {overflow:hidden; padding:15px 20px; background:url("../design/cols.gif") 0 0 repeat-y;}
#cols #col-right {float:right; width:617px;}
#cols #col-left {float:left; width:290px;}
#cols #col-left #subnav {background:#c9d200;}
#cols #col-left #subnav h3 {margin:0 0 10px 0; padding:0 10px 0 10px; color:#000;}
#cols #col-left #subnav h3 a {margin:0 0 10px 0; padding:0 10px 0 10px; color:#000;text-decoration:none;}
#cols #col-left #subnav ul {margin:0; border-bottom:1px solid #E6EB89;}
#cols #col-left #subnav ul li {display:inline; padding:0; background:none;}
#cols #col-left #subnav ul li a {display:block; padding:6px 10px; border-top:1px solid #E6EB89; font-weight:bold; text-decoration:none; color:#FFF;}
#cols #col-left #subnav ul li a:hover {background:#E4E89C; color:#000;}
#cols #col-left #subnav ul li.active a {background:#D7DF47; color:#000;}
#cols #col-left #subnav ul li.current_page_item a {background:#D7DF47; color:#000;}
#cols #col-left #subnav-top {width:290px; height:5px; background:url("../design/subnav-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols #col-left #subnav-bottom {width:290px; height:20px; margin-bottom:10px; background:url("../design/subnav-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols-top {width:980px; height:4px; overflow:hidden; background:url("../design/cols-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#cols-bottom {width:980px; height:4px; overflow:hidden; background:url("../design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#breadcrumbs {margin:15px 0 15px 20px;}
#sitemap {padding:20px 20px 17px 20px; background:#EFEBF2 url("../design/sitemap.gif") 50% 0 repeat-y;}
#sitemap ul {float:left; width:290px; margin:0;}
#sitemap ul.center {margin:0 35px;}
#sitemap ul ul {float:none; margin:0; margin-left:-20px;}
#sitemap ul li {padding-left:20px;}
#sitemap ul li {background:url("../design/ul.gif") 0 3px no-repeat; font-weight:bold;}
#sitemap ul li ul li {background:url("../design/ul-02.gif") 0 3px no-repeat; font-weight:normal;}
#sitemap-bottom {width:980px; height:4px; overflow:hidden; background:url("../design/sitemap-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
#footer {clear:both; padding:20px 20px 30px 20px;}
#footer p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
STRÁNKA: ÚVOD
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#hp #cols {padding:0; background:url("../design/hp-cols-in.gif") 50% 0 repeat-y;}
#hp #cols-in {padding:15px 20px; background:url("../design/hp-cols.gif") 0 0 no-repeat;}
#hp #cols .col h2.white {margin:0 0 25px 0; color:#FFF;}
#hp #cols .col {float:left; width:290px;}
#hp #cols .col.center {margin:0 35px;}
#cols dl.news dt {padding-left:20px; background:url("../design/ul-02.gif") 0 3px no-repeat;}
#cols dl.course dt {padding-left:20px; background:url("../design/ul-02.gif") 0 3px no-repeat; font-weight:normal;}
#cols ul.materials li {background:url("../design/ul-02.gif") 0 3px no-repeat;}
#cols ul.materials li ul li {background:url("../design/ul.gif") 0 3px no-repeat;}
#cols ul.materials li ul {margin-bottom:7px;}
#cols .box-01 {padding:12px; border:1px solid #D4DA4E; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#EAEDB1 url("../design/box-01.gif") 100% 100% no-repeat;}
#cols .box-01 p {margin:0;}
#cols .box-02 {padding:12px; border:1px solid #D5CDDE; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#EFEBF2 url("../design/box-02.gif") 100% 100% no-repeat;}
#cols .box-02 p, #cols .box-02 h3, #cols .box-02 ul {margin:0;}
#cols .box-02 h3 {margin-bottom:5px; line-height:1; color:#734f97;}
#welcome {height:250px; overflow:hidden; margin:15px 0; padding:35px 20px 0 370px; background:url("../design/welcome.jpg") 0 0 no-repeat;}
#welcome h2 {margin:0; font-size:320%; line-height:1; color:#734f97;}
.button-01 {float:left; padding-left:30px; background:#734f97 url("../design/button-01.gif") 0 0 no-repeat; color:#FFF; font-weight:bold;}
.button-01 span {float:left; display:block; padding-right:12px; background:url("../design/button-01.gif") 100% 0 no-repeat; line-height:34px; text-decoration:underline;}
.button-01:hover, #welcome .button-01:hover span {text-decoration:none !important;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
STRÁNKA: PODSTRÁNKA
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#cols #perex {margin:15px 0; padding:12px; border:1px solid #D5CDDE; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#EFEBF2 url("../design/box-02.gif") 100% 100% no-repeat; font-size:120%;}
#cols #perex p {margin:0;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
PORTLET: FORMULÁŘE
-------------------------------------------------------------------------------------------------------------------------------------------------- */

.input-text {padding:3px; border:1px solid #999; border-right:1px solid #CCC; border-bottom:1px solid #CCC;} select.input-text {padding:2px !important;}
.input-submit {padding:3px;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------
NEZAŘADITELNÉ
-------------------------------------------------------------------------------------------------------------------------------------------------- */

img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
.high {color:#734F97;}
img.alignleft {float: left; margin: 10px 10px 10px 0pt;}


#cols .multiSelectContent ul li {
  list-style: none url();  
  background-image: url(none);
  padding-left: 5px;
}

#cols .multiSelectContent ul li input{
float: left;
margin-right: 5px;
}