/* -----------------------------------------------------------------------------
= CSS Document
File name: css.css
Author: Martin Stekl alias Gruw (martin.stekl@gmail.com)

= Colors:
	beige		-	#c6924f
	dark brown	-	#411d00
----------------------------------------------------------------------------- */

/*============================================================================*/
/* Globalni styly															  */
/*============================================================================*/

body{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    background-color: #c6924f;
    color: #411d00;
}

table{
	margin-top: 15px;
}

td{
	border: 2px solid #411d00;
	padding: 8px;
	width: 135px;
	text-align :center;
}

h1{
	display: none;
}

h2, h3, p{
	margin: 0;
}

h2{
	font-size: 20px;
	padding-left: 40px;
	padding-bottom: 12px;
}

h3{
	text-align: center;
	width: 7em;
	border-bottom: 1px solid #411d00;
}

h3.kate{
	text-align: left;
	margin-left: 55px;
	width: auto;
	border: 0;
}

p{
	margin-bottom: 12px;
}

img{
    border: 0;
}

a{
    color: #411d00;
}

/*============================================================================*/
/* Styly pro hlavni casti stranky											  */
/*============================================================================*/

#head{
    height: 191px;
    width: 802px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/top.png);
}

#foot{
    height: 4px;
    width: 802px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/bottom.png);
    background-repeat: no-repeat;
    text-align: center;
    font-size: 9px;
    padding-top: 43px;
    padding-bottom: 5px;
}

#window{
    width: 802px;
    margin: 0 auto 12px auto;
    background-image: url(../img/bg.png)
}

/*============================================================================*/
/* Styly pro menu															  */
/*============================================================================*/

#menu{
    width: 802px;
    height: 34px;
    background-image: url(../img/menu_bg.png);
}

#menu ul{
    margin: 0;
    margin-left: -12px;
    list-style: none;
    padding-right: 33px;
}

#menu li{
    float: left;
	margin-left: 9px;
    margin-right: 9px;
}

#menu li.lang{
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 725px;
    float: none;
    position: absolute;
    top: 147px;
}

#menu li.en{
    top: 162px;
}

#menu li.de{
    top: 177px;
}

/*============================================================================*/
/* Styly pro hlavni oblast stranky s obsahem								  */
/*============================================================================*/

#main{
    min-height: 409px;
    background-image: url(../img/main_bg.png);
    background-repeat: no-repeat;
    margin-left: 22px;
}

#lines{
    min-height: 319px;
    background-image: url(../img/lines.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-right: 21px;
    padding: 60px 72px 30px 58px;
}

/*============================================================================*/
/* Styly pro sekci Kritiky													  */
/*============================================================================*/

.kritika{
	border-left: 2px solid #411d00;
	padding-left: 8px;
	margin-top: 25px;
	margin-bottom: 13px
}

.kritika h4{
	width: auto;
	border: 0;
	text-align: left;
	margin: 0;
}

.kritika h4.date{
	padding-bottom: 3px;
	border-bottom: 1px solid #411d00;
}

.kritika p{
	margin-top: 3px;
	padding-top: 4px;
}

/*============================================================================*/
/* Styly pro sekci Novinky													  */
/*============================================================================*/

.new{
	border-left: 2px solid #411d00;
	padding-left: 8px;
	margin-top: 12px;
	margin-bottom: 13px;
}

.new p{
	margin-top: 3px;
}

/*============================================================================*/
/* Styly pro listovani (je-li zobrazeno)									  */
/*============================================================================*/

.list{
	width: 100%;
	text-align: center;
}

/*============================================================================*/
/* Styly pro sekci Program													  */
/*============================================================================*/

.program{
	margin-bottom: 20px;
	margin-left: 100px;
	padding-left: 8px;
	border-left: 2px solid #411d00;
}

/*============================================================================*/
/* Styly pro sekci Repertoar												  */
/*============================================================================*/

.skladba_rep{
	margin-bottom: 5px;
	margin-left: 100px;
	padding-left: 8px;
	border-left: 0;
}

/*============================================================================*/
/* Styly pro polozku seznamu CD												  */
/*============================================================================*/

#disk h2{
	margin-top: 10px;
	padding: 0 0 5px 20px;
	font-size: 15px;
}

.CD{
	border: 1px solid #411d00;
	padding: 12px;
	min-height: 70px;
	margin-bottom: 8px;
}

.CD h3{
	border: 0;
	text-align: left;
	margin-left: 84px;
	margin-top: -70px;
	font-size: 11px;
	width: auto;
}

.CD h4{
	margin: 0;
	border: 0;
	text-align: left;
	margin-left: 84px;
	padding-top: 5px;
	font-size: 11px;
	width: auto;
	font-weight: normal;
}

/*============================================================================*/
/* Styly pro sekci Interview												  */
/*============================================================================*/

a#interview{
	position: relative;
	top: -143px;
	left: 780px;
}

ul.interv{
	list-style: decimal;
}

ul.interv p.quest{
	font-weight: bold;
}

/*============================================================================*/
/* Styly pro sekci Nastroj													  */
/*============================================================================*/

#nastroj{
	position: absolute;
	top: 62px;
	margin-left: -31px;
}

/*============================================================================*/
/* Messages styles															  */
/*============================================================================*/

#messages p{
	margin: 0 0 10px;
	padding: 7px 0 7px 27px;
	color: #333333;
}

#messages .error{
	border: 1px solid red;
	background: #ffc0cb url("/img/messages/message-error.png") 7px 5px no-repeat;
}

#messages .warning{
	border: 1px solid yellow;
	background: #ffffaa url("/img/messages/message-warning.png") 7px 4px no-repeat;
}

#messages .info{
	border: 1px solid green;
	background: #90ee90 url("/img/messages/message-notice.png") 7px 5px no-repeat;
}