/* -- start setup -- */

* {
font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
font-size: small;
margin: 0;
border: none;
padding: 0;
color: Black;
}

/* -- 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 {
text-align: center;
background-color: #7B7B7B;
}

#header {
height:370px;
background-position: center center;
background-repeat: no-repeat;
position:relative;
}

.header1 {background-image: url(../pcs/pcs_layout/hlavicka1.jpg);}
.header2 {background-image: url(../pcs/pcs_layout/hlavicka2.jpg);}
.header3 {background-image: url(../pcs/pcs_layout/hlavicka3.jpg);}
.header4 {background-image: url(../pcs/pcs_layout/hlavicka4.jpg);}
.header5 {background-image: url(../pcs/pcs_layout/hlavicka5.jpg);}
.header6 {background-image: url(../pcs/pcs_layout/hlavicka6.jpg);}

#headerIn {
width:950px;
height:370px;
margin:0 auto;
position:relative;
z-index:1;
}

#homeRun {
display:block;
background-image: url(../pcs/pcs_layout/logo.png);
background-position: center center;
background-repeat: no-repeat;
width:189px;
height:285px;
position:absolute;
bottom: 5px;
left:0px;
z-index:2000;
}

#headerIn p {
position:absolute;
top: 30px;
right:200px;
font-size:50px;
color:#ed1c35;
font-weight:bold;
line-height:40px;
text-transform:uppercase;
text-shadow: Black 1px 1px 1px;
}

#headerIn p strong {
display:block;
font-size:25px;
color:#ed1c35;
font-weight:bold;
text-transform:uppercase;
text-shadow: Black 1px 1px 1px;
}

#batmobil {
background-image: url(../pcs/pcs_layout/batmobil.png);
background-position: center center;
background-repeat: no-repeat;
width:189px;
height:92px;
position:absolute;
bottom: 25px;
left:7%;
z-index:0;
font-weight:bold;
}

#catwoman {
background-image: url(../pcs/pcs_layout/catwoman.png);
background-position: center center;
background-repeat: no-repeat;
width:218px;
height:89px;
position:absolute;
bottom: 5px;
left:37%;
z-index:30;
}

#doom {
background-image: url(../pcs/pcs_layout/doom.png);
background-position: center center;
background-repeat: no-repeat;
width:164px;
height:216px;
position:absolute;
bottom: 0;
left:45%;
z-index:30;
}

#silverSurfer {
background-image: url(../pcs/pcs_layout/silver-surfer.png);
background-position: center center;
background-repeat: no-repeat;
width:191px;
height:144px;
position:absolute;
top: 10px;
left:41%;
}

#wolverine {
background-image: url(../pcs/pcs_layout/wolverine.png);
background-position: center center;
background-repeat: no-repeat;
width:257px;
height:213px;
position:absolute;
bottom: 0;
right:0;
}

#thor {
background-image: url(../pcs/pcs_layout/thor.png);
background-position: center center;
background-repeat: no-repeat;
width:110px;
height:140px;
position:absolute;
top: 10px;
left:41%;
}

#spiderman {
background-image: url(../pcs/pcs_layout/spiderman.png);
background-position: center center;
background-repeat: no-repeat;
width:60px;
height:159px;
position:absolute;
top: 0px;
right:22%;
}

#batman {
background-image: url(../pcs/pcs_layout/batman.png);
background-position: center center;
background-repeat: no-repeat;
width:96px;
height:160px;
position:absolute;
bottom: 10px;
left:34%;
}

#america {
background-image: url(../pcs/pcs_layout/america.png);
background-position: center center;
background-repeat: no-repeat;
width:91px;
height:168px;
position:absolute;
position:absolute;
bottom: 10px;
left:34%;
}

#lantern {
background-image: url(../pcs/pcs_layout/lantern.png);
background-position: center center;
background-repeat: no-repeat;
width:66px;
height:120px;
position:absolute;
bottom: 70px;
right:27%;
}

#superman {
background-image: url(../pcs/pcs_layout/superman.png);
background-position: center center;
background-repeat: no-repeat;
width:142px;
height:157px;
position:absolute;
bottom: 10px;
right:15%;
}

#blood {
background-image: url(../pcs/pcs_layout/flek.png);
background-position: center center;
background-repeat: no-repeat;
width:418px;
height:466px;
position:absolute;
top: 290px;
left:680px;
z-index:30;
}

#logoCrew {
background-image: url(../pcs/pcs_layout/crew-logo.png);
background-position: center center;
background-repeat: no-repeat;
width:141px;
height:141px;
position:absolute;
top: 326px;
left:805px;
z-index:40;
}

#menuArea {
height:58px;
background-color: Black;
}


#menuIn {
width:950px;
height:58px;
margin:0 auto;
background-image: url(../pcs/pcs_layout/menu-background.gif);
background-position: left bottom;
background-repeat: repeat-x;
color:White;
}

.menu li {
list-style-type: none;
height:50px;
line-height:50px;
float:left;
color:White;
}

.menu li a {
display:block;
height:50px;
line-height:50px;
float:left;
padding:0 20px;
font-size:15px;
text-transform:uppercase;
text-decoration:none;
color:White;
font-weight:bold;
/*position:relative;
z-index:100;*/
}

.menu li {list-style-type: none;}

.menu li a:HOVER, .menu li a.active {
color:#d11e31;
background-color: White;
}

.menu li a:first-letter{ font-size:20px;}
.menu li.fb a {color:#3a5896;}

#countdown_dashboard {
position:absolute;
top:110px;
right:170px;	
}

.dash {
width: 50px;
height: 35px;
float: left;
margin-left: 0;
position: relative;
padding-left:5px;
}

.dash .digit {
font-size: 20px;
font-weight: bold;
float:left;
color: #555;
position: relative;

}

