﻿/* Retro CSS */

/************ Tělo ***********/
body { background-color: black; font-family: arial; text-align: center; margin: 0px auto; overflow-x: hidden;}
a { color: black; }
#page{ margin: 0px auto; width: 934px; height: 875px; text-align: left;_overflow: hidden; }

#page #logo { width: 236px; height: 147px; /*background: black url("images/logo.png");*/ position: relative; left: -1000px;}
#page #flash { width: 464px; height: 123px; position: absolute; left: 50%; top: 15px; margin-left: -235px; }

#page #login { display:none; position: absolute; top: 40px; margin-left: 286px; left: 50%; height: 100px;}
#page #login img { vertical-align: -11px; margin-right: 4px;}
#page #login li {  font-size: 12px; padding: 2px; list-style-type:none; }
#page #login a { color: #ffffff; font-size: 11px;}

/* Menu */
#menu { display: block; height: 170px; position: relative; top:10px; left: 31px; z-index: 10; width: 965px; }
#menu li { position: relative;  float: left; list-style-type:none; }
#menu .spacer { background: url("images/button_spacer.png"); width: 3px; height: 31px; }
#menu .spacer-big { width: 130px; height: 31px; display: inline-block; }

#podmenu li a { color: #fff; text-decoration: none; text-shadow: 2px 2px 2px #4b0349; font-size: 16px;}
#podmenu ul { margin: -116px 0px 0px 0px; float: left; position: relative; z-index: 9999;}
#podmenu li { z-index: 100; float: left; position: relative; margin: 0px 30px 0px 30px; padding: 2px 5px 2px 5px; }
#podmenu .on { background: url('images/button_alpha.png'); }
/*------------------------------*/

#top { /*background: url("images/top.png");*/ width: 932px; height: 37px; position: relative; top: -150px; left: 3px; display: none;}
#obsah { /*background: url("images/center.png") top center repeat-y;*/ width: 932px; position: relative; top: -140px; left: 4px;}

#foot { background: url("images/footer.png") repeat-x; height: 272px; text-align: center; }
#foot .center { width: 934px; margin: 0px auto; text-align: left; position: relative; }
#foot .sponzori { background: url("images/sponzori.png"); width: 601px; height: 29px; left: 166px; position: relative; top: 10px;}
#foot .dotazy { width: 400px; height: 200px; background: url("images/icons/dotazy.png") top left no-repeat; position: relative; top: 20px; left: 60px; }
#foot .dotazy .nadpis { position: absolute; top: 15px; left: 65px; font-weight: bold; text-shadow: 1px 1px 3px grey; font-size: 14px; color: #494a4c; }
#foot .dotazy .list { position: absolute; top: 40px; left: 60px;}
#foot ul { font-size: 13px; float: left; }
#foot li { margin: 6px; }
#foot a { color: #959595; text-decoration: none; }
#foot .first { border-right: 1px solid #e6e6e6; padding: 0 8px 0 0 ;}
#foot .second { border-right: 1px solid #e6e6e6; margin: 0 0 0 8px; padding: 0 8px 0 0 ;}
#foot .third { margin: 0 0 0 8px;}
#foot .logo { background: url("images/footer_logo.png"); width: 212px; height: 125px; position: absolute; left: 700px; top: 50px;}

#autori { font-family: verdana; font-size: 10px; color: white; width: 870px; z-index: 10000; position: relative; top: 25px; left: 10px; }
#autori .mapa { float: left; width: 382px; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 3px #4b0349 }
#autori a { color: white; text-decoration: none; font-size: 11px; }
#autori span { color: #666666; }
#autori .right { padding-left: 28px; color: #fff; float: left;  }
#autori img  { margin-right: 10px; width: 18px;}

#obsah_wh { /*background-color: white;*/ width: 900px; height: 526px; position: relative; left: 15px; z-index: 100}
#flower_left { background: url("images/flower_left.png"); width: 189px; height: 200px; margin: -309px 0px 0px -103px; position: relative;  }
#flower_right { background: url("images/flower_right.png"); width: 189px; height: 200px; margin: -199px 0px 0px 654px; position: relative; left: 200px;}

