/* -- start setup -- */

* {
font-family : Arial,Helvetica,sans-serif;
font-size : small;
margin : 0;
border : none;
padding : 0;
}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear {clear : both;}

/* -- all pages -- */
hr {display : none;}

body {background-color : #dee0d9;}

body #container {
width:1024px;
height:768px;
text-align:left;	
background-position: center;
background-repeat: no-repeat;
}

body#homepage #container {background-image: url(../pcs/pcs_layout/homepage-background.jpg);}
body#sekce1 #container {background-image: url(../pcs/pcs_layout/sekce1-background.jpg);}
body#sekce2 #container {background-image: url(../pcs/pcs_layout/sekce2-background.jpg);}
body#sekce3 #container {background-image: url(../pcs/pcs_layout/sekce3-background.jpg);}
body#sekceProgram #container {background-image: url(../pcs/pcs_layout/sekce-program-background.jpg);}

#homeRun {
width:180px;
height:150px;
position:absolute;
top:305px;
left:50px;
}

#box1, #box2, #box3 {
position:absolute;
top:39px;
width:180px;
height:207px;
background-image : url(../pcs/pcs_layout/box-background.gif);
background-position : center;
background-repeat : repeat-x;
}

#box1:HOVER {background-image : url(../pcs/pcs_layout/box-background-hover1.gif);}
#box2:HOVER {background-image : url(../pcs/pcs_layout/box-background-hover2.gif);} 
#box3:HOVER {background-image : url(../pcs/pcs_layout/box-background-hover3.gif);}

body.sekce1 #box1 {background-image : url(../pcs/pcs_layout/box-background-active1.gif);}
body.sekce2 #box2 {background-image : url(../pcs/pcs_layout/box-background-active2.gif);}
body.sekce3 #box3 {background-image : url(../pcs/pcs_layout/box-background-active3.gif);}

body.sekce1 #box1 ul li a, body.sekce2 #box2 ul li a, body.sekce3 #box3 ul li a {color:Black;}
#box1 a:HOVER, #box2 a:HOVER, #box3 a:HOVER {color:White !important;}
#box1 a.active, #box2 a.active, #box3 a.active {color:White !important;}

#box1 {left:334px;}
#box2 {left:522px;}
#box3 {left:710px;}

#box1 ul, #box2 ul, #box3 ul {padding:20px 0 0 20px;}
#box1 ul li, #box2 ul li, #box3 ul li {list-style-type : none;}

#box1 ul li a, #box2 ul li a, #box3 ul li a {
text-decoration:none;
text-transform:uppercase;
color:#CDCDCD;
font-weight:bold;
line-height:18px;
font-size:12px;
}

#box1:HOVER ul li a, #box2:HOVER ul li a, #box3:HOVER ul li a {color:Black;}

#content {
position:absolute;
top:315px;
left:370px;
width:310px;	
height:290px;
overflow:auto;
padding:0 10px 0 0;
}


#contentProgram {
position:absolute;
top:315px;
left:334px;
width:300px;
padding:0 30px 40px 36px;
background-image : url(../pcs/pcs_layout/program-pozadi.png);
background-position : center;
background-repeat : repeat-y;
}

body.sekce1 *, body.sekce2 *, body.sekce3 * {font-size:12px;}

body.sekce1 * {color:#990400;}
body.sekce2 * {color:#2E9BD3;}
body.sekce3 * {color:#040506;}

body.sekce1 h1 {color:#FC8438;}
body.sekce2 h1 {color:#73D0FC;}
body.sekce3 h1 {color:#91D33B;}

h1 {
text-align:right;
font-size:14px !important;
text-transform : uppercase;
font-weight:bold;
margin-bottom:25px;
}

h1.h1Wrap {
float:right;
width:160px;
}

.textBlok {text-align : justify;}

#rightMenu, #rightMenuDivadlo {
position:absolute;
top:312px;
left:730px;
width:135px;		
}

#rightMenuDivadlo {top:51	5px;}
#rightMenu li, #rightMenuDivadlo li {
list-style-type : none;
padding-bottom:10px;
}

#rightMenu li a, #rightMenuDivadlo li a {
font-weight:bold;
text-decoration:none;
line-height:14px;
}

body.sekce1 #rightMenu li a, body.sekce1 #rightMenu li a span {color:#FC8438;}
body.sekce2 #rightMenu li a, body.sekce2 #rightMenu li a span {color:#6ECEF8;}
body.sekce3 #rightMenu li a, body.sekce3 #rightMenu li a span {color:#90D33A;}
#rightMenuDivadlo li a, #rightMenuDivadlo li a span {color:#AB0A02;}

#rightMenu span, #rightMenuDivadlo span {
font-weight:normal;
line-height:12px;
}

#path {
position:absolute;
width:135px;
font-size:8px;
text-transform : uppercase;
}

body.sekce1 #path {
left: 355px;
color:#F6E0E4;
top:634px;
}

body.sekce2 #path {
left: 540px;
color:#3994C1;
top:640px;
}

body.sekce3 #path {
left: 733px;
color:#789055;
top:632px;
}

.imgLeft {
float:left;
margin:5px 5px 0 0;
}

table.program td, table.program td span {color:#FB7627;}
table.program td.cas {padding-top:15px;}
table.program td.ucinkujici {padding-left:60px}
table.program td.ucinkujici strong {color:#FF6600;}

.divadlo {margin-top:5px;}
.divadlo a {text-decoration:none;}

.divadloImg {
float:left;
margin-right:15px;
}

.divadloImg strong {
display:block;
color:#66CBF9;
}

.divadloImg a strong {color:#66CBF9;}
.divadloImg p.divadloDesc a {color:#6ED5F8;	}

.divadloPopisek {margin-top:85px;}

.divadloGalerie {
position:absolute;
top:253px;
left:334px;
width:180px;		
}

.divadloGalerie .imgLeft {
float:left;
margin:0 3px 1px 0;
}