body {margin: 0px; background-image: url('/img/body/body_bg.png'); font-family: sans-serif; font-size: 0.8em; font-weight: bold; }

#header {width: 100%; background: red; height: 60px; background-image: url('/img/body/header_bg.png')}
h1 {display: block; margin: 0px auto; width: 865px; height: 50px; background-image: url('/img/body/header_logo.gif'); background-repeat: no-repeat; font-size: 0px;}

#main_container {margin: 0px auto; width: 865px; }

#menu_container {width: 100%; height: 20px; border: 2px solid black; background: #C9C9C9; text-align: center;}
#menu_container ul {margin: 0px; padding: 0px}
#menu_container ul li {display: box; padding: 2px 31px 0 30px; height: 18px; float: left; color: #393939; text-align: center; border-right: 2px solid black; list-style-type: none;}
#menu_container ul li a {text-decoration: none; color: black}
#menu_container ul li:hover {background: #FFB70F}
#menu_container ul li.last {border: none;  padding: 2px 31px 0 35px;}


/* global */
#full_box, #full_box_links {margin-top: 30px; width: 865px; padding: 0 0 20px 0; text-align: center; min-height: 100px; _height: 100px; background: #FFB70F; border: 2px solid black}
#full_box img {border: none; margin-top: 15px}
#full_box h3, #full_box_links h3 {text-align: center; font-size: 1.3em}
#full_box a, #full_box_links a {color: #2C2C2C; text-decoration: none; font-weight: bold}
#full_box a:hover, #full_box_links a:hover{text-decoration: underline}

#full_box_links {text-align: left}
#full_box_links p {margin-left: 20px}
#full_box_links {font-weight: normal}
#full_box_links table.ssLinks {margin: 0px auto; margin-left: 30px; border: none;}


#full_box_nasefoto {margin-top: 30px; width: 865px; padding: 0 0 20px 0; text-align: center; min-height: 100px; _height: 100px; background: #C0C0C0; border: 2px solid black}