#animation { top: -653px; left: 1180px; position: relative;  z-index: 110;}
#animation .slecna { background: url("images/slecna.png"); width: 247px; height: 400px; margin-top: 200px;;}
#animation .kytara { background: url("images/kytara.png"); width: 182px; height: 549px; position: relative; top: 90px; left: -55px;}
#animation .sklenice { background: url("images/sklenice.png"); width: 220px; height: 341px; position: relative; top: 250px; left: -55px;}
#animation .talir { background: url("images/talir.png"); width: 294px; height: 279px; position: relative; top: 300px; left: -95px;}
#animation .klic { background: url("images/klic.png"); width: 237px; height: 361px; position: relative; top: 240px; left: -65px;}
/****************************************************/


#prihlaseni { display: none; }
.prihlaseni img { text-align: center; }

/* Title */
#blok { width: 470px; margin: 10px 0px 0px 5px; float: left; z-index: 1000; height: 590px; overflow: hidden; }
#blok #akce { width: 470px; height: 351px; overflow: hidden; }

#cara_img { height: 40px; border-bottom: 1px solid white; font-size: 16px; font-weight: bold; width: 455px; margin-bottom: 10px; position: relative; }
#cara_img .next_akce { background: url("images/next_akce.png") no-repeat; width: 152px; height: 61px; position: absolute;  }
#cara_img .navigace { width: 170px; float: left;  position: absolute; left: 400px; top: 15px; text-shadow: 1px 1px 5px black;}
#cara_img .navigace img { vertical-align: -5px; margin: 0px 5px 0px 5px;}
#cara_img .navigace a { text-decoration: none;  font-size: 11px; color: #fff;}

#blok #akce ul { color: white; text-shadow: 1px 1px 3px #4b0349; height: 200px;}
#blok #akce li { height: 110px; }
#blok #akce a { text-decoration: none; }

#blok #akce .top { height: 30px;}
#blok #akce .program-on { background: url("images/program_on.png") no-repeat; width: 460px; height: 70px; overflow: hidden ; position: relative; }
#blok #akce .program-off { background: url("images/program_off.png") no-repeat; width: 460px; height: 70px; overflow: hidden ; position: relative; }

#blok #akce .akce { font-size: 15px; position: relative; top: 4px; left: 10px; font-weight: bold; float: left;  }
#blok #akce .datum { font-size: 15px; position: relative; top: 4px; left: -20px; float: right; height: 18px; font-weight: bold; }
#blok #akce .cena { color: white;  font-size: 14px; text-shadow: 1px 1px 3px #4b0349; font-weight: bold; width: 120px; position: absolute; top: 10px; left: 412px; }
#blok #akce .text { width: 380px;  font-size: 13px; padding: 5px; text-align: justify; line-height: 16px; position: absolute; top: 0px; left: 0px; }
#blok #akce .vice {  z-index: 1000; cursor: hand; background: url("images/akce_more.png") no-repeat; width: 56px; height: 21px; position: absolute; top: 40px; left: 400px;}

#blok #advert { position: relative; _top: -25px; width: 460px; overflow: hidden;}

#blok #fb { /*background: url("images/fb.jpg"); */width: 250px; height: 107px; float: left; margin: 0px 6px 0px 0px; }
#blok #fb .fan { position: relative; top: -9px; left: 17px; }

#blok #mp3 { background: url("images/mp3_download.png") no-repeat; width: 249px; height: 135px; float: left; z-index: 1000; margin-left: 12px;}
#blok #mp3 a { display: block; width: 249px; height: 80px; float: left; }
#blok #mp3 #player { position: relative; width: 256px; overflow: hidden; }
#blok #mp3 #data { font-size: 12px; font-weight: bold; padding: 5px 0px 0px 10px; }