.dash_title {
font-weight:bold;
position: absolute;
display: block;
bottom: 0px;
left: 0;
font-size: 10px;
color: #555;
text-transform: uppercase;
}

#main {
background-image: url(../pcs/pcs_layout/main-background.jpg);
background-position: top left;
background-repeat: repeat-x;
text-align:left;
margin-bottom:20px;
}

#mainIn {
width:970px;
margin:0 auto;
position:relative;
}

#news {
float: left;
width: 205px;
margin: 10px;
background-image: url(../pcs/pcs_layout/news-bottom-background.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom:15px;
}

.newsTop {
background-image: url(../pcs/pcs_layout/news-top-background.png);
background-position: center;
background-repeat: no-repeat;
height:15px;
}

.newsContent {
background-image: url(../pcs/pcs_layout/news-background.png);
background-position: center;
background-repeat: repeat-y;
padding:20px 20px 5px 20px;
}

#content {
margin-top: 10px;
position: relative;
z-index: 35;
float: left;
width: 735px;
background-image: url(../pcs/pcs_layout/content-bottom-background.png);
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 15px;
}

.contentTop {
background-image: url(../pcs/pcs_layout/content-top-background.png);
background-position: center;
background-repeat: no-repeat;
height: 15px;
}

.contentIn {
background-image: url(../pcs/pcs_layout/content-background.png);
background-position: center;
background-repeat: repeat-y;
padding:20px 30px 5px 30px;
}

h1, h2 {
font-size: 30px;
color: #E71F3B;
text-shadow: Black 1px 1px 1px;
text-transform: uppercase;
}

h2 {
font-size: 20px;
margin-top:20px;
}

h1:first-letter { font-size:35px;}
h2:first-letter { font-size:25px;}

p.ods {
margin:15px 0;
}

p.ods:first-letter{ 
font-size:135%;
font-weight:bold;
}

.tabProgram {
border-collapse: collapse;
margin:1.2em 0 1.7em 0;
}

table.tabProgram td,table.tabProgram th {
padding:5px 6px; 
text-align:left;  
background-color: White;  
border: 1px solid #919191;
vertical-align: top;
font-size:11px;
}

.programTime {width:70px;}

table.tabProgram {border: 1px solid #1970b9;}

.imgLeft {
float:left;
margin:10px 15px 10px 0;
}


.imgLeftPlakaty {
float:left;
margin:0 30px 30px 0;
}

.linkMore {
font-weight:bold;
text-decoration:none;
}

.linkMore:HOVER {text-decoration:underline;}






/* Reg.users */
.komentarReg {
clear:both;
padding: 20px 0;
}

.komentarReg .userIcon {float:left;}

.komentarReg .userIcon {
border: 1px solid #09518c;
padding:3px;
/*background-color: #EBE3CB;*/
}

.komentarReg .userIcon img {float: left;}
.komentarReg .userComment {margin-left: 60px;}

.komentarReg .userComment a {
color: #09518c;
font-weight: bold;
}

div.komentarReg p {
margin-top: 5px;
padding-bottom: 10px;
border-bottom: 1px solid #09518c;
}

/*	obrazek	*/
div.komentarReg p img {
margin:15px 0 2px 0;
padding:3px;
border:1px solid #09518c;
}

div.komentarReg p span {
font-weight:normal;
font-size:9px;
color:#A5A5A5;
}

span.ip {margin-left: 30px; color: #959595; 	font-weight: normal; }

div.ip {
color: #959595;
float: right;
}


.listovani {
margin-top: 5px;
min-height : 25px;
line-height : 23px;
font-weight : bold;
text-align: center;
}

.listovani a {
font-weight : bold;
margin: 0 2px;
color: #700023;
font-weight : bold;
}

.listovani a.str {
text-decoration: none;
font-weight : bold;
color: #09518c;
}



/*	form	*/
input {
border:0;border-left:1px solid #348ad1;
border-right:1px solid #1473c2;
}

label, input {
display: block;
float: left;
margin-bottom: 5px;
}

label {
width: 180px;
font-weight:bold;
}

#form h2 {
margin: 0 0 10px 0;
color: #146ab2;
text-align: left;	
font-size: 14px;
}

input, select, textarea {
margin-bottom: 5px;
border : 1px solid #3184c9;
color : #2575b7;

background-color : #f4f4f4;
border : 2px solid #2c84cc;

font-size: 11px;
}

input.error, select.error, textarea.error  {border : 1px solid red;}

textarea {
width: 254px;
height : 80px;
}

textarea.komplet {
width: 398px;
height : 90px;
}

select {
width: 260px;
_margin-left: -3px;
}

select.short {width: 136px;}
input {padding : 2px;}
input.short {width: 214px;}
input.long {width: 254px;}
input.submit {width: 260px;}

option {
padding : 1px;
padding : 2px;
color : #617ea9;
}

legend {
text-align: left;
font-weight : bold;
padding-top: 20px;
_margin-left: -6px
}

label {
text-align: left;
padding-top : 4px;
}

#form p {margin-top : 20px;}
#form br {
clear: left;
line-height : 8px;
}

.povinne {
font-size : xx-small;
color: #B81315;
}

input.submit {
width: 130px;
width: 214px;
background-color : #1668ad;
border : none;
font-weight : bold;
color : White;
background-image: none;
padding:5px 0;
}

#chybove_odeslani {
border: 1px solid Red;
width : 200px;
color: Red;
font-weight: bold;
line-height: 50px;
height: 50px;
text-align:center;
}

#uspesne_odeslani {
border: 1px solid #B81315;
width : 200px;
color: Black;
font-weight: bold;
line-height: 50px;
height: 50px;
text-align:center;
}