h2 {display: block; width: 100%; margin: 0 0 20px 0; background: #C9C9C9; font-size: 1em; border-bottom: 2px solid black; text-align: center;}
h5 {font-size: 1.5em; margin: 50px 0 5px 0}  /* pouziva se pro nadpisy tricek v shopu */
.inner_text {margin: 0px auto; margin-bottom: 10px; width: 90%; }
.inner_text2 {margin: 0px auto; margin-bottom: 10px; width: 90%; text-align: justify; }
.inner_text3 {margin: 0px auto; margin-bottom: 10px; width: 90%; text-align: left; }
.clear {clear: both}
.right {text-align: right}
.left {text-align: left}

.center {text-align: center}

.smaller  {font-size: 0.9em}
.bigger {font-size: 1.1em}
.biggest {font-size: 1.2em}
.big {font-size: 2.0em}

.alert {font-size: 1.1em; color: red; text-align: center; margin: -8px 0 19px 0}


/* index */
#index_left_col {width: 620px; height: 500px; padding-top: 30px; float: left; }
#index_right_col {width: 235px;padding: 30px 0 0 0;  float: left;}

#akce {width: 615px; padding: 0 0 20px 0; vertical-align: center; text-align: center; min-height: 400px; _height: 400px; background: #FFB70F; border: 2px solid black}
#akce a {color: blue}
#dalsi_akce {margin-top: 20px;  width: 615px; vertical-align: center; text-align: center; min-height: 90px; background: #FFB70F; border: 2px solid black}
#dalsi_akce p {margin: 2px; font-size: 0.9em}
#akce p {margin-left: 20px; margin-right: 20px}
#banners {margin-top: 5px;  text-align: center}
#banners a img{border: none}
#news {width: 240px; padding: 0 0 10px 0; margin-bottom: 20px; text-align: center; min-height: 300px; _height: 300px; background: #FFB70F; border: 2px solid black}
#trika {width: 240px; padding: 0 0 20px 0; text-align: center; min-height: 150px; _height: 150px; background: #FFB70F; border: 2px solid black}
#trika img {border: none; margin-top: 8px}
#news p {font-family:verdana,serif;font-size:0.8em;margin:3px;line-height: 15px;font-weight:normal}
#index_right_col span {font-weight: normal; font-family: verdana, serif;}
#index_right_col span.datum {font-weight: bold; display: block; margin-top: 20px}



/* mp3 */
#mp3_container {margin-top: 30px; width: 865px; padding: 0 0 20px 0;  color: #7A7A7A; font-weight: normal; center; min-height: 100px; _height: 100px; background: black; border: 4px solid #C8C8C8}
#mp3_container a.mcd {color: blue};
#mp3_container h4 {margin-bottom: 5px; color: #2A2A2A; text-transform: uppercase;}
#mp3_left_col, #mp3_right_col  {margin-top: 20px; width: 400px; float: left;}
#mp3_left_col {margin-left: 30px}

.mp3_mainstream {width: 85%;}
.mp3_mainPopis {font-size: 0.8em}
.mp3_nazev {width: 130px;}
.mp3_nazev a {color: #647B95; font-weight: bold; text-decoration: none}
.mp3_nazev a:hover {color: #A9B3C0}

#prohlaseni {color: #949494; font-weight: bold; text-align: justify;}
#trackz {margin-top: 20px; font-size: 0.8em; color: #885346; text-align: center}

/* gbook */
#gbook_container {margin: 0px auto; margin-top: 30px; width: 700px; min-height:50px;}
.errorBox {margin: 0px auto; margin-bottom: 20px; padding: 5px; width: 400px; height: auto; border: 2px solid #0C3C13; background: #C4E2C8; text-align: center; background-image: url("img/body/alert.gif"); background-repeat: no-repeat; background-position: left center}
.gb_input {width: 200px; margin-right: 30px}
.gb_button {width: 150px}
.context {font-size: 0.8em; margin-left: -20px}

.gb_info {border: none; background: none; width: 290px; height: 15px; color: black; font-size: 12px; font-weight: bold; text-align: center}

#msg_contop_cont {width: 704px; height: 18px; margin-top: 30px;}
#msg_contop_left {width: 22px; height: 18px; background-image: url("img/body/gb_top_left.gif"); float: left}
#msg_contop_right {width: 22px; height: 18px; background-image: url("img/body/gb_top_right.gif"); float: left}
#msg_contop_middle {width: 660px; height: 18px; background-image: url("img/body/gb_top_middle.gif"); float: left; text-align: center; font-size: 0.9em; color: #F4E8B0}
#msg_contop_middle a {color: #F4E8B0; font-weight: bold; text-decoration: none}
#msg_contop_middle a:hover {color: white}

#msg_container {width: 100%; _width: 690px; border: 2px solid black; background: #FFB70F; padding-bottom: 10px; color: #373737; overflow: hidden}
#msg_container img {border: 1px solid black}
.msg_who {width: 100%; background: #DD9D03; padding: 5px 0 5px 0 ;_padding: 5px 5px 5px 5px; border-top: 1px solid #6E4E00; color: black}
.nameDate {width: 100%; height: 20px;}
.name {width: 70%; font-size: 1.2em; float: left}
.date {width: 29%; text-align: right; font-size: 0.8em; float: left;}
.date2 {display: block; font-weight:bold  !important; margin: 0px auto; font-size: 10px !important;padding-top:3px  !important}

.msg_web, .msg_mail {display: block; margin-left: 4px; padding-left: 19px; font-size: 0.8em; font-weight: normal; float: left; font-family: verdana; }
.msg_mail {background-image: url("img/body/mail_ico.gif"); background-repeat: no-repeat; background-position: center left}
.msg_web {background-image: url("img/body/web_ico.gif"); background-repeat: no-repeat; background-position: center left}

.msgNick {margin-left: 5px; padding-left: 17px; background-image: url("img/body/person_ico.gif"); background-repeat: no-repeat; background-position: center left; text-transform: uppercase; font-size: 0.9em}


.msg_web a, .msg_mail a {color: black;}
.msg_web a:hover, .msg_mail a:hover {color: white;}
#msg_container p {padding: 0px 5px 5px 8px ;_padding: 0px 0px 0px 12px; _margin-top: 10px; font-weight: normal}
.max_width {max-width: 680px}

#bottom_nav {width: 100%; height: 18px; text-align: center; font-size: 0.9em; color: #F4E8B0}
#bottom_nav a {color: #F4E8B0; font-weight: bold; text-decoration: none}
#bottom_nav a:hover {color: white}

.nav_actPage {text-decoration: underline !important; color: white !important; }

/* shop */
#trikontejner {margin: 0px auto; width: 760px;}
.trikobal {width: 380px; float: left; text-align: left; font-size: 0.9em; font-weight: normal}
.trikobal h4 {font-size: 1.1em; margin-bottom: 4px}

/* flyers */
.letable {margin: 0px auto; width: 90%; }
.letable td {text-align:center}
.letable img {border: none;}

/* fotoz | galerie */
#galObal img {border: 1px solid black;  Xheight: 160px}
.gal_nazev {margin: 0px auto; margin-top: 25px; margin-bottom: -6px; width: 210px; height: 25px; font-size: 12px !important; text-align: center; font-weight:bold !important;}
.td_bottom {border-bottom: 1px solid #C08800}
.delMe a, .delMe_flyer a {margin: 0px auto; margin-bottom: 10px; display: block; width: 100px; border-left: 1px solid #C33903;  border-right: 1px solid #C33903;  border-bottom: 1px solid #C33903; color: #C33903 !important}
.delMe_flyer a {width: 70px}
.delMe a:hover, .delMe_flyer a:hover{text-decoration: none !important; background-color: #F39D0C}
.newGal {color: red; font-weight: bold !important;}
.newMp3 {color: #CB9369; font-size: 0.8em; font-family: verdana}



/* text */
.smallfont {font-size: 0.8em}
.yarly {color: red !important; text-decoration: underline !important; font-size: 1.2em}
.yarly:hover {text-decoration: none !important}
.red {color: red !important}
.blue {color: blue}
.green {color: green}
.white {color: white}







/* admin */
.formRow {margin-top: 15px; width: 150px; float: left}


/* stats */
.sTable {margin:1px 30px; border: 1px solid black; background: #FACD62}
.sTable td {border-bottom: 1px solid #C99E37; font-weight:normal;padding:1px 5px}
.sTable th {border-bottom: 1px solid black; background: #E3BB5B}

.statsBlok {margin-left: 20px;   float: left;}




.helpBox {
    margin:1px 10px;
    padding:3px;
    background:#EECD7E;
    border:1px solid #AE8270;
}

.helpBox span {
    font-size:0.9em;
    padding-right:20px;
}








.justify {
    text-align:justify;
}




.dn {display:none !important}
.textinput {border: 1px solid black; font-size: 0.9em; text-align: center}
.doBloku {text-align: justify;}
.b,.bold {font-weight:bold !important}
.long {width: 300px}
.ta-l {text-align: left !important}
.ta-c {text-align: center !important}
.ta-r {text-align: right !important}
.ml-30 {margin-left: 30px}
.fs-8 {font-size: 0.9em; font-weight: normal}
.fw-n {font-weight: normal !important; text-decoration: underline !important}

.bold {font-weight: bold}

.br-1 {border-right: 1px solid #C99E37 }
.ml-20 {margin-left: 20px}
.ml-30 {margin-left: 30px}

.tt-l {text-transform:lowercase;}

.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-25 {padding-left: 25px}

.ml-0 {margin-left: 25px !important}
.ml-25 {margin-left: 25px}
.ml-35 {margin-left: 35px}

.pr-5  {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}

.w-25 {width: 25px}
.w-40 {width: 40px}
.w-50 {width: 50px}
.w-100 {width: 100px}
.w-150 {width: 150px}
.w-200 {width: 200px}
.w-300 {width: 300px !important}
.w-350 {width: 350px !important}
.w-400 {width: 400px !important}
.w-450 {width: 450px !important}
.w-480 {width: 480px !important}
.w-500 {width: 500px !important}