#blok #novinky { background: url("images/novinky.png") 0px 40px no-repeat; width: 200px; height: 234px; float: left;  color: #fff;}
#blok #novinky p { font-size: 16px; font-weight: bold; padding: 0px 0px 8px 15px; color: #000; }
#blok #novinky a { background: url("images/novinky_button.png"); width: 71px; height: 25px; display: inline-block; position: relative; top: 6px; left: 28px;}
#blok #novinky h1 { text-align: center; width: 178px; font-size: 15px; z-index: 10; position: relative; top: 10px; color: #fff; }
#blok #novinky span { font-size: 12px; display: block; width: 147px; height: 40px; line-height: 14px; margin: 0px 0px 0px 17px; z-index: 10; position: relative; top: 10px; text-align: center;}

#blok #novinky .first {  width: 156px; height: 65px; float: left; }
#blok #novinky .second {  width: 156px; height: 66px; float: left; }
#blok #novinky .third {  width: 156px; height: 64px; float: left; }
/****************************************************/

#plakat { margin: 12px 0px 0px 3px; float:left; width: 411px; height: 583px; overflow: hidden; position: relative; }

#formular { margin-left: 50px; }
#formular .form { color: white; width: 180px; background-color: #FE38A9; border: 2px dashed #fff; height: 30px; font-size: 14px; padding: 4px; margin: 0px 8px 8px 8px; }
#formular .form-hover { color: white; background-color: #FE38A9; border: 2px dashed #E70487;}
#formular .submit { background-color: #FE38A9; width: 130px; height: 30px; border: 2px dashed #E70487; margin-left: 34px; font-weight: bold; color: white;}
#formular .submit:hover { background-color: #FF9DFF;  }
#formular span { font-weight: bold; margin: 0px 0px 10px 12px; display: block; color: #FE38A9; font-size: 16px; border-bottom: 2px solid #FE38A9; width: 170px; }

#vypis_novinek { padding: 50px; color: white; text-shadow: 1px 1px 3px black; }
#vypis_novinek li { padding: 5px 0px 5px 0px;}
#vypis_novinek p { margin-bottom: 10px; font-size: 16px; color: #fff; font-weight: bold; border-bottom: 4px solid #fff; padding: 20px 0px 3px 0px;}

#program { margin: 0px 0px 0px 35px;}
#program li { width: 840px; margin-top: 15px; height: 252px;}

#program .program_nadpis { background: url("images/program.png"); width: 157px; height: 55px; margin: 0px 0px -7px 20px; position: relative; top: 15px;}
#program .program_left { background: url("images/program_left.png"); width: 19px; height: 252px; float:left;}
#program .program_obsah { width: 790px; background: url("images/program_alpha.png"); height: 252px; float: left; }
#program .program_obsah_all { width: 790px; background-color: #FE9BD2; height: 500px; margin: 20px 0 0 20px; float: left; overflow: hidden;}
#program .program_obsah_all .tabulka { width: 100%; font-weight: bold; font-size: 12px;}
#program .program_obsah_all td { padding: 5px;}
#program .program_obsah_all .odd { background: #F53EA8; color: white;}
#program .program_obsah_all .odd tr { background: #F53EA8; }
#program .program_obsah_all .odd td { background: #F53EA8; }
#program .program_obsah_all tr.odd { background: #F53EA8; }
#program .program_obsah_all td.odd { background: #F53EA8; }
#program .program_obsah_all .odd a { color: white;}
#program .program_obsah_all .even { color: #AF0082;}
#program .program_obsah_all .even a { color: #AF0082;}
#program .program_mesic { position: relative; left: 660px; font-weight: bold; }
#program .program_mesic a{ color: white; text-shadow: 1px 1px 5px #ffa9d7; text-decoration: none;}

#program .simply-scroll-container { position: relative; }
#program .simply-scroll-clip { position: relative; overflow: hidden; z-index: 2000; }
#program .simply-scroll-list { position: absolute; top: 0; left: 0; z-index: 1000; overflow: hidden; margin: 0; padding: 0;	list-style: none; }
#program .simply-scroll-list li { paddingf: 0; margin: 0; list-style: none; }
#program .simply-scroll { padding-left: 5px; width: 780px; height: 240px; }
#program .simply-scroll .simply-scroll-clip { width: 780px; height: 240px; margin-top: 15px;}
#program .simply-scroll .simply-scroll-list li { float: left; width: 150px; height: 250px; }

