.signal {border: 1px solid red;}
.fl {float : left;}
.fr {float : right;}
.nofl {clear : both; font-size:2px;}
.nodisp {display : none;}

div, ul, li, span, forrm, p, h1, h2, h3, h4, h5, h6, img {margin:0; padding:0;}
img {border:0px solid black;}

body { font-family : "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; background-color : #fff; padding: 0px; margin: 0px;  text-align: center; margin-bottom : 100px; vertical-align : top;}
#main { padding : 0px; width : 100%; min-height : 550px; text-align: center; margin-top: 0px;}

/* horni div TOP */
#top { margin: 0px; padding: 0px; width: 100%; height: 104px; background: url(../img/top_menu_bg_noty.gif) 0% 0% repeat-x; /* border:5px solid orange; */}

#top-content { width: 679px; text-align: left; margin-left: auto; margin-right: auto; background: url(../img/top_menu_bg.jpg) 0px 0px no-repeat; height: 104px;}
#top-content h1#logo {width : 301px; height : 59px; background-color: transparent; margin:0; padding:0px; position:relative;overflow:hidden; color: #226CB5; font-size: 1px;}
#top-content h1#logo span {display:block; position:absolute; left:0; top:0; z-index:1; width : 301px; height : 59px; margin:0; padding:10px; background:url("../img/logo.gif") top left no-repeat; overflow: hidden; z-index: 100; }
#top-content h1#logo span a {display:block; width: 301px; height : 59px; margin:0; padding:0; }

#top-content #vlajky { position: relative;}
#top-content #vlajky span { font-size: 0px;}
#top-content #vlajky a { display: block; position: absolute; width: 20px; height: 13px; top: -11px;}
#top-content #vlajky #de { background: url(../img/vlajka_de.gif) 0px 0px no-repeat; right: 42px;}
#top-content #vlajky #en {background: url(../img/vlajka_en.gif) 0px 0px no-repeat; right: 10px;}
#top-content #vlajky #cz {background: url(../img/vlajka_cz.gif) 0px 0px no-repeat; right: 74px;}

#top-content #top-menu { position: relative;}
#top-content #top-menu a { display: block; font-size: 11px; color: white; text-decoration: none; border-left: 1px solid white; height: 17px; padding-left: 12px; position: absolute; top: 19px; padding-top: 3px; background-color: #DD9400; padding-right: 20px;}
#top-content #top-menu a:hover { text-decoration: underline;}

#top-content #top-menu #a1c { left: 0px; border-left-width: 0px; padding-left: 10px;}
#top-content #top-menu #a2c { left: 54px;}
#top-content #top-menu #a3c { left: 130px;}
#top-content #top-menu #a4c { left: 214px;}
#top-content #top-menu #a5c { left: 292px;}
#top-content #top-menu #a6c { left: 360px;}
#top-content #top-menu #a7c { left: 430px;}
#top-content #top-menu #a8c { left: 500px;}

#top-content #top-menu #a1e { left: 0px; border-left-width: 0px; padding-left: 10px;}
#top-content #top-menu #a2e { left: 54px;}
#top-content #top-menu #a3e { left: 115px;}
#top-content #top-menu #a4e { left: 204px;}
#top-content #top-menu #a5e { left: 272px;}
#top-content #top-menu #a6e { left: 330px;}
#top-content #top-menu #a7e { left: 415px;}
#top-content #top-menu #a8e { left: 480px;}

#top-content #top-menu #a1g { left: 0px; border-left-width: 0px; padding-left: 10px;}
#top-content #top-menu #a2g { left: 64px;}
#top-content #top-menu #a3g { left: 182px;}
#top-content #top-menu #a4g { left: 274px;}
#top-content #top-menu #a5g { left: 362px;}
#top-content #top-menu #a6g { left: 445px;}
#top-content #top-menu #a7g { left: 545px;}
#top-content #top-menu #a8g { left: 620px;}


/* KONEC: horni div TOP */


#middle { margin: 0px; padding: 0px; width: 679px; margin-left: auto; margin-right: auto; text-align: left; margin-top: 10px;}

/* levy navigacni sloupec: LEFT  */
#left { position : relative; float: left; left : 0px; width: 150px; background: url(../img/left_menu_noty.gif) 14px 0px no-repeat; min-height: 400px;}
#left #left-menu { margin-top: 111px; margin-left: 14px; }
#left #left-menu div { width: 125px; height: 43px; border: 1px solid #DD9400; background: url(../img/left_menu_bg.gif) 0px 0px repeat-x; }
#left #left-menu div a { display: block; width: 113px; height: 33px; font-size: 11px; color: #CB2A1A; text-decoration: none; padding: 6px 0px 0px 6px; }
#left #left-menu div a:hover {text-decoration: underline; }
/* KONEC: levy navigacni sloupec: LEFT  */

/* Pravy obsahovy sloupec: RIGHT */
#right {position: relative; margin-left: 150px; width: auto; background: transparent url(../img/right_bg_dashed.gif) 0px 16px repeat-y; height: 70%;}
#right #right-content {margin: 0px; padding: 0px; margin-left: 10px; width: auto; }

#right-content #hp{ background: url(../img/obsah_praha.jpg) 0px 0px no-repeat; width: 500px; height: 369px; color: white; font-size: 1px;}
#right-content #vice { background: transparent url(../img/obsah_prispivame.gif) 0px 0px no-repeat; width: 500px; height: 108px; position: relative;}
#right-content #vice a { position: absolute; width: auto; height: auto; left: 311px; top: 77px; font-size: 12px; color: white; padding: 8px 9px; text-decoration: underline;}

#right-content #header {/* height: 100px; */}
/*#right-content #logo_festivalu { position:absolute; top: 20px; right: -140px}*/
#right-content #logo_festivalu { position:relative; float:right; padding-top: 8pt; margin-right: -40pt;}
#right-content table { margin-bottom: 20px;}
#right-content table td { font-size: 12px; padding: 2px 30px 2px 0px;}
#right-content table td a { color: #D27B2A;}
#right-content table td a:hover { color: #C55F00;}

#right-content h2 {color: #DC3B27; padding: 14px 0px;}
#right-content h3 {color: #DC3B27; font-size: 80%; font-weight: normal; padding-bottom: 16px;}

#right-content h4 { color: #DC3B27; font-size: 100%; padding-bottom: 17px;}
#right-content h5 { color: #DC3B27; font-size: 85%; padding-bottom: 7px; }
#right-content h6 { color: #DC3B27; font-size: 75%; padding-bottom: 7px;}


#right-content p  { font-size: 75%; padding-bottom: 10px; line-height: 150%;}
#right-content p  a {color: #D27B2A; font-weight: bold; }
#right-content p  a:hover {color: #236CB2; }


#right-content ul, #right-content ol {margin-bottom: 17px;}
#right-content li { margin-left: 20px; font-size: 75%; line-height: 200%;}
#right-content li span {color: black; }
#right-content li a {color: #2C85DB; font-weight: bold; }
#right-content li a:hover {color: #236CB2; }

/*fotogalerie*/
#right-content .radek { width: 486px; background: url(../img/right_fotogalerie_dashed.gif) left bottom repeat-x; height: 200px; margin-bottom: 14px;}
.foto1, .foto2 { text-align: center; width: 222px;}
.radek .foto1 { float: left; margin-left: 4px;}
.radek .foto2 { float: right; margin-right: 4px;}
.radek a  { font-size: 12px; color: black; }
.radek img { width: 220px; height: 165px; border: 1px solid #2B9BA1;}
/*KONEC: fotogalerie*/

/* KONEC: Pravy obsahovy sloupec: RIGHT  */

#paticka {text-align: center; font-size: 11px; background: url(../img/paticka_dashed.gif) 0px 0px repeat-x; padding-top: 40px; margin-top: 58px;}
#paticka a {color: #A0BFDC; }

.saly .nazev {font-weight: bold; padding: 6px 6px 0 0;}