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

    Referáty-serminárky.cz
    www.referaty-seminarky.cz

    Výstupní zařízení:  screen, projection

    Autor:              Vít Dlouhý (vit.dlouhy@nuvio.cz), Nuvio (www.nuvio.cz)
    Poslední revize:    2008-04-20, 17:22 GMT+1
    Verze stylopisu:    2.2.1 (2008-04-16, 10:17 GMT+1)

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

    Obsah:
    
        1) Reset
        2) Výchozí hodnoty HTML tagů
        3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
        4) Obecné HTML styly (table, ul, dl...)
        5) Layout
        6-1) Stránka: Úvod            
        Z) Nezařaditelné

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

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
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 {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Výchozí hodnoty HTML tagů
---------------------------------------------------------------------------------------------------------- */

body {padding-bottom:20px; background-color:#FFF; background-repeat:repeat-x; color:#303030; font:0.8em/1.5 "arial", sans-serif;}

a {color:#303030;}
a.normal, .normal a {color:#303030 !important;}
a:hover {color:#000 !important; text-decoration:none;}
            
h1 {background:url("../design/dot.gif") 0 100% repeat-x; font-size:200%; letter-spacing:-1px;}
h2, h3 {font-size:120%;}
h4, h5 {font-size:100%;}

h1, h2, h3, h4, h5, p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px; border:1px solid #CCC;}
legend {position:absolute; top:-1em; margin:0; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}
.help {cursor:help;}
del {text-decoration:line-through;}
strong {font-weight:bold;}
blockquote {margin:15px 20px;}
cite, em, q, blockquote {font-style:italic;}
pre, code, kbd, samp {font-family:monospace; font-size:110%;}
sub, sup {line-height:0;}

hr {display:block; height:1px; margin:10px 0; border:0 solid #CCC; background:#CCC; color:#CCC;}

/* ----------------------------------------------------------------------------------------------------------
3) Univerzální styly (display, float, margin, text-align...) a vlastnosti
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top !important;}
.va-middle {vertical-align:middle !important;}
.va-bottom {vertical-align:bottom !important;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}
.novisible {position:absolute; left:-1000px; top:-1000px; width:1px; height:1px; overflow:hidden;}

.width100 {width:100%;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}

.high {color:#F00;}
.low {color:#777;}

/* ----------------------------------------------------------------------------------------------------------
4) Obecné HTML styly (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:10px 0; list-style:none;}
ul.ul-01 li {padding-left:15px;}

ul.ul-folder {margin:10px 0; list-style:none;}
ul.ul-folder li {padding:2px 0 2px 25px; border-bottom:1px solid #EEE; background:url("../design/ul-folder.gif") 0 50% no-repeat;}

ul.ul-list {margin:10px 0; list-style:none;}
ul.ul-list li {padding:1px 0 1px 18px; background:url("../design/ul-list.gif") 0 5px no-repeat;}

ul.ul-comment {margin:10px 0; list-style:none;}
ul.ul-comment li {padding:1px 0 1px 18px; background:url("../design/ul-comment.gif") 0 5px no-repeat;}

dl.dl-01 dt {font-weight:bold;}
dl.dl-01 dd {margin-left:20px;}

/* ----------------------------------------------------------------------------------------------------------
5) Layout
---------------------------------------------------------------------------------------------------------- */

#main-out {padding-top:45px;}
#main {width:960px; margin:0 auto; background:#FFF;}

	#header {position:relative; height:70px; margin-bottom:20px;}

        #logo {margin:0;}
        #logo span#link {display:block; width:250px; height:40px; font-size:0; line-height:0; cursor:pointer;}

        #add {position:absolute; top:50px; left:0; margin:0; font-size:85%;}
        #add span {margin:0 5px; color:#DDD;}

        #login {position:absolute; top:0; right:0; width:200px;}
        #login div {clear:both; margin:3px 0;}
        #login label {display:block; float:left; width:50px; font-size:85%; font-weight:bold;}
        #login-user, #login-pass {float:right; width:140px;}

        #fullbanner {position:absolute; top:5px; left:275px; margin:0;}

    #nav {position:relative; z-index:200; background:url("../design/nav.gif") 0 100% repeat-x;}
    
        #nav ul {margin:0; list-style:none;}
        #nav ul li {display:inline; float:left;}
        #nav ul li a {display:block; float:left; /*\*/ float:none;  margin-right:5px; padding:5px 10px; background:#FFF; color:#303030;}

            #nav a.cat-00 {border-top:3px solid #3288D1;}
            #nav a.cat-01 {border-top:3px solid #0AD1D1;}
            #nav a.cat-02 {border-top:3px solid #88BE28;}
            #nav a.cat-03 {border-top:3px solid #FFB100;}
            #nav a.cat-04 {border-top:3px solid #EF5F00;}
            #nav a.cat-05 {border-top:3px solid #804000;}
            #nav a.cat-00, #nav a.cat-01, #nav a.cat-02, #nav a.cat-03, #nav a.cat-04, #nav a.cat-05 {border-left:1px solid #CCC; border-right:1px solid #CCC;}

            #cat-00 #nav a.cat-00 {border-left:1px solid #3288D1; border-right:1px solid #3288D1; background:#3288D1;}
            #cat-01 #nav a.cat-01 {border-left:1px solid #0AD1D1; border-right:1px solid #0AD1D1; background:#0AD1D1;}
            #cat-02 #nav a.cat-02 {border-left:1px solid #88BE28; border-right:1px solid #88BE28; background:#88BE28;}
            #cat-03 #nav a.cat-03 {border-left:1px solid #FFB100; border-right:1px solid #FFB100; background:#FFB100;}
            #cat-04 #nav a.cat-04 {border-left:1px solid #EF5F00; border-right:1px solid #EF5F00; background:#EF5F00;}
            #cat-05 #nav a.cat-05 {border-left:1px solid #804000; border-right:1px solid #804000; background:#804000;}
            #cat-00 #nav a.cat-00, #cat-01 #nav a.cat-01, #cat-02 #nav a.cat-02, #cat-03 #nav a.cat-03, #cat-04 #nav a.cat-04, #cat-05 #nav a.cat-05 {font-weight:bold; color:#FFF; text-decoration:none;}

            #nav a:hover.cat-00 {border-left:1px solid #3288D1; border-right:1px solid #3288D1; background:#3288D1;}
            #nav a:hover.cat-01 {border-left:1px solid #0AD1D1; border-right:1px solid #0AD1D1; background:#0AD1D1;}
            #nav a:hover.cat-02 {border-left:1px solid #88BE28; border-right:1px solid #88BE28; background:#88BE28;}
            #nav a:hover.cat-03 {border-left:1px solid #FFB100; border-right:1px solid #FFB100; background:#FFB100;}
            #nav a:hover.cat-04 {border-left:1px solid #EF5F00; border-right:1px solid #EF5F00; background:#EF5F00;}
            #nav a:hover.cat-05 {border-left:1px solid #804000; border-right:1px solid #804000; background:#804000;}
            #nav a:hover.cat-00, #nav a:hover.cat-01, #nav a:hover.cat-02, #nav a:hover.cat-03, #nav a:hover.cat-04, #nav a:hover.cat-05 {color:#FFF !important; text-decoration:none;}

            /* Barevné varianty */
            #cat-00 {background-image:url("../design/bg-00.gif");}
            #cat-00 #main-out {background:url("../design/bg2-00.gif") 50% 0 no-repeat;}
            #cat-00 #logo span {background:url("../design/logo-00.gif") 0 0 no-repeat;}
            #cat-00 #footer {background:url("../design/footer-00.gif") 0 0 repeat-x;}
            #cat-00 .ul-01 li {background:url("../design/ul-00.gif") 0 5px no-repeat;}
            #cat-00 .ico-folder {background:url("../design/cat-00.gif") 0 3px no-repeat;}
            #cat-00 a, #cat-00 th, #cat-00 .pagination strong, #cat-00 .high, .style-00 {color:#3288D1;}
            #cat-00 tr.bg td, #cat-00 .actions, #cat-00 #search {background:#F2F7FD;}
            #cat-00 #aside-left h4, #cat-00 #aside-right h4 {background:#E9F1FC url("../design/ul-00.gif") 10px 50% no-repeat;}
            #cat-00 #search, #cat-00 .actions {border:1px solid #C5DBF4;}
            #cat-00 #perex {border:1px solid #C5DBF4; background:#F2F7FD;}

            #cat-01 {background-image:url("../design/bg-01.gif");}
            #cat-01 #main-out {background:url("../design/bg2-01.gif") 50% 0 no-repeat;}
            #cat-01 #logo span {background:url("../design/logo-01.gif") 0 0 no-repeat;}
            #cat-01 #footer {background:url("../design/footer-01.gif") 0 0 repeat-x;}
            #cat-01 .ul-01 li {background:url("../design/ul-01.gif") 0 5px no-repeat;}
            #cat-01 .ico-folder {background:url("../design/cat-01.gif") 0 3px no-repeat;}
            #cat-01 a, #cat-01 th, #cat-01 .pagination strong, #cat-01 .high, .style-01 {color:#09B9B9;}
            #cat-01 tr.bg td, #cat-01 .actions, #cat-01 #search {background:#F3FCFC;}
            #cat-01 #aside-left h4, #cat-01 #aside-right h4 {background:#CBF2F2 url("../design/ul-01.gif") 10px 50% no-repeat;}
            #cat-01 #search, #cat-01 .actions {border:1px solid #BBE6E6;}
            #cat-01 #perex {border:1px solid #BBE6E6; background:#F3FCFC;}

            #cat-02 {background-image:url("../design/bg-02.gif");}
            #cat-02 #main-out {background:url("../design/bg2-02.gif") 50% 0 no-repeat;}
            #cat-02 #logo span {background:url("../design/logo-02.gif") 0 0 no-repeat;}
            #cat-02 #footer {background:url("../design/footer-02.gif") 0 0 repeat-x;}
            #cat-02 .ul-01 li {background:url("../design/ul-02.gif") 0 5px no-repeat;}
            #cat-02 .ico-folder {background:url("../design/cat-02.gif") 0 3px no-repeat;}
            #cat-02 a, #cat-02 th, #cat-02 .pagination strong, #cat-02 .high, .style-02 {color:#79A924;}
            #cat-02 tr.bg td, #cat-02 .actions, #cat-02 #search {background:#F5FBEA;}
            #cat-02 #aside-left h4, #cat-02 #aside-right h4 {background:#E0F2C0 url("../design/ul-02.gif") 10px 50% no-repeat;}
            #cat-02 #search, #cat-02 .actions {border:1px solid #CDEB96;}
            #cat-02 #perex {border:1px solid #CDEB96; background:#F5FBEA;}

            #cat-03 {background-image:url("../design/bg-03.gif");}
            #cat-03 #main-out {background:url("../design/bg2-03.gif") 50% 0 no-repeat;}
            #cat-03 #logo span {background:url("../design/logo-03.gif") 0 0 no-repeat;}
            #cat-03 #footer {background:url("../design/footer-03.gif") 0 0 repeat-x;}
            #cat-03 .ul-01 li {background:url("../design/ul-03.gif") 0 5px no-repeat;}
            #cat-03 .ico-folder {background:url("../design/cat-03.gif") 0 3px no-repeat;}
            #cat-03 a, #cat-03 th, #cat-03 .pagination strong, #cat-03 .high, .style-03 {color:#E69F00;}
            #cat-03 tr.bg td, #cat-03 .actions, #cat-03 #search {background:#FFF8E9;}
            #cat-03 #aside-left h4, #cat-03 #aside-right h4 {background:#FFF1CF url("../design/ul-06.gif") 10px 50% no-repeat;}
            #cat-03 #search, #cat-03 .actions {border:1px solid #FFD981;}
            #cat-03 #perex {border:1px solid #FFD981; background:#FFF8E9;}
            
            #cat-04 {background-image:url("../design/bg-04.gif");}
            #cat-04 #main-out {background:url("../design/bg2-04.gif") 50% 0 no-repeat;}
            #cat-04 #logo span {background:url("../design/logo-04.gif") 0 0 no-repeat;}
            #cat-04 #footer {background:url("../design/footer-04.gif") 0 0 repeat-x;}
            #cat-04 .ul-01 li {background:url("../design/ul-04.gif") 0 5px no-repeat;}
            #cat-04 .ico-folder {background:url("../design/cat-04.gif") 0 3px no-repeat;}
            #cat-04 a, #cat-04 th, #cat-04 .pagination strong, #cat-04 .high, .style-04 {color:#EF5F00;}
            #cat-04 tr.bg td, #cat-04 .actions, #cat-04 #search {background:#FFF6F0;}
            #cat-04 #aside-left h4, #cat-04 #aside-right h4 {background:#FFE1CC url("../design/ul-04.gif") 10px 50% no-repeat;}
            #cat-04 #search, #cat-04 .actions {border:1px solid #FFD2B2;}
            #cat-04 #perex {border:1px solid #FFD2B2; background:#FFF6F0;}

            #cat-05 {background-image:url("../design/bg-05.gif");}
            #cat-05 #main-out {background:url("../design/bg2-05.gif") 50% 0 no-repeat;}
            #cat-05 #logo span {background:url("../design/logo-05.gif") 0 0 no-repeat;}
            #cat-05 #footer {background:url("../design/footer-05.gif") 0 0 repeat-x;}
            #cat-05 .ul-01 li {background:url("../design/ul-05.gif") 0 5px no-repeat;}
            #cat-05 .ico-folder {background:url("../design/cat-05.gif") 0 3px no-repeat;}
            #cat-05 a, #cat-05 th, #cat-05 .pagination strong, #cat-05 .high, .style-05 {color:#804000;}
            #cat-05 tr.bg td, #cat-05 .actions, #cat-05 #search {background:#F8F5EB;}
            #cat-05 #aside-left h4, #cat-05 #aside-right h4 {background:#F2EBD8 url("../design/ul-05.gif") 10px 50% no-repeat;}
            #cat-05 #search, #cat-05 .actions {border:1px solid #ECE1C5;}
            #cat-05 #perex {border:1px solid #ECE1C5; background:#F8F5EB;}

        #nav ul li.margin a {margin-right:15px;}

            #nav ul li.nav-on div {visibility:visible;}
            #nav ul li.nav-off div {visibility:hidden;}
            #nav ul li div {display:none; /*\*/ display:block; position:absolute; visibility:hidden; width:200px;}
            #nav ul li ul {display:block; width:200px; margin:0; padding:0; border:1px solid #CCC; border-bottom:0; overflow:hidden;}
            #nav ul li ul li {display:inline; float:none; width:auto;}
            #nav ul li ul li a {display:block; width:180px; padding:2px 10px; border-bottom:1px solid #CCC; background:#FFF; text-decoration:none;}

            #nav ul li ul li a:hover {background:#F5F5F5;}

    #cols {padding:15px 0 10px 0;}

        #cols-l {float:left; width:745px;}

            #aside-left {float:left; width:160px; overflow:hidden;}

        	#content {float:right; width:570px; padding-left:15px;}
        	
            #search {padding:10px; text-align:center;}

    	#aside-right {float:right; width:200px; overflow:hidden;}
    	
            #aside-right h4, #aside-left h4 {margin-bottom:0; padding:5px 10px 5px 20px;}

	#footer {clear:both; padding-top:15px;}
	#footer p {margin:0;}
    #footer .f-right a {margin-left:15px;}

/* ----------------------------------------------------------------------------------------------------------
6-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

dl#catalog dt {clear:both; float:left; display:block; width:125px;}
dl#catalog dd {float:left; display:block; width:445px; margin:0;}
dl#catalog dt, dl#catalog dd {padding:3px 0; border-bottom:1px solid #EEE;}

.tabs {position:relative; bottom:-1px; margin:0; margin-top:10px; list-style:none;}
.tabs li {display:inline;}
.tabs li a {display:block; float:left; margin-right:3px; padding:5px 10px; border:1px solid #DDD;}
.tabs li a:hover {border:1px solid #AAA; border-bottom:0;}
.tabs li a.active {border:1px solid #DDD !important; border-bottom:1px solid #FFF !important; background:#FFF !important; font-weight:bold; color:#303030 !important; text-decoration:none;}

.tabs-content {clear:both; padding:10px; border:1px solid #DDD;}
.tabs-content table {margin:0; width:548px;}

.ico-cat-mini {width:10px; height:9px; margin-right:5px;}

/* ----------------------------------------------------------------------------------------------------------
6-2) Stránka: Kategorie
---------------------------------------------------------------------------------------------------------- */

.pagination {padding-top:10px; background:url("../design/dot.gif") 0 0 repeat-x; text-align:center;}

/* ----------------------------------------------------------------------------------------------------------
6-3) Stránka: Stránka
---------------------------------------------------------------------------------------------------------- */

#ad250x250 {float:left; width:250px;}
#ad250x250 p {margin:0;}

#ref-info {float:right; width:305px;}
#ref-info h4 {margin-top:0;}

.actions {margin:10px 0; padding:10px; text-align:center;}
.actions p {margin:0;}
.actions a {margin:0 10px; padding-left:17px; background:url("../design/ico-arrow.gif") 0 50% no-repeat;}

#perex {padding:10px;}
#perex p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Z) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

.tip {padding:10px; border:1px solid #D0D0D0; background:#F7F7F7; font-size:120%; text-align:center;}
.tip a {color:#303030 !important;}

.ico-lists {padding-left:20px; background:url("../design/ico-lists.gif") 0 50% no-repeat;}
.ico-fav {padding-left:20px; background:url("../design/ico-fav.gif") 0 50% no-repeat;}
.ico-folder {padding-left:15px;}
.ico-print {padding-left:20px; background:url("../design/ico-print.gif") 0 50% no-repeat;}
.ico-user {padding-left:13px; background:url("../design/ico-user.gif") 0 50% no-repeat;}
.ico-sitemap {padding-left:18px; background:url("../design/ico-sitemap.gif") 0 50% no-repeat;}

.input {padding:2px; border:1px solid #DDD; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font:85%/1 "arial",sans-serif;}
.input:focus {border:1px solid #AAA; background:#F7F7F7;}

    #search-input {padding:2px; border:1px solid #CCC; border-right:1px solid #BBB; border-bottom:1px solid #BBB; font:100%/1 "arial",sans-serif;}
    
.bb {padding-bottom:5px; background:#FFF url("../design/dot.gif") 0 100% repeat-x;}

/* PLUGINS */
/* ======= */

.plugin_Discussion_list {padding-top:10px}
.plugin_Discussion_list .spot {border:1px solid #FFE6BF; margin:3px; font-size:90%}
.plugin_Discussion_list .spot .head {background-color:#FFE6BF; margin:4px}
.plugin_Discussion_list .spot .content {margin:4px}
.plugin_Discussion_list .spot .reply {margin:4px}

.plugin_Discussion_form {text-align:right}
.plugin_Discussion_form textarea {width:100%; height:150px}

.plugin_Forum_list {padding-top:10px}
.plugin_Forum_list .spot {border:1px solid #FFE6BF; margin:3px; font-size:90%}
.plugin_Forum_list .spot .head {background-color:#FFE6BF; margin:4px}
.plugin_Forum_list .spot .content {margin:4px}
.plugin_Forum_list .spot .reply {margin:4px}

.plugin_Forum_form {text-align:right}
.plugin_Forum_form textarea {width:100%; height:150px}


.plugin_Referatyseminarky_insert label{width:100px}

.thumb.tright{float:right}
.thumb.tleft{float:left}
.infobox{float:right}