/* -------------------------------------------------


------------ Dum deti a mladeze Bilovec ------------


------------------------------------------------- */

/* 01. HTML Tagy */

body {
    background: #fcf8e5;
    font-family: Tahoma; font-size: 0.75em; line-height: 16px; text-align: center; color: #355600;
    margin: 0; padding: 0;
}
a {color: #f46d0c; text-decoration: underline;}
a:hover {text-decoration: none;}
.clear {clear: both;}
img {border: none; margin: 0; padding: 0;}
h1 {margin: 0; padding: 0;}
#h2 {background: url('../img/h2_div.png') top left no-repeat; min_width: 20px; height: 50px; float: left; clear: both;}
h2 {background: url('../img/h2.png') top right no-repeat; min_width: 20px; height: 38px; line-height: 38px; margin: 0; font-size: 20px; color: #00507c; font-weight: normal; text-transform: uppercase; margin-left: 14px; padding-right: 14px;}
#left h3 {margin: 0 0 14px 0;}
h3 {color: #00507c; font-size: 1.75em; text-transform: uppercase; font-weight: normal; line-height: 20px;}
hr, .invis {display: none;}
.button_show {background: url('../img/button_show.png') no-repeat; width: 68px; height: 24px; border: none; font-size: 12px; letter-spacing: 2px; font-weight: bold; color: #ffffff; cursor: pointer; float: right; }

/* -------------------------------------------------------------------------------------
span colors
-------------------------------------------------------------------------------------*/
.black {color: #040404;}

/* -------------------------------------------------------------------------------------
Content
------------------------------------------------------------------------------------- */
#web {background: #fff7d3 url('../img/bg_web.png') top left repeat-y; width: 960px; text-align: left; margin: auto; border: 10px solid #f9c976;}
#top {background: #fbdea8 url('../img/bg-top.png') top left no-repeat; width: 955px; height: 170px; padding: 30px 0 0 5px;}

#menu {background: #85c52d url('../img/menu.png') top left no-repeat; width: 560px; height: 60px; line-height: 60px;}
#menu ul{width: 510px; margin: 0 25px;; padding: 0; list-style: none;}
#menu ul li{text-transform: uppercase; font-size: 14px; float: left; margin-right: 17px;}
#menu ul li a{line-height: 60px; text-decoration: none; color: #ffffff; float: left;}
#menu ul li a:hover {background: url('../img/menu_hover.png') bottom center no-repeat;}
#menu ul li.no_margin {margin: 0;}

#content {background: url('../img/content.png') left bottom no-repeat; width: 960px; padding-bottom: 25px;}
#left {background: url('../img/bg-left.png') top left repeat-y; width: 400px; float: left; margin-bottom: 20px;}
#left p{margin: 0;}
#akce {background: #a5db36 url('../img/bg-akce.png') top left no-repeat; width: 350px; height: 190px; padding: 25px;}
#akce a, #krouzky a{color: #ffffff;}
#krouzky {background: #a5db36 url('../img/bg-krouzky.png') top left no-repeat; width: 350px; height: 152px; padding: 22px 25px 18px 25px;}
#krouzky-foto {background: url('../img/krouzky-foto-item.png') top left no-repeat; width: 130px; height: 105px; float: left; padding: 5px;}
#krouzky-info {width: 200px; float: right;}
.l_more {text-align: right; margin: 5px 0 0 0;}
#left-bot {background: url('../img/left.png') top left no-repeat; width: 350px; padding: 25px;}
#left-bot h3{background: url('../img/left-h3.png') top left no-repeat; width: 230px; height: 45px; line-height: 32px; font-size: 18px; color: #ac8237; margin: 0; padding: 0 0 0 12px;}
#left-gallery img {margin: 5px; float: left;}

#right {width: 560px; float: right; line-height: 1.5em;}
.r_more {text-align: right;}
p.right_photos img {margin: 10px; float: left;}
.right_message {background: #f6ffe5; border: 1px solid #cfe2ac; margin: 10px 0;}
.right_message p{text-align: center; line-height: 50px; font-size: 22px; margin: 0;}
#right-content {background: url('../img/right.png') no-repeat; width: 510px; padding: 25px 25px 0 25px;}
#right-content p img {margin: 10px;}

#bottom {background: #fff7d3 url('../img/bottom.png') top right no-repeat; padding: 25px;}
#bottom_menu {width: 500px; float: left; line-height: 18px;}
#bottom_menu ul {width: 500px; margin: 0; padding: 0; list-style: none; float: left;}
#bottom_menu ul li{float: left;}
#bottom_menu ul li a {color: #5d9602;}
span.bottom_split {margin: 0 5px 0 5px; color: #dbc095;}
#bottom_logo {width: 150px; padding: 4px 0; text-align: right; float: right;}

/* ========================================== */

/* -------------------------------------------------------------------------------------
Akce
------------------------------------------------------------------------------------- */
.event_1 {background: url('../img/bg_event.gif') top center repeat-x;width: 490px; padding: 10px;}
.event_1 p, .event_2 p {margin: 0;}
.event_2 {background: #fff6e4 url('../img/bg_event.gif') top center repeat-x; width: 490px; padding: 10px;}
.event_date {background: url('../img/event_date.gif') no-repeat; width: 50px; height: 34px; float: left;}
.event_date p{font-size: 11px; text-align: center; width: 44px; line-height: 12px; margin: 4px 0 0 0; float: left;}
.event_info {width: 430px; float: right;}
p.event_title {font-size: 16px;}

/* -------------------------------------------------------------------------------------
Dokumenty
-------------------------------------------------------------------------------------*/
.document_1 {background: url('../img/bg_event.gif') top center repeat-x; width: 490px; padding: 10px;}
.document_2 {background: #fff6e4 url('../img/bg_event.gif') top center repeat-x; width: 490px; padding: 10px;}
.document_1 p, .document_2 p {margin: 0;}
.document_icon {width: 20px; float: left;}
.document_info {width: 460px; float: right;}

/* -------------------------------------------------------------------------------------
Krouzky
-------------------------------------------------------------------------------------*/
#krouzky_days {background: url('../img/krouzky_days.png') no-repeat; width: 510px; height: 28px; text-align: center;}
#krouzky_days ul {margin: 0; padding: 0; list-style: none;}
#krouzky_days ul li {background: url('../img/krouzky_days_split.png') right bottom no-repeat; padding: 0 22px; height: 28px; line-height: 28px; float: left;}
#krouzky_days ul li input {margin-right: 5px;}
#krouzky_days ul li.no_bg {background: none;}
.krouzky_kind {background: url('../img/bg_event.gif') bottom center repeat-x; width: 510px; text-align: center; padding-bottom: 10px; margin-bottom: 10px;}
.krouzky_kind_list_1 {background: url('../img/krouzky_kind_1.png') top left no-repeat; text-align: left; display: none; margin: auto; width: 200px; height: 30px;}
.krouzky_kind_list_2 {background: url('../img/krouzky_kind_2.png') top left no-repeat; text-align: left; display: none; margin: auto; width: 200px; height: 60px;}
.krouzky_kind_list_3 {background: url('../img/krouzky_kind_3.png') top left no-repeat; text-align: left; display: none; margin: auto; width: 200px; height: 90px;}
.krouzky_kind_list_4 {background: url('../img/krouzky_kind_4.png') top left no-repeat; text-align: left; display: none; margin: auto; width: 200px; height: 120px;}
.krouzky_kind_list_5 {background: url('../img/krouzky_kind_5.png') top left no-repeat; text-align: left; display: none; margin: auto; width: 200px; height: 150px;}
.krouzky_kind_list_6 {background: url('../img/krouzky_kind_6.png') top left no-repeat; text-align: left; display: none; margin: auto; width: 200px; height: 180px;}
.krouzky_kind ul{margin: 0; padding: 0; list-style: none;}
.krouzky_kind ul li {background: url('../img/krouzky_kind_item.png') top repeat-x; width: 180px; height: 30px; line-height: 30px; padding: 0 10px;}
.krouzky_kind ul li input {margin-right: 5px;}
.krouzky_kind_button {background: url('../img/krouzky_list_button.png') no-repeat; border: none; width: 120px; height: 24px; color: #355600; cursor: pointer;}
.krouzek {background: url('../img/bg_krouzek_item.png') top center no-repeat;width: 480px; height: 110px; padding: 15px; margin-bottom: 15px;}
.krouzek p {margin: 0;}
p.krouzek_title {font-size: 16px;}
p.krouzek_date {font-size: 11px; font-weight: bold;}

/* -------------------------------------------------------------------------------------
Fotogalerie
------------------------------------------------------------------------------------- */
.gallery_img {width: 106px; float: left;}
.gallery_info {width: 364px; float: right;}
.gallery {background: url('../img/bg_gallery_item.png') top center no-repeat; width: 480px; height: 72px; padding: 15px; margin-bottom: 15px;}
.gallery p {margin: 0;}
p.gallery_title {font-size: 16px;}
p.gallery_date {font-size: 11px; font-weight: bold;}

/* -------------------------------------------------------------------------------------
Fotogalerie
------------------------------------------------------------------------------------- */
#gallery_photos img {margin: 5px; padding: 5px; background: #fdf9f1; border: 1px solid #f9e8c9; float: left;}

/* -------------------------------------------------------------------------------------
Kontakty
------------------------------------------------------------------------------------- */
.contact {background: url('../img/bg_contact_item.png') no-repeat; width: 212px; height: 230px; margin: 0 6px 10px 7px; float: left; padding: 15px;}
.contact p {margin: 0;}
p.contact_name {font-size: 1.25em;}
p.contact_position {font-size: 1em; margin: 0 0 5px 0;}
p.contact_info {margin-top: 10px;}
#right-content .contact p img {margin: 0px;}

/* Kontakty _ formular */
#contact_form {padding: 20px; background: #fdf9f1; border: 1px solid #f9e8c9;}
#contact_form p{margin: 0 0 5px 0;}
#contact_form p label {width: 120px; height: 28px; line-height: 28px; float: left;}
#contact_form input {float: right;}
#contact_form input.input_text {background: url('../img/input_text.png') no-repeat; width: 255px; height: 28px; padding: 0 5px; border: none; font-family: tahoma; font-size: 12px; color: #355600;}
#contact_form .contact_textarea {background: url('../img/contact_textarea.png') no-repeat; width: 460px; height: 140px; padding: 5px; font-family: tahoma; font-size: 12px; color: #355600; border: none; overflow: hidden;}
#contact_form .input_button {background: url('../img/contact_button.png') no-repeat; width: 90px; height: 26px; border: none; font-family: tahoma; font-size: 12px; font-weight: bold; color: #355600; text-align: center;}
#contact_form p.no_margin {margin: 0;}