#program .program_obsah .vice { font-size: 12px; text-decoration: none; display:block; margin: 5px 0px 0px 40px; color: white; font-weight: bold; text-shadow: 1px 1px 5px #db107c; }
#program .program_obsah .simply-scroll-clip a { color: white;}

#program .program_obsah .mensi { float: left; margin: 13px 4px 0px 4px; width: 90px; height: 110px; position: relative; z-index: 1000; }
#program .program_obsah .mensi img { border: 3px solid #ffffff; border-bottom: 10px solid #ffffff; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#program .program_obsah .mensi .vice { text-shadow: 1px 1px 5px #ffa9d7; text-decoration: none; margin: -22px 0px 0px 3px; background-color: #ffffff; width: 65px; height: 18px; display: block; color: #F53EA8; text-align: center; font-weight: bold; font-size: 12px; z-index: 100; position: relative; padding-top: 3px; _padding-top: 5px;}
#program .program_obsah .mensi a { color: #F53EA8; text-decoration: underline; }
#program .program_nadpis_probehle { background: url("images/program_probehle.png"); width: 127px; height: 22px; margin: 0px 0px -8px 30px; position: relative; top: 5px;}
/* #program .bottom { width: 790px; background-color: white; height: 4px; overflow: hidden; z-index: 100; position: relative; top: -27px; left: 19px;}
#program .bottom-fialova { width: 826px; background-color: #F53EA8; height: 4px; overflow: hidden; z-index: 100; position: relative; top: -27px; left: 19px; margin-left: -18px;}*/
#program .program_right { background: url("images/program_right.png"); width: 19px; height: 252px; float:left;}

#program_info { padding: 14px 0px 0px 10px;}
#program_info img { float:left; }
#program_info .info { float: left; width: 460px; margin-left: 5px; height: 580px; }
#program_info .big, #program_info .small, #program_info .bottom { -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0px 0px 8px 8px; background-color: #F53EA8; float: left; height: 20px; font-size: 14px; padding: 10px 0px 5px 0px; font-weight: bold; color: white; text-align: center;}
#program_info .big { width: 452px; }
#program_info .big a,#program_info .small a { color: white; }
#program_info .small { width: 222px; }
#program_info .objednej { padding-left: 10px; }
#program_info .text { text-align: justify; width: 435px; color: white; display: block; float: left; height: 322px; margin-bottom: 10px; font-size: 14px; line-height: 22px; padding: 0px 12px 0px 12px; overflow: auto; font-family: arial; font-weight: normal;}
#program_info .bottom { width: 452px; }
#program_info .bottom .fb { float: right; margin-right: 10px;}
#program_info .bottom img { margin: 0px 10px 0px 10px; }

#music li .foto { float:left; margin: 20px; border: 2px solid #EB2292; width: 100px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#music li .info { float:left; margin: 20px 0px 0px 0px; width: 720px; text-align: justify; font-size: 15px; color: white; text-shadow: 1px 1px 3px #970397; font-weight: bold; }
#music li .info h1 {  color: white; text-shadow: 1px 1px 3px #970397; }
#music li .player { float: left; width: 400px; margin: 10px 0px 0px 0px; font-size: 13px; color: white; text-shadow: 1px 1px 3px #970397;}
#music li .player a { color: white; }
#music li .player img { vertical-align: -2px; margin-right: 5px;}
#music .upozorneni {  color: white; text-shadow: 1px 1px 3px #970397; font-size: 14px; position: relative; left: 270px; top: 15px; font-weight: bold;}

