body {margin: 12px auto 10px auto; padding: 0px; background-color: #A6CF99; background-image: url(../images/background.gif);}
hr.cleaner {clear: both; display: none;} 
h1 {display: none} 

#stin {display: block; background: #a1a1a1; background-image: url(../images/stin.jpg); margin: 6px auto 6px auto; width: 875px;} 

#stranka {position: relative; top: -6px; left: -6px; width: 875px; background-color: #ffffff; border-right: 1px solid Gray; border-bottom: 1px solid Gray;} 

#datum {width: 840px; background-color: #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-size: 8pt; color: Gray; margin-right: 15px; margin-left: 10px; margin-bottom: 0px; padding-top: 10px; text-align: right;}

#hlavicka {background-color: #34E266; background-image: url(../images/hlavni_banner.jpg); width: 850px; height: 140px; margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 0px;} 

#telo{float: none; background: #E7ECE5; background-image: url(../images/background_menu.gif); width: 850px; min-height: 385px; padding: 0; margin: 0px 10px 0px 10px;}
#telo p.falesny_znak {margin: 0;}

#menu {float: left; width: 200px; margin-left: 0px; margin-right: 0px; background: transparent;} 
#menu p.nadpis {width: 200px; background: #426310; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-size: 9pt; color: #DBCD00; padding-top: 5px; padding-bottom: 5px; margin: 0; text-align: center; border-bottom: 2px solid silver; font-weight: bold;}
#menu ul {margin: 0; padding: 0; list-style-type: none;} 
#menu li li a {display: block; color: #ffffff; background-color: #B6D8AB; width: 185px; margin: 0; padding: 3px 0px 3px 15px; text-decoration: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; color: #314F09; text-decoration: none;}
#menu a {display: block; color: #ffffff; background-color: #219541; width: 195px; margin: 0; padding: 3px 0px 3px 5px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none; border-bottom: 1px solid silver; font-weight: bold;} 
#menu a:hover {background-color: #7BB133; color: yellow;} 

#pozdrav {float: right; width: 650px; background: #eaeaea; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-size: 9pt; color: Gray; padding-top: 5px; padding-bottom: 5px; text-align: center; border-bottom: 1px dotted silver; font-weight: bold;}

#obsah {float: right; width: 630px; min-height: 320px; margin: 0; background-color: #f8f8f8; padding-left: 10px; padding-bottom: 15px; padding-right: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-size: 10pt; color: Gray;}

#navigacni_pruh {padding-top: 2px; padding-bottom: 2px; text-align: left; font-weight: normal;}
#navigacni_pruh a {color: Gray; text-align: left; font-weight: normal; text-decoration: none;} 
#navigacni_pruh a:hover {color: Red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;}

p.copyright {clear: both; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: normal; font-size: 7pt; color: Gray; text-align: center; background: #eaeaea; margin-bottom: 0px; margin-top: 0px; border: 1px solid Silver; padding: 1px 3px 3px 3px;}

#paticka {clear: left; margin-left: 10px; margin-right: 10px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; font-size: 8pt; color: Gray; padding: 1px 0px 10px 0px;} 
#paticka a {color: Gray; text-align: left; text-decoration: none;} 
#paticka a:hover {color: Red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;}

.pozpatku {unicode-bidi:bidi-override; direction: rtl;} 

/* CLANEK */
#clanek {}
#clanek p {margin-top: 0px; margin-bottom: 15px; text-align: justify; font-size: 10pt; padding: 0px 0px 0px 0px;}
#clanek ul {margin-top: 0px; margin-bottom: 15px; text-align: left;}
#clanek p.posledni_aktualizace {margin-top: 25px; text-align: left; font-size: 8pt;}
#clanek h2 {margin-top: 15px; margin-bottom: 20px; font-size: 16pt; font-weight: bold; text-align: left; background: url(../images/h2.gif) no-repeat left center; padding: 0px 0px 0px 25px; border-bottom: 1px dashed silver;}
#clanek h3 {clear: both;margin-top: 15px; margin-bottom: 5px; font-size: 13pt; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px;}
#clanek h4 {clear: both;margin-top: 0px; margin-bottom: 15px; font-size: 10pt; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px;}
#clanek p a {font-size: 10pt; color: Gray; text-align: left; font-weight: normal; text-decoration: none; border-bottom: 1px dashed gray;} 

#clanek ul a {font-size: 10pt; color: Gray; text-align: left; font-weight: normal; text-decoration: none; border-bottom: 1px dashed gray;} 
#clanek a.tisk_stranky {font-weight: normal; background: url(../images/tisk.gif) no-repeat left center; padding: 0px 0px 0px 20px;} 
#clanek p a:hover {font-size: 10pt; color: red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;} 
#clanek ul a:hover {font-size: 10pt; color: red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;} 

#clanek p.obrazek-doleva {position: relative; float: left; background: #eaeaea; margin: 4px 10px 5px 0px; padding: 0px 9px 7px 9px; text-align: center; font-size: 8pt; font-style: italic; border: 1px dashed Gray;} 
#clanek p.obrazek-doleva  img {margin: 7px 0px 5px 0px;} 
#clanek p.obrazek-doprava {position: relative; float: right; background: #eaeaea; margin: 4px 0px 5px 10px; padding: 0px 9px 7px 9px; text-align: center; font-size: 8pt; font-style: italic; border: 1px dashed Gray;} 
#clanek p.obrazek-doprava  img {margin: 7px 0px 5px 0px;} 
#clanek th.diplomova-prace {width: 25%; text-align: left; padding: 5px 5px 5px 5px; background: #eaeaea;}

#clanek p.tabulka {font-size: 8pt;}
#clanek th.vlevo {text-align: left; padding: 5px 5px 5px 5px; background: #999999; color: #ffffff;}
#clanek th.nastred {text-align: center; padding: 5px 5px 5px 5px; background: #999999; color: #ffffff;}
#clanek th.vpravo {text-align: right; padding: 5px 5px 5px 5px; background: #999999; color: #ffffff;}
#clanek th.vlevo_souhrn {text-align: left; padding: 5px 5px 5px 5px; background: Silver;}
#clanek th.nastred_souhrn {text-align: center; padding: 5px 5px 5px 5px; background: Silver;}
#clanek th.vpravo_souhrn {text-align: right; padding: 5px 5px 5px 5px; background: Silver;}
#clanek td.vlevo {text-align: left; padding: 5px 5px 5px 5px; background: #eaeaea;}
#clanek td.nastred {text-align: center; padding: 5px 5px 5px 5px; background: #eaeaea;}
#clanek td.vpravo {text-align: right; padding: 5px 5px 5px 5px; background: #eaeaea;}

/* NOVINKY */
#novinky {display: block; float: right; width: 200px; padding: 5px 5px 5px 5px; border: 1px dotted Silver; margin: 0px 0px 0px 10px; background: #eaeaea; }
#novinky h2 {margin-top: 5px; margin-bottom: 3px; font-size: 11pt; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px; border-left: 15px solid Gray; border-bottom: 2px solid Gray; padding-left: 5px; padding-bottom: 2px; background: 0;}
#novinky p {margin-top: 10px; margin-bottom: 0px; text-align: left; font-size: 8pt; padding: 0px 0px 0px 0px;}


/* REFERENCE TVORBA WEBU */
#reference_web {}
#reference_web h2 {margin-top: 15px; margin-bottom: 25px; font-size: 16pt; font-weight: bold; text-align: left; background: url(../images/h2.gif) no-repeat left center; padding: 0px 0px 0px 25px; border-bottom: 1px dashed silver;}
#reference_web h3 {clear: left; font-size: 13pt; font-weight: bold; text-align: left; padding: 2px 0px 3px 5px; margin: 0px 0px 0px 0px; background: #eaeaea;} 
#reference_web p {margin-top: 15px; margin-bottom: 15px; text-align: justify; font-size: 10pt; padding: 0px 0px 0px 0px;}
#reference_web a {font-size: 10pt; color: Gray; text-align: left; font-weight: normal; text-decoration: none;} 
#reference_web a.tisk_stranky {clear: left; font-weight: normal; background: url(../images/tisk.gif) no-repeat left center; padding: 0px 0px 0px 20px; border-bottom: 1px dashed gray;} 
#reference_web a.tisk_stranky:hover {font-size: 10pt; color: red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;} 
#reference_web fieldset {border: 1px solid Silver; margin-top: 10px; padding: 7px;}


/* NAHLED NA REFERENCE TVORBY WEBU */
.thumbnail {display: block; float: left; position: relative; z-index: 0; margin: 15px 8px 8px 0px;}
.thumbnail:hover {background-color: transparent; z-index: 50;}
.thumbnail span {position: absolute; left: -1000px; background: #999999; border: 1px solid gray; visibility: hidden; color: #ffffff; font-weight: bold; text-decoration: none; width: 555px; padding: 5px;}
.thumbnail span img {border-width: 0; padding: 2px;}
.thumbnail:hover span {visibility: visible; left: 45px; top: 20px;}


/* BLOG */
#blog {}
#blog h2 {margin-top: 15px; margin-bottom: 20px; font-size: 16pt; font-weight: bold; text-align: left; background: url(../images/h2.gif) no-repeat left center; padding: 0px 0px 0px 25px; border-bottom: 1px dashed silver;}
#blog h3 {clear: both;margin-top: 15px; margin-bottom: 5px; font-size: 13pt; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px;}
#blog h4 {margin-top: 0px; margin-bottom: 15px; font-size: 10pt; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px;}
#blog p a {font-size: 10pt; color: Gray; text-align: left; font-weight: normal; text-decoration: none; border-bottom: 1px dashed gray;} 
#blog p a:hover {font-size: 10pt; color: red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;} 

#blog_prehled h3 {margin-top: 15px; margin-bottom: 3px; font-size: 13pt; font-weight: bold; text-align: left; padding: 0px 0px 0px 0px; border-left: 15px solid Gray; border-bottom: 2px solid Gray; padding-left: 5px; padding-bottom: 2px; background: #eaeaea;}
#blog_prehled img {float: left; display: inline; max-width: 180px; max-height: 180px; padding: 3px 3px 3px 3px; margin: 4px 10px 5px 0px; background: #eaeaea; border: 1px solid Silver;}
#blog_prehled p.info {clear: left; display: block; margin-top: 5px; margin-bottom: 5px; text-align: justify; font-size: 7pt; padding: 1px 2px 2px 5px; border: 1px solid Silver;}
#blog_prehled a.cely_clanek {font-weight: bold; text-align: right;}
#blog_prehled a.cely_clanek:hover {font-weight: bold;}

#blog p {margin-top: 0px; margin-bottom: 15px; text-align: justify; font-size: 10pt; padding: 0px 0px 0px 0px;}
#blog p.anotace {padding: 7px 7px 7px 7px; background: #eaeaea; font-style: italic; border: 1px dashed Gray; margin-bottom: 15px;}
#blog p.autor {margin-top: 15px;}
#blog p.vlozeno {margin-top: 25px; text-align: left; font-size: 8pt;}
#blog p.info {clear: left; display: block; margin-top: 5px; margin-bottom: 5px; text-align: justify; font-size: 7pt; padding: 1px 2px 2px 5px; border: 1px solid Silver;}
#blog a.tisk_stranky {font-weight: normal; background: url(../images/tisk.gif) no-repeat left center; padding: 0px 0px 0px 20px;} 

#blog ul {margin-top: 0px; margin-bottom: 15px; text-align: justify;}
#blog ul a {font-size: 10pt; color: Gray; text-align: left; font-weight: normal; text-decoration: none; border-bottom: 1px dashed gray;} 
#blog ul a:hover {font-size: 10pt; color: red; text-align: left; font-weight: normal; border-bottom: 1px dotted red;} 

#blog .obrazek-doleva {position: relative; float: left; background: #eaeaea; margin: 4px 10px 5px 0px; padding: 0px 9px 7px 9px; text-align: center; font-size: 8pt; font-style: italic; border: 1px dashed Gray;} 
#blog .obrazek-doleva  img {margin: 7px 0px 5px 0px;} 
#blog .obrazek-doprava {position: relative; float: right; background: #eaeaea; margin: 4px 0px 5px 10px; padding: 0px 9px 7px 9px; text-align: center; font-size: 8pt; font-style: italic; border: 1px dashed Gray;} 
#blog .obrazek-doprava  img {margin: 7px 0px 5px 0px;} 

#lightbox{background-color:#999999; padding: 7px; border: 1px solid #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff;}
#lightboxDetails{font-size: 10pt; padding-top: 6px;}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{}

#blog p.tabulka {font-size: 8pt;}
#blog th.vlevo {text-align: left; padding: 5px 5px 5px 5px; background: #999999; color: #ffffff;}
#blog th.nastred {text-align: center; padding: 5px 5px 5px 5px; background: #999999; color: #ffffff;}
#blog th.vpravo {text-align: right; padding: 5px 5px 5px 5px; background: #999999; color: #ffffff;}
#blog th.vlevo_souhrn {text-align: left; padding: 5px 5px 5px 5px; background: Silver;}
#blog th.nastred_souhrn {text-align: center; padding: 5px 5px 5px 5px; background: Silver;}
#blog th.vpravo_souhrn {text-align: right; padding: 5px 5px 5px 5px; background: Silver;}
#blog td.vlevo {text-align: left; padding: 5px 5px 5px 5px; background: #eaeaea;}
#blog td.nastred {text-align: center; padding: 5px 5px 5px 5px; background: #eaeaea;}
#blog td.vpravo {text-align: right; padding: 5px 5px 5px 5px; background: #eaeaea;}


/* ODSTRANKOVANI BLOGU */
#odstrankovani {display: block; padding-top: 7px;} 
#odstrankovani ul {margin: 0; text-align: right; font-size: 9pt;} 
#odstrankovani li {list-style-type: none; display: inline;} 
#odstrankovani a, odstrankovani a:visited {padding: 0px 5px 0px 5px; border: 1px solid Gray; text-decoration: none; color: Gray;} 
#odstrankovani a:hover, .odstrankovani a:active {border: 1px solid Red; color: Red;} 
#odstrankovani li.aktualni-stranka {font-weight: bold; padding: 0px 5px 0px 5px; border: 1px solid Gray; background-color: Silver; color: Gray;} 
#odstrankovani li.zruseny-odkaz {padding: 0px 5px 0px 5px; border: 1px solid Silver; font-weight: bold; color: Silver;} 
#odstrankovani li.dalsi-stranka {font-weight: bold;} 
#odstrankovani li.predchozi-stranka {font-weight: bold;}