/* **************** default css template by guidee@coex ********************* */

*{
margin: 0px;
border: 0px;
padding: 0px;
font-size: 11px;
}

html {
margin: 0px;
padding: 0px;
}

body {
font-family: Arial, Tahoma, Verdana; 
color: #000000;
margin: 0px; 
padding: 0px;
min-height: 100%;
background: #fff;
text-align: left;
background: url('bgPagex.gif') no-repeat transparent;
background-color:white;
}

a {
color: #880000;
}

a:link { 
text-decoration: underline; 
color: #880000;
}
	
a:visited { 
color: #880000;
}
	
a:hover, a:active { 
color: #880000;
}

h1, hr {
display: block;
clear: both;
margin: 0;
visibility: hidden;
}

h2 {
font-size: 18px;
}

h3 {
font-size: 15px;
}

h4 {
font-size: 1.4em;
}
	
ul ul, ol ol, ul ol, ol ul {
margin: 0 0 0 2em;
}

li {
list-style-type: none;
margin: .4em 0;
}

table {
border: 0;
margin: 1em 0;
padding: 0;
border-collapse: collapse;
text-align: left;
background: #f1f1f1;
}

tr {
display: table-row;
}

th, td {
display: table-cell;
background-color: #EEEEEE;
border: 1px solid White;
margin: 0;
padding: 0.2em 0.8em 0.2em 0.8em;
vertical-align: middle;
}

th {
font-weight: bold;
}


/* **************** page layout ******************* */

#mother {
background: url('bgFooter.gif') 226px bottom no-repeat transparent;
}

#page{
width: 940px;
text-align:left;
background: transparent url(bgLeftcol.jpg) repeat-y;
}

/* content */

#content{
width: 940px;
}

#content .in{
width: 940px;
}

/* leftcol */

#leftcol{
float: left;
width: 280px;
height: 523px;
min-height: 523px;
}

#leftcol .lbox{
margin-left: 36px;
}

#leftcol #mainmenu{
width: 131px;
}

#leftcol #mainmenu ul{
margin-top: 32px;
height: 161px;

}

#leftcol #mainmenu li{
height: 36px;
padding-left:12px;
}

#leftcol #mainmenu li.li1{background: transparent url(bgLi1.gif) no-repeat bottom left;}
#leftcol #mainmenu li.li2{background: transparent url(bgLi2.gif) no-repeat bottom left;}
#leftcol #mainmenu li.li3{background: transparent url(bgLi3.gif) no-repeat bottom left;}
#leftcol #mainmenu li.li4{background: transparent url(bgLi4.gif) no-repeat bottom left;}

#leftcol #mainmenu a{
font-family: Garamond;
display: block;
font-size: 14px;
text-decoration: none;
padding: 11px 0 0 2px;
text-transform: lowercase;
font-weight: bold;
}

#leftcol #mainmenu a:hover{
color:red;
}

#leftcol #mainmenu li.active{
border-left:2px dashed gray;
}


/******************** rightcol ************************/

#rightcol {
float: left;
width: 620px;
color:#5E636D;
background: transparent url(contBg.jpg) repeat;
}

#rightcol .bread-crumbs {
margin:5px 0 18px 0;
color:rgb(192,192,192);
}

#rightcol .bread-crumbs a {
color:rgb(190,190,190);
}

#rightcol .rIn{
margin: 10px 0 0 0;
border:1px solid white;
}

#rightcol p{
margin: 5px 18px 18px 0;
line-height: 150%;
}

#rightcol h2{
font-size:22px;
margin:10px 0px 10px 0px;
padding-left:0;

}

#rightcol h3{
font-size:15px;
margin: 10px 0 15px 0;
}

#rightcol h4{
font-size:14px;
margin: 5px 0 5px 0px;
padding:0;
}

#rightcol .homeText{
height: 86px;
_height:90px;
margin: 0;
padding: 16px 0 0px 125px;
_padding: 18px 0 0px 125px;
overflow:hidden;
}

#rightcol .bubble1 { background: transparent url(bubble1.gif) no-repeat; }
#rightcol .bubble2 { background: transparent url(bubble2.gif) no-repeat; }
#rightcol .bubble3 { background: transparent url(bubble3.gif) no-repeat; height:105px;}