#fotogalerie .nadpis { background: url("images/fotogalerie.png"); width: 225px; height: 60px;  }
#fotogalerie .facebook { background: url("images/facebook.png") left center no-repeat; vertical-align: middle; width: 320px; height: 32px; position: relative; left: 540px; top: -20px;}
#fotogalerie .facebook a { font-weight: bold; text-decoration: none; font-size: 14px; position: relative; top: 10px; left: 10px; color: white; }
#fotogalerie .nadpis-blank { background: url("images/fotogalerie-blank.png"); width: 225px; height: 60px;  }
#fotogalerie { padding: 20px; text-align: center; }
#fotogalerie li { float: left; margin: 0px 10px 0px 10px; height: 170px; }
#fotogalerie .vypis { text-align: center; height: 460px; overflow: hidden; }
#fotogalerie .text { border-bottom: 28px solid #F53EA8; }
#fotogalerie img { border: 7px solid #F53EA8; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#fotogalerie span { margin: -22px 0px 0px 0px; width: 192px; display: block; text-align: center; color: white; font-weight: bold; font-size: 11px; z-index: 100; position: relative;}
#fotogalerie p { margin-bottom: 10px; font-size: 16px; color: #D30F7F; font-weight: bold; background-color: white; border-bottom: 4px solid #D20E7F; padding: 20px 0px 3px 0px;}

#napojak .nadpis { background: url("images/napojak.png"); width: 244px; height: 60px;  }
#napojak { padding: 10px;}
#napojak p { margin-bottom: 10px; font-size: 16px; color: #D30F7F; font-weight: bold; background-color: white; border-bottom: 4px solid #D20E7F; padding: 20px 0px 3px 0px;}
#napojak img { border: 3px solid #F53EA8; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 30px 5px 5px 5px;}
#napojak .plakaty { text-align: center; padding-top: 20px;}

#oslavy .nadpis { background: url("images/oslavy.png"); width: 328px; height: 65px; margin: 0px 0px -7px 20px; position: relative; top: 7px;}
#oslavy .buttony { text-align: center; padding-top: 50px; color: white; line-height: 25px;}
#oslavy .buttony a { font-weight: bold; color: #fff; text-decoration: none; }
#oslavy .text { width: 500px; text-align: center; font-size: 15px; font-weight: bold; height: 490px; position: relative; top: 50px; left: 200px; color: white; text-shadow: 1px 1px 3px #4b0349; }
#oslavy .text2 { width: 800px; text-align: left; font-size: 14px; height: 490px; position: relative; top: 30px; left: 50px; color: white; text-shadow: 1px 1px 3px #4b0349; font-weight: bold; }
#oslavy .text2 a { color: #fff; text-decoration: none; }
#oslavy strong { color: #ec008c; font-size: 16px; font-weight: bold; }
#oslavy .kontakt { background: url("images/oslavy_kontakt.png"); width: 791px; height: 50px; border-top: 5px solid #e3e3e3; position: relative; left: 55px;}

#tisk { padding: 10px;}
#tisk .nadpis { background: url("images/tiskove_zpravy.png"); width: 268px; height: 59px;  }
#tisk ul { margin: 20px 20px 20px 100px; width: 650px; }
#tisk li { margin: 7px 0px 7px 0px; color: white; text-shadow: 1px 1px 3px grey; font-weight: bold;font-size: 12px;}
#tisk .button { vertical-align: -5px; margin: 0px 5px 0px 0px;}
#tisk .stahni { vertical-align: -3px; float: right;}

#bar-program { padding: 10px;}
#bar-program .nadpis { background: url("images/bar_program.png"); width: 441px; height: 62px; }
#bar-program ul { margin: 10px 20px 20px 175px; width: 570px; }
#bar-program li { margin: 0px 0px 30px 0px; font-size: 18px;color: white; text-shadow: 1px 1px 3px #dc6b49; font-weight: bold;}
#bar-program .button { margin: 5px 10px 0px 0px; float: left; display: block; }

#bar-pronajem { padding: 10px;}
#bar-pronajem .nadpis { background: url("images/bar_pronajem.png"); width: 460px; height: 62px; }
#bar-pronajem p { width: 650px; font-size: 18px; color: #fff; text-shadow: 1px 1px 3px #dc6b49; font-weight: bold; margin: 160px 0px 30px 120px; text-align: center; }
#bar-pronajem .cislo { margin: 20px 0px 0px 270px; }

