#fotogal { width: 334px; height: 368px; background-color: #000000; float: left; color: white; margin-right: 2px; }
#fotogal H2 { background-image: url('../img/layout/mod_foto.gif'); }
#fotogal IMG { border: 1px solid black; width: 165px; }
#fotogal A { float: left; }

#videogal { width: 506px; height: 368px; background-color: #000000; float: left; color: white; }
#videogal H2 { background-image: url('../img/layout/mod_video.gif'); }
#videogal P { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 12px; background-color: #580809; }


#webkamery { width: 334px; height: 109px; background: url('../img/layout/bg_mod-webcams.jpg'); background-color: #970204; float: left; color: white; margin: 1px 2px 0px 0px; }
#webkamery H2 { background-image: url('../img/layout/mod_webkamery.gif'); }
#webkamery IMG { border: 0px; }
#webkamery DIV.in { padding: 10px 0px 0px 20px; }
#webkamery p { margin: 0px; padding: 0px 0px 5px 0px; }
#webkamery DIV.webcam { float: left; width: 98px; }

#links { width: 506px; height: 109px; background: url('../img/layout/bg_mod-links.jpg'); background-color: #970204; float: left; color: white; margin: 1px 0px 0px 0px; }
#links H2 { background-image: url('../img/layout/mod_odkazy.gif'); }
#links DIV.in { padding: 10px; }
#links SPAN { float: left; width: 161px; height: 15px; *height: 6px; _height: 6px; }

.article-wrapper { background-color: blue; background: url('../img/layout/bg_banner.gif');}


.article-col:hover { background-color: #230000; cursor: pointer; }
.article-col { float: left; width: 168px; height: 376px; color: #FFFFFF; margin-right: 1px; }
.article-col A:hover { text-decoration: none; }
.article-col.last { width: 166px; margin-right: 0px; }
.article-col.last IMG { width: 165px;}
.article-col H3 { font-size: 9pt; font-weight: normal; height: 45px; margin: 10px 10px 3px 15px; overflow: hidden; }
.article-col .bottom { height: 200px; background: url('../img/layout/article-separator.gif') 0% 0% no-repeat; border-right: 1px solid #b56c03; margin: 0px 0px 0px 15px; padding: 1px 10px 0px 0px; }
.article-col .date { color: #ff9900; margin: 8px 0px 0px 0px; }

#article-list .in { padding: 15px; }

.article { _float: left; width: 631px; min-height: 854px; background-color: #000000;}
.article .logo { float: left; margin-right: 15px; *padding-bottom: 10px; }
.article .date {  }
.article .title { margin: 0px 0px 10px 10px; font-size: 11pt; line-height: 125%; color: #fecf65}
.article P.date { font-size: 8pt; margin: 7px 0px 0px 10px; color: #dcdcdc; }



.article P {  }

.article-banner { min-height: 844px; height: auto; padding-top: 5px; text-align: center; margin-left: 12px; background: transparent url(../img/layout/bg_banner.gif) repeat scroll 0%; width: 167px; height: 100%; float: right;}
.article-banner .banner-title { font-size: 8.5pt; color: #BDBDBD; margin: 0px 0px 5px 0px; padding-left: 23px; padding-right: 21px; text-align: right; width: 120px; }
.article-banner P { margin: 0px; }