/*
    Vzhled: GreenDot    
    Výstupní zařízení: screen, projection
*/

* {margin:0; padding:0;}
body {background:#b4cc8f url("../img/greendot/bg-dot.gif") top center repeat-x; font:75%/160% "verdana",sans-serif; color:#000; _text-align:center;}

a {color:#363f29;}
h3 a {color:#00f;}
a:hover {color:#050;}

p {margin:15px 0;}

div {display:block; border:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #809460; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #809460; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#daefba; text-align:center; color:#000; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#050; padding:0 5px;}

        fieldset {padding:0.5em;}
        label {display:block; width:35%; float:left; text-align:right; padding-right:0.5em}
        label.r {float:none; display:inline; width:80%; padding:0; text-align:left;}
        textarea {width:100%;}
        select {width:50%;}
        
hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #000; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

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

.nom {margin:0;}
.noscreen {display:none;}

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

div#www-zahy-net {background:url("../img/greendot/bg.gif") top center repeat-y;}
#main {width:600px; margin:0 auto; padding-top:19px; _text-align:left;}


/* Hlavička */
#header {position:relative; width:600px; height:199px; background:#363f29 url("../img/greendot/header3.jpg") 0 0 no-repeat; color:#FFF;}

    /* Hlavička - logo */
    #header #logo {position:absolute; top:35px; left:35px; margin:0;}
    #header #logo a {color:#fff;}
    #header #logo a:hover {text-decoration:none;}


/* Hlavní menu (záložky) */
#tabs {position:relative; height:31px; margin-top:-30px; _margin-top:-29px; display:none;}

    #tabs ul {margin:0; padding:0; list-style:none;}
    #tabs ul li {margin:0; padding:0; float:left; height:31px;}
    #tabs ul li a {display:block; padding:6px 12px; border:0; color:#fff; font-weight:bold; _width:-1px;}
 
    /* Hlavní menu (záložky - a:hover) */
    #tabs ul li a:hover {background:#363f29; color:#fff; text-decoration:none;}
    
    /* Hlavní menu (záložky - a:active) */
    #tabs ul li#active a {background:#eee; color:#363f29; text-decoration:none;}

    
/* Stránka (2 sloupce) */
#xpage {width:600px; min-height:1px; _height:1px; background:#fff url("../img/greendot/col-dot.gif") top right repeat-y;}
#page {width:600px; min-height:1px; _height:1px; background:#fff url("../img/greendot/g.gif") top right no-repeat;}
#page-in {min-height:1px; padding:10px 0; _height:1px;}

/* Obsah */

#content {float:left; width:600px; margin:0; font-family:serif; font-size:125%;}
#content-in {clear:both; margin:0 5px; padding:0 20px;}

    #content-in h2 {margin:0 -20px; padding:10px; color:#000;}
    #content-in h2 span {padding-left:10px;}
    #content-in p {text-align:justify;}

/* Pravý panel */
#col {float:left; width:204px; margin:0; padding:0;}
#col-in {padding:0 15px; margin:0; margin-left:5px;}
#col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#809460; color:#fff;}

    /* Pravý panel - Kdo jsem */
    #col #about-me {margin-bottom:15px; line-height:130%;}
    #col #about-me p {margin:0;}
    #col #about-me #me {float:left; width:55px; height:58px; margin-right:7px;}

    /* Pravý panel - Kategorie */
    #col ul#category {margin:15px 0; padding:0; list-style:none;}
    #col ul#category li {margin:0; padding:0; border-bottom:1px solid #809460;}
    #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("../img/greendot/ico-archive.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#category li a:hover {background-color:#daefba; color:#000;}
    #col ul#category li#category-active a {background:#daefba url("../img/greendot/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
       
    /* Pravý panel - Odkazy */
    #col ul#links {margin:15px 0; padding:0; list-style:none;}
    #col ul#links li {margin:0; padding:0; border-bottom:1px solid #809460;}
    #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../img/greendot/ico-links.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#links li a:hover {background-color:#daefba; color:#000;}
   
    
    

/* Patička */
#footer {position:relative; clear:both; width:600px; height:66px; text-align:right; background:#363f29 url("../img/greendot/bar-code.gif") 0 0 no-repeat; color:#fff;}
#footer p {margin:0; padding:0; padding-right:10px; height:44px;}
#footer a {color:#fff; padding:1px;}
#footer a:hover {color:#363f29; background:#fff;}
#footer p#copyright {height:22px;}
#createdby {display:none;}

/* Ostatní */
.skryj {display:none;}
.ukaz {display:default;}
.podtrhni {text-decoration:underline;}
hr.cleaner {clear:both;}

#portret {margin:13px 0 13px 13px; float:right;}
#chyby {margin-left:15px;}

h3#web1 a, h3#web2 a, h3#web3 a, h3#web4 a { width:150px; height:112px; margin0; margin-right:10px; margin-bottom:5px; float:left; line-height:112px; color:#000; text-align:center; font-size;120%;}

h3#web1 a {background:url("../img/web1.jpg") top right no-repeat;}
h3#web1 a:hover {background:url("../img/web1.jpg") top left no-repeat; text-decoration:none;}
h3#web2 a {background:url("../img/web2.jpg") top right no-repeat;}
h3#web2 a:hover {background:url("../img/web2.jpg") top left no-repeat; text-decoration:none;}
h3#web3 a {background:url("../img/web3.jpg") top right no-repeat;}
h3#web3 a:hover {background:url("../img/web3.jpg") top left no-repeat; text-decoration:none;}
h3#web4 a {background:url("../img/web4.jpg") top right no-repeat;}
h3#web4 a:hover {background:url("../img/web4.jpg") top left no-repeat; text-decoration:none;}

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

.cotojatka, .cotojatka-anchor, .cotojatka-acronym { padding: 3px 5px; background: white; }
body > .cotojatka, body > .cotojatka-anchor { font-size: 90%; }
* html .cotojatka, * html .cotojatka-anchor { font-size: 85%; }

.cotojatka, .cotojatka-anchor { border: 2px solid #050; }
.cotojatka-acronym { border: 2px solid #050; padding-left:25px; background:#fff url("../img/otaznik.gif") 3px 2px no-repeat;}


#dnnd {border:1px solid gray; padding:0.5em;}
#dnnd h2 {font-size:1em; font-weight:normal; padding:0; padding-left:2em;}