#kalendar { padding: 40px 10px 0 10px; }
#kalendar .cal { float: left; width: 160px; padding: 0px 30px 0px 30px; }
#kalendar td { background: black; _padding-left: 2px; width: 10px; font-size: 13px; height: 8px; text-align: center; vertical-align: middle; border: 1px solid #fff; font-weight: bold;  color: #fff; text-shadow: 1px 1px 3px grey;  }
#kalendar .date_has_event { font-weight: bold; color: white; background-color: #98005a; }
#kalendar th { background-color: #98005a; padding: 3px; color: white; text-shadow: 1px 1px 3px #ff89cf; border: 1px solid white; border-top: 4px solid white; height: 10px; font-size: 13px;}
#kalendar a { color: white;}
#kalendar .button { width: 20px; height: 15px; background: url('images/transparent.png'); margin: -15px -15px 0px 0px; position: relative; z-index: 100; cursor: hand; }
#kalendar .cal p { font-size: 16px; color: #fff; font-weight: bold;  }

#kalendar .small img { width: 100px;}
#kalendar .small li { float: left; width: 100px; margin: 20px 0px 0px 30px; position: relative; }
#kalendar .small .label { position: absolute; top: 0px; left: 0px; width: 100px; height: 141px; z-index: 100; background: url("images/ramecek_koncerty_label_small.png") no-repeat;}
#kalendar .small .label span { position: absolute; top: 122px; left: 0px; display: block; width: 100px; color: white; font-weight: bold; font-size: 14px; text-align: center; }
#kalendar .small { float: left; width: 885px; }

#kalendar .big p { margin: 0px 0px 0px 80px; width: 587px; _width: 600px; font-size: 16px; color: #98005a; font-weight: bold; border-bottom: 4px solid #98005a; padding: 10px 0px 3px 0px;}
#kalendar .big img {  width: 140px; position: absolute; top: 5px; left: 5px;}
#kalendar .big li {  margin: 20px 0px 0px 10px; float: left; background: url("images/ramecek_koncerty.png") no-repeat; width: 150px; height: 210px; position: relative; }
#kalendar .big .label { position: absolute; top: 0px; left: 0px; width: 150px; height: 210px; z-index: 100; background: url("images/ramecek_koncerty_label.png") no-repeat;}
#kalendar .big .label span { position: absolute; top: 180px; left: 0px; display: block; width: 150px; color: white; font-weight: bold; font-size: 14px; text-align: center; }
#kalendar .big { float: left; padding-left: 50px; }

#restaurant-listek { padding: 10px;}
#restaurant-listek .nadpis { background: url("images/restaurant_listek.png"); width: 241px; height: 63px; }
#restaurant-listek .plakaty { text-align: center; padding-top: 5px;}
#restaurant-listek .text { position: relative; top: -50px; left: 420px; width: 385px; color: white; text-shadow: 1px 1px 2px black; display: block; text-align: justify; line-height: 20px; }
#restaurant-listek .text a { color: white; }
#restaurant-listek strong {text-shadow: 0px 0px 0px black !important;}

#restaurant-menu { padding: 10px;}
#restaurant-menu .nastav { margin: 20px 0px 0px 50px;}
#restaurant-menu .nadpis { background: url("images/restaurant_menu.png"); width: 260px; height: 63px; }
#restaurant-menu .nastav #submit { background-color: #FE38A9; width: 130px; height: 30px; border: 2px dashed #E70487; margin: 10px 0px 0px 30px; font-weight: bold; color: white;}
#restaurant-menu .nastav #submit:hover { background-color: #FF9DFF; }
#restaurant-menu .nastav input { float: left; margin: 8px; }
#restaurant-menu .nastav span { font-size: 16px; color: white; width: 750px; display: block; font-weight: bold; text-shadow: 1px 1px 3px black; margin-left: 30px; }
#restaurant-menu .jidelak-menu { margin: 85px 0px 0px 60px; background: url("images/program_alpha.png"); width: 770px; height: 440px; }
#restaurant-menu .jidelak-menu span { float: right; font-weight: bold; _margin-top: -13px;}
#restaurant-menu .jidelak-menu strong { margin-top: 10px; display: block;}
#restaurant-menu .jidelak-menu .nabidka { font-size: 14px; font-weight: bold; color: white; position: relative; top: -25px; left: 20px; font-weight: bold; text-shadow: 1px 1px 3px black;}
#restaurant-menu .register { margin-left: 15px; font-size: 24px; }
#restaurant-menu li { color: white; text-shadow: 1px 1px 3px #5F433F; margin: 2px 100px 2px 50px; list-style: none; font-size: 12px; border-bottom: 1px dotted #3F2224; }


