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

    Název projektu
    www.url.cz

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

    Autor:              Nuvio (www.nuvio.cz)
    Poslední revize:    2008-05-09, 12:00 GMT+1
    Verze stylopisu:    2.2.3 (2008-04-16, 16:00 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 {background:#FFF; color:#000; font:0.8em/1.5 "arial", sans-serif;text-align:center;}

a {color:#414141;}
a:visited {color:#008;}
a:hover {color:#F00;}

h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
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, .help {border-bottom:1px dotted #CCC; 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...)
---------------------------------------------------------------------------------------------------------- */

table.table-01 {border:1px solid #CCC;}
table.table-01 th {background:#EEE;}
table.table-01 th, table.table-01 td {border:1px solid #DDD;}
table.table-01 tr.bg td {background:#F5F5F5;}

ul.ul-01 {list-style:none;}
ul.ul-01 ul {margin:0;}

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

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

#main {display:block;margin-left:auto;margin-right:auto;width:1000px;text-align:left;}

	#header {display:block;width:1000px;height:170px;background:#fff url("../images/design/header.gif") no-repeat 0 0;}

        #logo {position:relative; overflow:hidden; width:277px; height:102px; margin:0; padding:0; font-size:160%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../images/design/logo.gif") 0 0 no-repeat; cursor:pointer;}
        div.logotyp{padding-left:26px;padding-top:31px;}
        
        #cols {background:#fff url("../images/design/aside.gif") repeat-y 0 0;}

    	  #content {display:block; position:relative; float:left; overflow:hidden; width:845px; margin-top:-26px; background:url("../images/design/content.gif") no-repeat right top;}
    	  #aside {display:block; float:left; overflow:hidden; width:155px;}
        #page #aside-right{display:block; float:right; width:202px; padding-top:108px;}
    	
    	#nav,#nav ul{margin:0; padding:0; font-size:12px;}
    	 #nav li{list-style:none;}
    	  #nav li a{display:block; height:25px; padding-left:10px; border-bottom:1px solid #fff; background:#f9e064 url("../images/design/menu-li.gif") repeat-y 0 0; line-height:25px; color:#383838; text-decoration:none;}
      	  #nav li ul li a{display:block; height:25px; padding-left:25px; border-bottom:1px solid #fff; background:#e9e2be url("../images/design/lili.gif") repeat-y 0 0; line-height:25px; color:#383838; text-decoration:none;}

        #nav li a:hover{text-decoration:underline;}
        #nav-active{font-weight:bold;}
	#footer {clear:both;}

/* ----------------------------------------------------------------------------------------------------------
6-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */
        div.actual img{float:left; margin-left:50px; margin-bottom:40px;}
        div.actual p{float:left; margin:0; padding-left:30px; padding-top:55px;}
            div.actual p a{color:#007d45; font-weight:bold;}
            div.actual a.all-news{color:#359d60; font-size:11px;}        
        
        div.round{padding:20px;}
        div.sec-o{border-bottom:1px solid #d1dfc3;}
        .border-r{border-right:1px solid #d1dfc3;}
        
        div.section{display:block; float:left; width:382px; padding-left:20px; padding-top:20px; padding-bottom:20px; color:#414141;}
            div.section img{padding:1px; border:1px solid #558821; background:#fff;}
            div.section h2{margin:0; padding:0; color:#007d45; font-size:16px;}
            div.section a{display:block;}
            div.section p{margin:0;}
                div.section p, div.section h2{padding-left:110px;}
      
        div.banner{padding-top:30px; padding-bottom:20px; text-align:center;}
        
        div.galery{display:block; float:right; width:393px; padding-bottom:12px; background:#aabf88 url("../images/design/b-galerie.gif") no-repeat bottom left; min-height:260px;}
            div.galery h3{display:block; width:393px; height:39px; margin:0; margin-bottom:20px; padding:0; background:#aabf88 url("../images/design/hl-galerie.gif") no-repeat 0 0; color:#fff;}
                div.galery h3 span{display:none;}
            div.galery img{margin-left:18px; margin-top:0px; border:0;}
            div.galery strong.photo-name,div.galery span.album-name,div.galery span.user-name,div.galery span.photo-date{display:block; padding-left:18px;}
              div.galery span.album-name,div.galery span.photo-date{font-size:11px;}
              div.galery span.user-name{font-style:italic;}

        div.discussion{display:block; float:left; width:393px; padding-bottom:12px; background:#4e8318 url("../images/design/b-diskuze.gif") no-repeat bottom left; min-height:260px;}
            div.discussion h3{display:block; width:393px; height:39px; margin:0; margin-bottom:20px; padding:0; background:#4e8318 url("../images/design/hl-diskuze.gif") no-repeat 0 0; color:#fff;}
                div.discussion h3 span{display:none;}
            
            div.dis-item{display:block; padding-bottom:8px; background:#4e8318 url("../images/design/arrow.gif") no-repeat 330px 5px;}
                div.dis-item h4{margin:0; padding:0; padding-left:20px; padding-right:20px; color:#fff; font-size:12px;}
                div.dis-item span{padding-left:20px; padding-right:20px; color:#fff; font-size:11px;}
                div.dis-item a{color:#fff;text-decoration:none;}
                    div.dis-item a:hover{text-decoration:underline;}
                 
        div.micro{padding-left:155px; padding-top:20px; padding-bottom:20px;}
            div.micro img{margin-left:5px; margin-right:5px; border:0;}
						
				/* hack by JLS - presun info o obrazku vlevo od nej */
				div.galery div.image-frame {float: left; margin-right: 10px;}

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

#page #header{background:#fff url("../images/design/header-p.gif") no-repeat 0 0;}
#page #content{margin-top:-14px; padding-top:50px; background:url("../images/design/content-p.gif") no-repeat right top;}
#page div.round{display:block; float:left; width:620px; padding:0; padding-bottom:50px;}

#page #cols{background:#fff url("../images/design/bgbox.gif") repeat-y 0 0;}

div.text{padding-left:30px;}
img.now-news{position:absolute; z-index:1000; margin-left:687px; margin-top:30px;}
img.page-banner{position:absolute; z-index:1000; margin-left:185px;margin-top:152px;}

#news-box{display:block; width:198px; height:176px; background:#fff url("../images/design/news-box.gif") no-repeat 0 0; font-size:11px;}
    #news-box p{margin:0; padding:0; padding:20px; padding-top:50px;}
    #news-box p a{color:#007d45; font-weight:bold; line-height:18px;}
    #news-box a.all-news{color:#359d60; line-height:30px;}

#page h2, #page h3{margin-top:30px; background:url("../images/design/headline.gif") repeat-y right top; color:#007d45; font-size:16px;}
#page div.panel{padding-top:20px; padding-bottom:40px; padding-left:32px; padding-right:23px; background:#fff url("../images/design/aside-right.gif") repeat-y 16px; text-align:justify; font-size:11px;}
    #page div.panel p{margin:0;padding:0;padding-top:5px;padding-bottom:10px;}

#rate{display:block; width:155px; padding:20px; padding-top:40px; background:#fbe992 url("../images/design/bg-anketa.gif") no-repeat 0 0;}
    #rate, #rate a{color:#b17707;}
    #rate a{font-size:11px;}
    #rate span{padding-left:70px;}
    #rate strong{display:block; padding-bottom:10px; font-weight:100;}

#page h3.inzerce{display:block; width:180px; height:100px; margin:0; margin-left:16px; padding:0; background:#daf2c2 url("../images/design/hl-inzerce1.gif") no-repeat bottom right;}
    #page h3.inzerce span{display:none;}

#page div.ads{padding-top:1px; padding-top:20px; padding-bottom:20px; background:#fbe992 url("../images/design/ads.gif") no-repeat 0 0; font-size:11px; text-align:justify;}
    #page div.ads strong{padding-left:15px; padding-right:15px; padding-bottom:5px; line-height:1;}
    #page div.ads p{margin:0; padding:15px; padding-top:0px; padding-top:5px; padding-bottom:10px;}

#page div.micro{display:block; position:absolute; width:655px; margin-left:155px; margin-right:auto; margin-top:-55px; padding-left:0;}

/* ----------------------------------------------------------------------------------------------------------
Z) Napsáno navíc
---------------------------------------------------------------------------------------------------------- */

#page div.clanek h3 {background: none; font-size: 110%; }

div.clanek img {margin: 5px;}

div.galery_detail{display:block;width:591px; height:357px; background:url("../images/design/galery_detail.gif") no-repeat 0 0; text-align: center;}
div.galery_detail img{margin: 0px auto; margin-top:13px;}
div.galery_detail div.nav_prew{width:23px; height:357px;display:block;float:left;background:url("../images/design/galery_detail_prew.gif") no-repeat 0 50%;}
div.galery_detail div.nav_next{width:23px; height:357px;display:block;float:right;background:url("../images/design/galery_detail_next.gif") no-repeat 0 50%;}

div.galery_navigation{display:block;width:591px; height:83px; background:url("../images/design/galery_navigation.gif") no-repeat 0 0; text-align: center;}
div.galery_navigation  div.nav_prew_small{width:23px; height:83px;display:block;float:left;background:url("../images/design/galery_detail_prew.gif") no-repeat 0 50%;}
div.galery_navigation  div.nav_next_small{width:23px; height:83px;display:block;float:right;background:url("../images/design/galery_detail_next.gif") no-repeat 0 50%;}

div.galery_navigation_block{margin: 0px auto;width:417px;height:83px;}
div.galery_navigation_block  div {float:left;width:80px;height:80px;text-align: center; margin: 0px auto;}
div.galery_navigation_block  div.active {border: 1px solid red;}
div.galery_navigation_block  div img{margin: 0px auto; margin-top:4px;}

/* ----------------------------------------------------------------------------------------------------------
Z) Formulář
---------------------------------------------------------------------------------------------------------- */
/*pokus s formulářema*/
div#content fieldset { border: 1px solid #007d45;}
div#content	legend, legend a, legend a:visited { color:#007d45; }
div#content label { display: block; float: left; font-weight:normal; width: 12em; }
div#content input.inline, div#content label.inline {display:inline; float: none;}
div#content label.inline span {font-weight: normal;}
div#content p { margin:0.5em 0pt; }

div#content input.text{width: 300px;}
div#content textarea{width: 300px; height: 5em;}

div#hlasky {background: #daf2c2; display: block; padding: 0.5em; border: 1px solid #007d45; margin: 4px 0;}
div#content label.compulsory{font-weight: bold;}
div#content input.badCols, div#content textarea.badCols{background: #daf2c2;}