/* CSS styl pro benstav.cz --- vytvořil Jan Odstrčil (jan@odstrcil.eu), 2009-2011 */

body { background: url('img/bg_body.jpg') repeat-x bottom center fixed; font-family: Georgia, Verdana; color: DarkSlateGray; text-align: center; cursor: default; }

#kostra { width: 920px; height: auto; margin: 0 auto; background-color: White; padding: 5px 8px; }
#logo { height: 196px; background: url('img/logo.png') no-repeat center center; color: White; font-size: 40pt; letter-spacing: 8pt; font-weight: bold; margin: 0; padding: 0; }
#menu { background: url('img/bg_menu.png') repeat; margin: 0; padding: 0; border: 1px solid DarkGray; }
#menu ul li { display: inline; }
#menu ul li a { text-decoration: none; color: Red; font-size: 13pt; padding: 10px 15px; }
#menu li a:hover { text-decoration: underline; color: Black; }
#menu li a:hover.zelena { background-color: Lime; }
#menu li a:hover.oranzova { background-color: Orange; }
#menu li a:hover.zluta { background-color: Yellow; }
#menu li a:hover.cervena { background-color: Red; }
#menu li a:hover.modra { background-color: #3366FF; }
#obsah { width: auto; height: 550px; margin: 10px 0px; }
#hlavni { float: left; width: 640px; height: 550px; margin: 0; padding-right: 10px; overflow: auto; }
#hlavni h1 { width: 100%; background-color: DarkRed; color: White; font-size: 15pt; text-align: left; padding: 5px; margin: 0; }
#hlavni h1.zprava { width: 100%; background-color: Orange; color: Black; font-size: 15pt; text-align: center; padding: 2px 3px; margin: 0; }
#hlavni h2 { font-size: 14pt; text-align: left; padding: 0; margin: 20px 0px 10px 0px; border-bottom: 2px solid Red; }
#hlavni h2.reference { width: 100%; font-size: 14pt; color: White; background-color: Red; text-align: left; padding: 1px 2px; margin: 20px 0px 10px 0px; }
#hlavni h3 { font-size: 13pt; text-align: left; font-style: italic; padding: 0; margin: 10px 0px; }
#hlavni h3.reference_do150 { width: auto; font-size: 12pt; font-style: italic; text-align: left; margin: 18px 0px; padding: 0px 3px 3px 3px; border-left: 22px solid Blue; border-bottom: 3px solid Blue; }
#hlavni h3.reference_nad150 { width: auto; font-size: 12pt; font-style: italic; text-align: left; margin: 18px 0px; padding: 0px 3px 3px 3px; border-left: 22px solid #009900; border-bottom: 3px solid #009900; }
#hlavni ul li { list-style-type: square; font-size: 12pt; text-align: left; line-height: 25px; padding: 0; margin: 0; }
#hlavni ul.reference { width: 100%; padding: 5px 0px; border: 1px dashed Black; background-color: #CCFF33; font-weight: bold; }
#hlavni ul li.reference { display: inline; list-style-type: square; font-size: 12pt; text-align: left; line-height: 25px; padding: 0; margin: 0; }
#hlavni ul li.reference a { color: Black; font-weight: bold, text-decoration: none; }
#hlavni ul li.reference a:hover { color: DarkRed; text-decoration: underline; }
#hlavni a.email { color: Blue; font-size: 16pt; line-height: 50px; text-decoration: none; border-bottom: 1px dotted Silver; }
#hlavni a.email:hover { color: Red; text-decoration: underline; }
#hlavni p { font-size: 12pt; text-indent: 50px; text-align: justify; line-height: 25px; }
#hlavni p.normal { font-size: 12pt; text-indent: 0px; text-align: left; }
#hlavni table { width: 100%; margin-top: 25px; }
#hlavni table.docs { width: 100%; margin-top: 25px; }
#hlavni table.docs td { background-color: #CCFFFF; }
#hlavni table.docs td:hover { background-color: Yellow; }
#hlavni td { font-size: 13pt; padding: 8px; }
#hlavni td.left { text-align: left; }
#hlavni td.right { text-align: right; }
#hlavni img { align: middle; margin: 7px 0px; border: 1px solid Black; }
#hlavni img.normal { border: none; }
#hlavni input, #hlavni textarea { background-color: #FFFF99; font-family: Georgia; font-size: 13pt; padding: 2px; }
#hlavni input.tlacitko { padding: 0px; }
#hlavni input:hover, #hlavni input:focus, #hlavni textarea:hover, #hlavni textarea:focus { background-color: #FFFF66; cursor: default; }
.refadr { font-size: 13pt; text-align: left; font-weight: bold; color: DarkRed; }
.refpop { font-size: 12pt; text-align: left; font-weight: normal; color: DarkSlateGray; margin-bottom: 10px; }
#pravy { float: right; width: 250px; height: 550px; margin: 0; padding: 0; }
#casomira { width: 250px; background-color: #00CC00; font-size: 9pt; font-weight: bold; color: White; margin-bottom: 10px; padding: 6px 0px; }
#aktualne { width: 250px; height: 251px; background: url('img/bg_aktualne.jpg') no-repeat; font-size: 9pt; text-align: left; padding: 4px 8px; margin-bottom: 10px; }
#aktualne h3 { color: Black; font-size: 10pt; text-align: left; text-decoration: underline; padding-bottom: 4px; margin: 0; }
#aktualne h3.pf2010 { font-size: 14pt; font-weight: bold; font-style: italic; text-decoration: none; }
#aktualne p { padding: 4px 0px; margin: 0; }
#minikontakt { width: 250px; background: url('img/bg_minikontakt.jpg') no-repeat center center; color: White; font-weight: bold; margin: 0; padding: 5px 0px; }
#minikontakt h1 { color: White; font-size: 15pt; text-align: center; margin: 0; padding: 0; }
#minikontakt table { width: 100%; color: White; font-size: 12pt; font-weight: bold; text-align: center; margin: 10px 0px; }
#minikontakt a { color: Yellow; text-decoration: none; }
#minikontakt a:hover { color: Orange; }
#copyright { clear: both; width: auto; margin: 0; padding: 30px 0px; background-color: #006699; }
#copyright h2 { color: White; font-size: 14pt; font-weight: bold; letter-spacing: 5pt; margin: 0; padding: 3px 0px; }
#referer { width: auto; }
#referer a { color: Black; text-decoration: none; margin: 5px 0px; padding: 5px 0px; }
#referer a:hover { color: Silver; }

#inzerat { color: DarkOliveGreen; background: GreenYellow; padding: 12px; margin: 12px 0px; font-size: 13pt; text-align: left; border: 10px solid White; }
#inzerat h2 { font-size: 16pt; border: none; padding: 0; margin: 0; }
#inzerat p { text-indent: 0px; line-height: 18px; }

.alignLeft { float: left; }
.alignRight { float: right; }

li.other { text-align: left; }