#pronajem { padding: 10px 10px 0 10px; position: relative;}
#pronajem .nadpis { background: url("images/pronajem.png"); width: 176px; height: 64px; }
#pronajem .odkaz { position: absolute; top: 20px ;left: 200px; line-height: 10px; text-align: justify; background: url('images/pronajem_odkaz.png') no-repeat; width: 565px; height: 41px; padding: 10px 0 0 82px;}
#pronajem .odkaz h1 { font-size: 22px; letter-spacing:4px; font-weight: normal; }
#pronajem .odkaz a { color: white; text-decoration: none;}
#pronajem .odkaz a:hover { color: #ec008c;}

#pronajem .nadpis_dokumenty { font-size: 17px; font-weight: bold; }
#pronajem .soubory { margin: 20px 20px 20px 140px; width: 620px; }
#pronajem .soubory li { margin: 7px 0px 7px 0px; color: white; text-shadow: 1px 1px 3px #970397; font-weight: bold;  font-size: 15px; }
#pronajem .soubory .button { vertical-align: -3px; margin: 0px 5px 0px 0px;}
#pronajem .soubory .stahni { vertical-align: -3px; float: right;}
#pronajem .nadpis_nabidka { margin: 40px 0px 3px 60px; color: #EA47A6; font-size: 17px; font-weight: bold; }
#pronajem .nabidka { margin: 0px 0px 0px 60px; width: 800px;}
#pronajem .nabidka li { float:left; font-size: 20px; font-weight: bold; color: #EA47A6; padding: 4px 55px 4px 0px; border-top: 5px solid #EA47A6; border-bottom: 5px solid #EA47A6; }
#pronajem .nabidka .end { padding: 4px 0px 4px 0px; }
#pronajem .info { margin: 70px 0px 0px 160px; text-align: center; width: 570px; font-weight: bold; }
#pronajem .nadpis_info { color: #EA47A6; font-size: 22px; }
#pronajem .text { font-size: 20px; color: white; text-shadow: 1px 1px 3px #970397; font-weight: bold;  margin-top: 3px;}
#pronajem .footer { font-size: 17px; color: #EA47A6; margin-top: 5px;}

#soutez { padding: 50px 0 0 30px; }
#soutez .first { width: 600px; margin: 10px 0 0 120px; }
#soutez .first .popis { width: 130px; color: #fff; font-weight: bold; text-shadow: 1px 1px 3px #f03ac2; }
#soutez .soutez { position: absolute; top: 50px; left: 520px; border: 3px solid #fff; }
#soutez .second { width: 600px; margin: 20px 0 0 120px; }
#soutez .second span { display: inline-block; width: 60px; color: #fff; text-shadow: 1px 1px 3px #f03ac2; font-size: 22px;}
#soutez .otazka { color: white; text-align: left; margin: 10px 0 0 120px; padding-bottom: 3px; width: 550px; font-size: 20px; font-weight: bold; border-bottom: 4px solid white;}
#soutez .otazka span { display: inline-block; width: 170px; color: #fff; text-shadow: 1px 1px 3px #f03ac2;}
#soutez td { height: 30px; color: white; font-size: 20px; }
#soutez .nadpis { background: url("images/soutez.png"); width: 436px; height: 230px; }
#soutez .second img { vertical-align: -10px; }
#soutez p { margin: 50px 0 0 0px; text-align: center; font-size: 22px; color: #fff;text-shadow: 1px 1px 3px #f03ac2; font-weight: bold; text-shadow: 1px 1px 3px #fe2897;}