#rightcol .homeText p{
width: 300px;
font-weight: bold;
line-height: 150%;
}

#rightcol .box-a {
width:240px;
padding:60px 10px 10px 40px;
_padding:60px 10px 10px 40px;
height:250px;
overflow:hidden;
float:left;
background: transparent url(bigBubble1.gif) no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#rightcol .box-a .bin{
height:160px;
}

#rightcol .box-b .bin{
height:160px;
}

#rightcol .box-b {
width:240px;
padding:60px 10px 10px 40px;
_padding:70px 10px 10px 40px;
height:250px;
overflow:hidden;
float:left;
margin-left:12px;
background: transparent url(bigBubble2.gif) no-repeat;
background-position:0px 0px;
overflow:hidden;
}

#rightcol .bin p{
padding:0px 0px 8px 0px;
margin:0;
}

h2.img { width:200px;height:32px; margin:0; background-position:30px 0px; }

#rightcol .AktualniAkce {background: transparent url(bgHomeAktualniAkce.gif) no-repeat; margin-top:20px;}
#rightcol .oAutorovi {background: transparent url(bgHomeoAutorovi.gif) no-repeat; margin-top:10px;}
#rightcol .coSeDeje {background: transparent url(bgHomeCosedeje.gif) no-repeat;}
#rightcol .samolepky {background: transparent url(bgHomeSamolepky.gif) no-repeat;}

#rightcol h2.dilo {background: transparent url(bgHomeDilo.gif) no-repeat;  }
#rightcol h2.lakonika {background: transparent url(bgHomeLakonika.gif) no-repeat; background-position: 0px 3px;  }
#rightcol h2.akce {background: transparent url(bgHomeAktualniAkce.gif) no-repeat;  }

#rightcol h2.sectionDilo {background: transparent url(bgDilo.gif) no-repeat; height:40px; width:150px;  }
#rightcol h2.sectionAkce {background: transparent url(bgAkce.gif) no-repeat;  height:40px; width:150px; }
#rightcol h2.sectionKontakt {background: transparent url(bgKontakt.gif) no-repeat;  height:40px; width:150px; }
#rightcol h2.sectionOautorovi {background: transparent url(bgOautorovi.gif) no-repeat;  height:40px; width:150px; }
#rightcol h2.parta {background: transparent url(bgParta.gif) no-repeat; height:40px; width:150px;  }

#rightcol strong {
color:black;
}

/* header */

#header{
width:100%;
clear:both;
display: block;
height:100px;
padding-top:55px;
background: transparent url(bgHeader.gif) no-repeat;
background-position:0px 0px;
}

#header a.logo{
background: transparent url(logo.gif) no-repeat;
display: block;
width: 418px;
height: 94px;
margin: 0px 0 0 270px;
}

#header h1 {
visibility:hidden;
display:none;
}


/****************************************************/
	
/* tables */

.t1 {
background:#f1f1f1;
width: 90%;
}

.t1 tr.row1 {
background:#d6d6d6;
}

.t1 tr.row2 {
background:#b8b7b7;
}

.t1 td {
padding:2px 5px;
}

.t1 td.col1{
width:50%;
}

.t1 input{
width: 20px;
}


.t2{
background:#f1f1f1;
}

.t2 input,select,textarea{
width: 200px;
background-color: white;
}

.t2 input.button{
width: auto;
}

.t2 .buttonRow input{
background: none;
background-image: url(button-2.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
font-weight: bold;
font-size: 9px;
width: 70px;
margin-left: 10px;
color: #3b3b3b;
padding: 3px 0 4px 0;
text-align: center;
}

.t2 th,td{
width: auto;
padding: 5px;
}

.t2 .buttonRow{
background: white;
text-align: right;
padding-right: 0px;
padding-top: 5px;
}

p.lyric {
line-height:80%;
color:black;
}

p.date {
color:#43342E;
margin-bottom:5px;
}
/* **************** footer ******************* */

#footer{
clear: both;
height: 109px;
color:gray;
font-size: 0.8em;
}

#footer a{
text-decoration: underline;
color: gray;
}

#footer a:hover{
color: black;
}

#footer .copyright{
padding-top: 54px;
float: left;
width: 216px;
text-align: right;
}

#footer .copyright p{
margin-top: 9px;
}