BODY {background-image: url('../images/pozadi1.gif'); background-attachment: fixed; COLOR: #333333; font-size: 12px; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; text-align: justify }

H1 {CLEAR: both; FONT-SIZE: 20px; MARGIN: 20px;  margin-top: 0; COLOR: #0061aa; BORDER-BOTTOM: #0061aa 1px solid}
H2 {CLEAR: both; FONT-SIZE: 15px; MARGIN: 0 20px 0 20px; COLOR: #0061aa; BORDER-BOTTOM: #0061aa 1px solid}
H3 {FONT-SIZE: 13px; MARGIN: 20px; COLOR: #0061aa; }

A {COLOR: #004987}
A:hover {TEXT-DECORATION: none}
P {font-size: 13px; margin-left: 20px; margin-right: 20px; text-align: justify; }
ul li {font-size: 12px;}

blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
	background-position: 8px 10px;
	border: 0px solid #f2f2f2; 
	border-left: 3px solid #6199e4;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #333333;	
}


/***menu u galerky***/
#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:Verdana}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #FFFF99;}


/***obrazek***/
img.float-right {margin: 3px 0px 3px 10px; border: #0061aa 1px solid }
img.float-left {margin: 3px 10px 3px 0px; border: #0061aa 1px solid }
img.no-border {border: medium none;}



/***zapasy***/
TABLE.pekna {WIDTH: 95%}
TABLE.pekna TD {PADDING-RIGHT: 2px;  PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;}
.doma {BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000}
.venku {BACKGROUND: #bfd5e8; COLOR: #000000, font-size: 10px;}


.matches {MARGIN-BOTTOM: 0px; WIDTH: 95%; BORDER-BOTTOM: #004987 2px solid; font-size: 11px}
.matches .first {PADDING-LEFT: 22px}
.matches TH {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.matches TD {PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.matches TH {FONT-WEIGHT: normal; COLOR: #ffffff; BACKGROUND-COLOR: #0065B1; TEXT-ALIGN: left}
.matches TH.right {TEXT-ALIGN: right}
.matches TD.right {TEXT-ALIGN: right}
.matches TH.center {TEXT-ALIGN: center}
.matches TD.center {TEXT-ALIGN: center}
.matches TD.date {PADDING-RIGHT: 22px; TEXT-ALIGN: right}
.matches TR.online TD {COLOR: #0065b1}
.matches TR.nextMatch TD {BORDER-TOP: #004987 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #004987 1px solid; BACKGROUND-COLOR: #FFFF99 }B9CFFF
.matches TH.logo {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 30px; PADDING-TOP: 0px}
TD.logoGray {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 30px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: center}
TD.logoGray {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 30px; PADDING-TOP: 0px; BACKGROUND-COLOR: #f7f7f7; TEXT-ALIGN: center}
TD.logoWhite {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 30px; PADDING-TOP: 0px; TEXT-ALIGN: center}
TD.logoWhite {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 30px; PADDING-TOP: 0px; TEXT-ALIGN: center}

.matches TH.versus {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 25px; PADDING-TOP: 0px; TEXT-ALIGN: center}
.matches TD.versus {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 25px; PADDING-TOP: 0px; TEXT-ALIGN: center}
TR.active TD {CURSOR: pointer}


/***uspěchy***/
.uspechy  {font-size:11px; text-align: justify; FONT-WEIGHT: normal; margin-left: 20px; margin-right: 20px;  padding-left: 15px; padding-right: 15px; }

/***clanek, historie***/
.uvod  {font-size:13px; text-align: justify; FONT-WEIGHT: bold; border-left: 4px solid #0061aa; border-right: 4px solid #0061aa; margin-left: 20px; margin-right: 20px;  padding-left: 15px; padding-right: 15px; }
.line {font-size:15px; justify; COLOR: #0061aa; font-weight: bold; border-bottom: 1px dashed #0061aa; border-top: 1px solid #0061aa; margin-left: 20px; margin-right: 20px}
.score {WIDTH: 95%; margin-bottom: 20px; color: #000}
.nadpis {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 100%; BACKGROUND-image: url('../images/bg_nadpis.gif'); PADDING-BOTTOM: 3px;  COLOR: #ffffff; PADDING-TOP: 3px; TEXT-ALIGN: right}
.tym {WIDTH: 45%; BACKGROUND-image: url('../images/bg_tym.gif'); border-bottom: 1px solid #0061aa;}
.stav {padding: 10px; FONT-WEIGHT: bold; FONT-SIZE: 30px; text-align: center; WIDTH: 70px; COLOR: #ffffff; border-bottom: 1px solid #0061aa; BACKGROUND-image: url('../images/bg_stav.gif');}
.tretiny {PADDING: 5px; FONT-WEIGHT: normal; FONT-SIZE: 10px;}
.nazev {FONT-SIZE: 18px; PADDING-TOP: 10px; width:256; height:80;  }
.soupiska {FONT-SIZE: 10px; PADDING-TOP: 10px; }
.stats {WIDTH: 45%; BACKGROUND-image: url('../images/bg_stats.gif');  border-bottom: 2px solid #0061aa; PADDING: 10px; FONT-SIZE: 10px; text-align: center;}
.podpis {FONT-SIZE: 11px; text-align: right; margin-left: 20px; margin-right: 20px;}


/***kontaky***/
TABLE.kontakt {WIDTH: 96%; FONT-FAMILY: tahoma, Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; align: center; margin-BOTTOM: 10px; }
TABLE.kontakt TH {PADDING: 2px; FONT-WEIGHT: bold; BACKGROUND: #9c0d0d; COLOR: white; }
TABLE.kontakt TD {text-align: left; BORDER: #0061aa 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;}
.polozka {FONT-WEIGHT: bold; BACKGROUND-image: url('../images/bg_popisek.gif');  text-align: left; }
.popis {BORDER: #dddddd 0px solid; FONT-WEIGHT: bold;  background-image: url('../images/bg_lista.gif'); COLOR: white;}
.k_bg {background:#FFF; }

/***archiv***/
.spodek {border-top: #0061aa 1px solid; font-size: 12px; font-weight: bold; align: right; MARGIN: 20px; font-variant: small-caps;}

/***interni***/
.vzkaz {border: #0061aa 1px solid; border-bottom: #0061aa 3px solid; font-size: 12px; font-weight: normal; align: justify; MARGIN-left: 20px; MARGIN-right: 20px;  padding:5px; margin-botttom: 20px;}

/***soupiska***/
.kariera {margin: 10px 20px 0 20px; width: 20%; float: left;}
.soupiska {FONT-WEIGHT: normal; FONT-SIZE: 13px; TEXT-DECORATION: none; MARGIN-left: 5px;}


#karta {margin: 0 20px 0 45px; position: relative; height: 200px; }
#karta .bg_karta {border:1px solid #0061aa; border-bottom: #0061aa 3px solid; border-right: #0061aa 3px solid; background-position: right top; FLOAT: left; BACKGROUND-IMAGE: url('../images/bg_karta.jpg'); WIDTH: 360px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; HEIGHT: 290px}
#karta .bg_karta .dres {padding: 0px; font-size: 50px; font-weight: bold; color: #0061aa; right: 15px; position: absolute; top: 0px}
#karta .bg_karta .jmeno {font-size: 16px; font-weight: bold;  left: 15px; color: #0061aa ; position: absolute; top: 5px}
#karta .bg_karta .prijmeni {font-size: 28px; font-weight: bold; color: #0061aa; left: 15px; position: absolute; top: 22px}
#karta .bg_karta .post {font-size: 15px; font-weight: bold;  right: 15px; position: absolute; top: 70px}
#karta .bg_karta .info {font-size: 12px; left: 15px; position: absolute; top: 70px}
#karta .foto {border:1px solid #0061aa; border-right: #0061aa 0px solid; border-bottom: #0061aa 3px solid; float: left; background-image: url('img/bg_foto.jpg'); width: 170px; position: relative; height: 290px}

/***soupiska - tabulka***/
TABLE.soupiska {WIDTH: 96%; FONT-FAMILY: tahoma, Verdana; align: center; margin-BOTTOM: 10px; border: #0061aa 0px solid; background: #f3f3f3 }
TABLE.soupiska TH {PADDING: 2px; FONT-WEIGHT: bold; BACKGROUND: #9c0d1d; COLOR: white; }
TABLE.soupiska TD {text-align: left; BORDER: #0061aa 0px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px;}
.listicka {FONT-WEIGHT: bold; BACKGROUND: #0061AA; COLOR: white; }



/***fotogalerie***/
.photogal {margin: 10px 20px 0 10px; width: 64%; float: left;}
.videogal {margin: 10px 10px 0 10px; width: 20%; float: left;}


/***tabulky výsledku***/
TABLE.vysledky {WIDTH: 95%}
TABLE.vysledky TD {PADDING-RIGHT: 2px;  PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border-bottom: #0061aa 1px solid; text-align: center; }
.podtrzeni {BACKGROUND: #BFD5E8; font-weight: bold; }

.web {margin: 10px 10px 0 10px; width: 45%; float: left;}

/***doplnky***/
.zvyrazneni { color: #fd3000; }

/* alignment classes*/
.float-left  { float: left; }
.doleva  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }





}
						/*HORIZONTAL MENU*/
#navcontainer ul {
width : 100%;
padding : 5px 0;
text-align : center;
line-height : 17px;
color : #fff;
background : #AE1E39;
}
#navcontainer ul li {
display : inline;
padding: 5px 0;
}
#navcontainer ul li a {
padding: 5px 15px;
text-decoration : none;
color : #fff;
}
#navcontainer ul li a:hover {
color : #fff;
background : #255756;
}
#navcontainer #active {
background : #255756;
}
						/*3 COLUMNS*/
#gutter {
float: left;
width: 60px;
height: 1px;
}
#col1 {
float: left;
width: 35%;
margin-bottom: 2em;
padding-right: 20px;
}
#col2 {
float: left;
width: 30%;
margin-left: 10px;
margin-bottom: 2em;
padding-right: 20px;
border-right: 1px solid #eee;
}
#col3 {
float: left;
width: 15%;
margin-left: 20px;
margin-bottom: 2em;
}
						/*SIDE NAVIGATION*/
.sidenav {
margin : 10px 10px;
list-style-type : none;
background : inherit;
color : #fff;
}
.sidenav a {
display : block;
margin-bottom : 5px;
padding-left : 20px;
border-bottom : 1px solid #aaa;
letter-spacing : 1px;
text-decoration : none;
background : url(images/arrow.gif) no-repeat left center;
color : #AE1E39;
}
.sidenav a#current, .sidenav a:hover {
text-decoration : none;
background : url(images/arrow.gif) no-repeat left center;
color : #aaa;
}
ul {
list-style : none;
}
