@charset "iso-8859-2";
/* CSS Document */
body { background-color: #cecece; background-image: url(../grafika/bg.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; background-position: top center; }
.kontejner { font-family: Verdana, Geneva, sans-serif; width: 980px; margin: 0px auto; clear: both; }
hr { background-image: url(../grafika/pruh.png); background-repeat: repeat-x; border: 0px; height: 4px; width: 100%; margin: 0px; }

/* hlavicka */
#hlavicka, #menu, #paticka { width: 980px; float: left; clear: both; }
#hlavicka form { background-image: url(../grafika/lista.png); background-repeat: no-repeat; background-position: center; width: 260px; height: 34px; float: right; margin-top: 20px; padding: 0px 20px; clear: right; }
#hlavicka input { background-color: transparent; border: 0px; float: left; margin: 4px 0px; height: 26px; padding: 0px; font-size: 12px; color: #999; }
#hlavicka .submit { background-image: url(../grafika/tlacitko.png); background-repeat: no-repeat; width: 100px; height: 34px; float: right; margin: 0px; color: #555; font-weight: bold; font-size: 11px; }
#hlavicka div { float: right; clear: right; margin-top: 20px; color: #353535; font-size: 11px; }
#hlavicka div a { color: #353535; text-decoration: none; }
#hlavicka div strong { margin-right: 50px; font-weight: normal; font-size: 12px; }
#hlavicka div strong a { color: #093; font-weight: bold; }
#hlavicka h1 { background-image: url(../grafika/logo.png); background-repeat: no-repeat; width: 187px; height: 64px; float: left; margin: 0px; padding: 0px; margin-top: 20px; }
#hlavicka h1 strong { display: none; }
#hlavicka h1 a { width: 187px; height: 64px; display: block; }

/* menu */
#menu ul { margin: 20px 0px; padding: 0px; list-style-type: none; font-size: 12px; }
#menu li { background-color: #000; float: left; margin-right: 3px; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
#menu li a { color: #FFF; text-decoration: none; padding: 10px 10px 6px 10px; float: left; }
#menu hr { background-image: none; width: 980px; background-color: #000; float: left; clear: both; }
#menu .cerveny-menu { background-color: #cb0e21; border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }

/* telo */
#telo { width: 980px; margin: 0px auto; clear: both; }

/* predprodej */
#predprodej, #mapa, #error, #kontakty, #koncert, #hledat, #partneri, #novinky { float: left; font-size: 12px; width: 980px; }
#predprodej a, #mapa a, #error a, #kontakty a, #hledat a, #koncert a, #novinky a { color: #cb0e21; }
#predprodej h1, #mapa h1, #error h1, #kontakty h1, #koncert h1, #hledat h1, #partneri h1, #novinky h1 { margin: 0px; padding: 0px; font-size: 20px; margin-top: 20px; }
#predprodej h2 { font-size: 16px; }
#predprodej p, #error p, #koncert p, #hledat p, #novinky p { color: #333; text-align: justify; }
#predprodej div, #kontakty div { background-image: url(../grafika/slide_bg.png); float: right; width: 300px; padding: 10px; margin-left: 20px; }
#koncert div { background-image: url(../grafika/slide_bg.png); float: right; width: 158px; padding: 10px; margin-left: 20px; margin-bottom: 10px; }
#predprodej div div { text-align: center; background-color: #ffd402; background-image: none; width: 300px; padding: 16px 0px; margin: 0px; }
#kontakty div div { text-align: center; background-image: url(../grafika/slide_box.png); width: 300px; padding: 16px 0px; margin: 0px; }
#kontakty div div p { text-align: justify; padding: 10px 20px; margin: 0px; }
#kontakty form { width: 640px; float: left; padding: 0px; margin: 0px; }
#kontakty fieldset { width: 620px; float: left; padding: 10px; margin: 20px 0px 0px 0px; border: 1px solid #333; }
#kontakty form div { background-image: none; float: left; width: 50%; padding: 0px; margin: 0px; }
#kontakty form span { padding-top: 3px; width: 100px; text-transform: uppercase; float: left; font-size: 10px; }
#kontakty form input { padding: 2px; border: 1px solid #666; font-size: 11px; margin: 1px; clear: both; }
#kontakty form div small { margin-left: 100px; }
#kontakty form small { font-style: italic; color: #666; margin-bottom: 2px; clear: both; float: left; display: block; }
#kontakty form textarea { font-family: Verdana, Geneva, sans-serif; padding: 2px; border: 1px solid #666; font-size: 11px; margin: 1px; clear: both; width: 614px; }
#kontakty legend { font-size: 10px; font-weight: bold; color: #555; text-transform: uppercase; }
#kontakty .zelena { border: 1px solid #319c31; background-color: #a2e1a5; }
#kontakty .cervena { border: 1px solid #ad2714; background-color: #f2998c; }
#kontakty form .submit { background-color: #cb0e21; padding: 2px; border: 1px solid #fff; font-size: 9px; font-weight: bold; margin-top: 15px; color: #fff; text-transform: uppercase; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#kontakty .odeslano { width: 618px; float: left; border: 1px solid #319c31; background-color: #a2e1a5; margin: 10px 0px 0px 0px; }
#kontakty .neodeslano { width: 618px; float: left; border: 1px solid #ad2714; background-color: #f2998c; margin: 10px 0px 0px 0px; }
#hledat big { display: block; margin-bottom: 2px; }
#partneri div { margin-top: 10px; float: left; padding: 0px 5px; width: 970px; }
#partneri div div { text-align: center; background-image: url(../grafika/slide_bg.png); margin: 5px; padding: 5px; width: 174px; float: left; height: 176px; }
#partneri div div img { margin-bottom: 5px; border: 0px; }
#partneri div div a { color: #333; text-decoration: none; font-weight: bold; }
#novinky div { float: left; width: 100%; margin-top: 10px; }
#novinky hr { background-image: url(../grafika/slide_bg.png); border: 0px; height: 6px; width: 100%; float: left; margin-top: 10px; }
#hledat hr { background-image: url(../grafika/slide_bg.png); border: 0px; height: 6px; width: 100%; }

/* paticka */
#paticka span { float: right; margin: 10px 0px; font-size: 10px; color: #999; }
#paticka a { color: #666; }

/* chybove hlaseni */
#alert { background: url(../grafika/px.png); font-size: 11px; font-weight: bold; text-align: justify; margin: 0; padding: 0; position: absolute; z-index: 10; }
#alert div { background: url(../grafika/chyba-box.png) no-repeat; width: 800px; margin: auto; }
#alert p { margin: 0; padding: 0; width: 310px; height: 54px; float: left; }
#alert input { background: #ccc; width: 104px; height: 26px; float: right; cursor: pointer; border: 0; padding: 0; margin: 0; }
#alert span { font-family: Verdana, Geneva, sans-serif; float: left; color: #000; padding-top: 8px; }

#predprodej .loga { list-style-type: none; float: left; clear: both; width: 100%; }
#predprodej .loga li { float: left; margin: 0 30px 20px 0; }