/***** Created BY Petr Kudela (c) 20006 *****/

/*** OBECNE ***/
body { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;color:black;margin:0;padding:0 0 15px 0; background-color:  #315f30; }

img {margin:0;padding:0;border:0}
form, p {margin:0;padding:0} 
input, textarea, iframe{ border: 1px solid #000 }
h1, h2, h3, h4 { margin:0;padding:0;border:0 }

h1 { font-size: 14px;}
h2 { font-size: 13px; }
h3 { font-size: 12px; text-transform: uppercase;}
h4 { text-transform: uppercase; font-weight: bold; font-size: 11px;}

a { color: #000; text-decoration: none }
a:hover { text-decoration: underline }

/**STRANKOVANI**/
.pager, .pager a { text-decoration: none; color: #000;}
.pager  a:hover { font-weight: bold; }
.pager .selected { font-weight: bold; text-decoration: underline;}

/*SEARCH FORM*/
.search {background-color: #f1eea8;}
.search div { padding: 10px;}
.search input, .search select {border: 1px solid #000  }

/*** OBECNE TRIDY ***/
.lineNull {line-height:0%;margin:0;padding:0}
.invisible { display: none }
.message { font-size: 12px; color: red; text-align:center;}
.message img { border: 1px solid #ccc ;}

.small {font-size: 9px;}

.red { color: red;}
/*BUTTONS*/
.submit { border: 1px solid #000; width: auto; height: 19px; padding: 0px 12px 1px 12px;display: inline; } 
.submit:hover { color: #fff; background-color: #666; text-decoration: none;}

.button { font-size: 12px; padding: 2px 15px 1px 15px; color: #000; background-color: #d4d0c8; text-decoration: none; border: 1px solid #000 }
.button:hover { color: #fff; background-color: #666; text-decoration: none;  }

.bg { background-color: #f1eea8;}

.title { margin-bottom: 5px; padding: 4px; background-color: #92c791; color: #fff}
.title h1 {font-size: 15px;}

/**PREHLED**/
.tb_prehled {width: 100%;  color: #000; border-collapse:collapse;}
.tb_prehled td { border:1px solid #ccc; padding: 2px; }
.tb_prehled a { text-decoration: none; color: #000 }
.tb_prehled a:hover { text-decoration: underline; }
.tb_prehled h2 { font-size: 11px; }

/*** DEFAULT TEMPLATE ***/
#main { width: 976px; height:auto; margin-left:auto; margin-right:auto; margin-top:0px; }

#top { width: 100%; height: 114px; background:url(../images/default/bg_top.gif) no-repeat; text-align: left; }
#top #logo {position: relative; left: 150px;}

#left { float: left; width: 113px; height: 400px; background:url(../images/default/bg_left.gif) no-repeat; }
#center { float: left; width: 746px; height: auto; background-color: #fff; }
#right { float: left; width: 117px; height: 400px; background:url(../images/default/bg_right.gif) no-repeat; }

/*-------------------------------------------------------*/
#topMenu { color: #fff; font-size: 12px; font-weight:bold; text-transform: uppercase; text-align: center }
#topMenu div { margin:4px; padding:3px; background-color: #ddb323;}
#topMenu img {margin-left: 19px; margin-right: 19px;}
#topMenu a { color: #fff;}
#topMenu a:hover { color: red; }

/*-------------------------------------------------------*/
#leftItem { float: left; padding-left:4px}
#leftItem #leftContents { float:left; width: 150px; text-align:center}

#leftItem #Title { width: 100%; height:21px; background-color: #315f30; margin-bottom: 4px;}
#leftItem #Menu { background-color: #f1eea8; padding: 4px; margin-bottom: 4px; }
#leftItem #Menu ul {margin: 0px; padding-left: 20px; list-style: square; }
#leftItem #Menu li {text-transform: uppercase; text-align: left; font-weight: bold; margin-bottom: 2px; list-style-image: url(../images/default/menu_quad.gif)}
#leftItem #Menu li:hover { list-style-image: url(../images/default/menu_quad_hover.gif) }
#leftItem #Menu a {}

/*-------------------------------------------------------*/
#textItem { float: left; margin-left: 4px; }
#textContents { width: 584px; }

#textItem #textContents #centerItem { float:left; width: 424px; height: auto}
#textItem #textContents #Player { height: 21px; background-color: #f1eea8; margin-bottom: 4px;}
.Photo { background-color: #ddb323; padding: 7px;}

#textItem #textContents #rightItem { float: left; margin-left: 4px; }
#textItem #textContents #rightItem #rightContents { float: left; width: 156px; }


#copyright, #copyright a { color: #ddb323 } 

.line { font-size: 0px; height: 2px; margin-top:5px; margin-bottom: 5px; border-bottom:1px solid #000 }
/*---------------------Individual-------------------------*/

/*ZELENY BOX*/
.greenBox .caption { width: 100%; color: #fff; height:21px; background-color: #315f30;}
.greenBox .caption {  text-align: center;  }
.greenBox .caption h4 { padding:3px;}

.greenBox .text { padding: 5px; margin-bottom: 4px; border: 1px solid #315f30; text-align: left; }
.greenBox a { font-weight: bold; text-decoration: underline }

/*CERNY BOX*/
.blackBox .caption { width: 100%; color: #fff; height:21px; background-color: #5a5a5a;}
.blackBox .caption {  text-align: center;  }
.blackBox .caption h4 { padding:3px;}

.blackBox .text { padding: 5px; margin-bottom: 4px; border: 1px solid #5a5a5a; text-align: left; }
.blackBox a { font-weight: bold; text-decoration: underline }

/*ANKETA*/
.enquiry {padding: 5px; text-align: left;}
.enquiry .question { color: #5a5a5a }
.enquiry .answer { font-size: 9px; margin-bottom: 5px;}
.enquiry .answer .desc { color: #d9831a}
.enquiry .diagram {float:left; height: 11px; width: 75%; }
.enquiry .diagram .brd { height: 100%; border:1px solid #f1f1f1; background:url(../images/enquiry/bg_passive.gif) repeat-x;}
.enquiry .diagram .act { height: 100%; background:url(../images/enquiry/bg_active.gif) repeat-x; }


/*OBSAH*/
.reklama { text-align: center }
.reklama a { font-size: 8px; color:  #ddb323 }


/*O KAPELE SHIVERS*/
.obsah_default { padding-left: 7px; padding-right: 7px;}
/*
.obsah_default .tb_prehled td { border:1px solid #5a5a5a;; }
.obsah_default .bg	{background-color: #5a5a5a; color: #fff; text-transform: uppercase }
*/
.kapela_shivers	{ padding-left: 7px; padding-right: 7px;}
.kapela_shivers img { margin-right: 7px; float: left }

.historie	{padding-left: 7px; padding-right: 7px;}
.historie ul {margin: 0px; padding-left: 20px; list-style: square; }
.historie li {text-align: left; margin-bottom: 2px; list-style-image: url(../images/default/menu_quad_hover.gif)}

.diskografie { padding-left: 7px; padding-right: 7px; }
.diskografie img  {float: right }
.diskografie a { text-transform: uppercase; }
.diskografie a:hover {color: red}

.videogalerie {}
.videogalerie .prehled { width: 125px; height: 120px; float: left; text-align: center; border:1px solid #5a5a5a; margin:3px; padding:3px}
.videogalerie .prehled:hover { background-color: #5a5a5a; color: #fff}
.videogalerie .prehled:hover a { color: #fff }
.videogalerie .prehled div {  }
.videogalerie h2 {}

.fotogalerie {}
.fotogalerie .prehled { float: left; text-align: center; border:1px solid #5a5a5a; margin:3px; padding:5px}
.fotogalerie .prehled:hover { background-color: #5a5a5a; color: #fff}
.fotogalerie .prehled:hover a { color: #fff }
.fotogalerie .prehled div {  }
.fotogalerie .nadpis { margin:3px; }
.fotogalerie .nadpis img { float: left; margin-right: 5px; }
.fotogalerie .nadpis div { padding-top: 6px; }
.fotogalerie h2 { display: inline }

.odkazy { padding-left: 7px; padding-right: 7px;}
.odkazy h3 {text-decoration: underline}
.odkazy a {font-weight: bold }
.odkazy .icons { float: left; padding: 1px; margin: 1px; border: 1px solid #000; }

.novinky .line {height: 1px;  background-color: #000;}
.novinky img {float: left; margin: 5px;}

.download	{ padding-left: 7px; padding-right: 7px;}
.download .fright  {float: right }


.vzkazovnik {padding: 20px}
.vzkazovnik .lenght { width: 400px;}

.vzkazovnik .messages {text-align: left;}

.vzkazovnik .messages .message_box {float:right;}
.vzkazovnik .messages .message_box a {font-weight: bold}

.vzkazovnik .messages .web_link a {text-align: left; font-size:9px;}
.vzkazovnik .messages .m_text { margin-top: 5px; margin-bottom:5px}
.vzkazovnik .message_answers { margin-top: 10px; margin-bottom: 10px; margin-left: 40px;}

.napsali_o_nas { padding-left: 7px; padding-right: 7px;}
.napsali_o_nas .fright  {float: right; margin-left: 10px; }
.napsali_o_nas .fleft  {float: left; margin-right: 10px;}

.napsali_o_nas .images { float: left; width:182px; margin-left: 7px; text-align: center}
.napsali_o_nas .images img { border: 1px solid #000 }


.napsali_o_nas .small {font-size:10px}