body{
 font-family: Arial, Times new, Helvetica, sans-serif;
 font-size: 90%;
 text-align: center;
 background: #eee;
 background-image: url('img/layout/background.jpg'); 
 margin: 0 auto;
 padding: 0;
}

/****  LAYOUT  ****/
#main{
 background: #fff;
 text-align: left;
 margin: 0 auto;
 width: 930px;
 border: 0px solid #000;
 border-bottom: 4px solid #D60026;
}
#main2 {
  padding: 5px;
}
#header{
 color: #8098B0;
 text-align: right;
 margin: 0;
 background: #fff;
 background-image: url('img/layout/logo.jpg');
 background-repeat: no-repeat;  
 width: 928px;
 height: 124px;
}
#header-right-bottom{
 padding: 0;
 padding-top: 72px;
 margin: 0;
 height: 30px;
}
#header-navigation{
 font-size: 10pt;
 margin-top: 0;
 padding: 0;
 min-height: 160px;
 _height: 160px;
 background: #aaa;
 background-image: url('img/layout/middle.jpg');
 background-repeat: no-repeat;   
 border-top: 4px solid #D4012A;
 border-bottom: 0px solid #D4012A;
} 
#content-left{
 width: 160px;
 _width: 185px;
 float: left;
 padding: 10px;
}
#content-right{
 margin-left: 5px;
 width: 180px;
 height: 300px;
 float: right;
}
#main-content{
 padding: 5px;
 width: 520px;
 margin: 0;
 _height: 1400px;
 min-height: 1400px;
 background: #fff;
}
#left h3 {
	padding: 0;
	margin: 0;
	/*width: 170px;*/
	font: bold 13px/26px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000157;
	background: #fff;
}

/****  STYLOVANI OBSAHU  ****/
.menu-left{
 background: #fff;
 margin: 0;
 margin-bottom: 20px;
 padding: 0;
 border: 1px solid #e6e6e6;
}
.menu{
 background: #fff;
 margin: 0;
 margin-bottom: 20px;
 padding: 0;
 width: 170px;
 border: 1px solid #e6e6e6;
}
.menu-top{
 text-align: center;
 color: #000;
 background-image: url('img/layout/menu-top.jpg');
 background-repeat: repeat-x;
 height: 30px;
}
.menu-bottom img{
 border: 3px solid #A32600;
}
.menu-bottom{
 text-align: center;
 min-height: 120px;
 _height: 120px;
 color: #000;
}
.menu-bottom-inzerce{
 padding-left: 5px;
 padding-right: 5px;
 font-size: 8pt;
 text-align: justify;
 min-height: 120px;
 _height: 120px;
 color: #000;
}
#header-right-bottom ul {
 margin: 0;
 padding-top: 2px;
 padding-left: 350px;
 list-style-type: none;
}
#header-right-bottom ul li {
 float: left;
 margin-right: 0;
 width: 95px;
}
#header-right-bottom ul li a {
 display: block;
 height: 20px;
 padding-top: 10px;
 background: #ffffff; 
 color: #FD562D;
 text-align: center;
 font-weight: bold; 
 background-image: url('img/layout/marker.jpg');
 background-repeat: no-repeat;	
 text-decoration: none;
}
#header-right-bottom ul li a:hover,
#header-right-bottom ul li a.sel {
 height: 20px;
 padding-top: 10px;
 
 background: #ffffff;
 background-image: url('img/layout/marker.jpg');
 background-repeat: no-repeat;  
 font-weight: bold;
 color: #4D8AB3;
 text-decoration: none;
}
.motto{
 padding: 0;
 margin: 0;
 color: #8098B0;
}
.menu-left ul{

}
.menu-left li{
}
.reset
{
  display: block;
  border: none;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
}
.menu-bottom ul a{
 font-size: 10pt;
 font-weight: bold;
 color: #8098B0;
 text-decoration: none;
}
.menu-bottom ul a:hover{
 font-weight: bold;
 text-decoration: underline;
}
.menu-bottom ul { text-align: left; margin: 0px 10px; padding: 0px; }
.menu-bottom ul li { margin-bottom: 15px; font-weight: normal; list-style-type: none;}
.menu-bottom ul li.s2 {font-weight: bold; margin-bottom: 10px; list-style-type: none; }
.menu-bottom ul li.s3 {font-weight: bold; margin-bottom: 10px; list-style-type: none; }
.menu-bottom ul ul { color: #BD5232; margin-top: 15px; margin-bottom: 10px; font-weight: bold;}
.menu-bottom ul #li_act {color: #BD5232; font-weight: bold;  }

.main-obal{
 border: 1px solid black;
 background: #eee;
}
.main-header{
 padding-bottom: 15px;
}
.main-body{}
.main-footer{
 text-align: center;
 font-size: 10pt;
}

a, 
a:visited,
.odkaz, 
.odkaz:visited
{
  color: #d74216;
}

#main-content
{
font-size: 10pt;
position: relative;
float: left;
}

#main-content h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
/*color: #656551;*/
color: #6688A0;
letter-spacing: 0px;
background: url('img/content/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}

#main-content .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#main-content .post
{
margin-bottom: 30px;
}

#main-content .post .header
{
position: relative;
}

#main-content .post .date
{
display: block;

position: absolute;
right: 15px;
top: 12px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}

#main-content .post .content
{
margin-bottom: 0px;
text-align: justify;
}

#main-content .post .footer
{
position: relative;
top: 0px;
background: url('img/content/a33.gif') repeat-x;
height: 64px;
}

#main-content .post .footer p
{
  font-weight: bold;
  color: #666666;
  font-size: 80%;
  text-align: right;
	padding: 30px 15px 0px 15px;
}

#main-content .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}
img.picA
{
position: relative;
top: -2px;
background: url('img/content/a47.gif') no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}

img.picB
{
position: relative;
top: -2px;
background: url('img/content/a26.gif') no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}
img.floatright
{
float: right;
margin: 0px 14px 3px 14px;
}
.no-border{
 border: 0;
}
.menutop
{
text-align: center;
position: relative;
font-size: 16px;
font-weight: bold;
color: #D74216;
letter-spacing: 0px;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}
#paticka{
 clear: both;
 padding-top: 5px;
 padding-bottom: 5px;
 font-weight: none;
 background: #eee;
 text-align: center;
}
/* LAYOUT STRANKY */

body { background-color: white; margin: 10px 0px 0px; }
#tabulka_pozadi { width: 100%; height: 100%; border: none; }


#line-horizontal-1 { width: 200px; height: 1px; margin: 0px; }
#line-kolecko { width: 9px; height: 5px; margin: 0px auto; }
#line-horizontal-2 { width: 100%; height: 1px; margin: 0px; }
#line-vertical { width: 1px; height: 75%; margin: 0px; }


/* FORMAT STRANKY */
a img { border: none; }
#logo { width: 255px; height: 79px; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.bold { font-weight: bold; }
.small { font-size: 90%; }
.chyba { color: red; }

#pozadi14 .sekce01 { color: #00A650; }
#pozadi14 .sekce02 { color: #F5821F; }
#pozadi14 .sekce03 { color: #00ADEF; }
#pozadi14 .sekce04 { color: #ED1C24; }
#pozadi14 .sekce05 { color: #AC008A; }

/* hlavni navigace */
#pozadi05 { text-align: right; padding-right: 10px; padding-top: 5px; white-space: nowrap; vertical-align: top; }
#pozadi05 img { margin: 0px 5px; width: 103px; height: 42px; }

/* nadpis stranky */
#pozadi08 { font-weight: bold; font-size: 150%; padding-bottom: 5px; vertical-align: bottom; text-align: left; color: #787878; }

/* horni navigace */
#pozadi09 { text-align: center; vertical-align: middle; padding: 5px 0px; color: #787878; }
#pozadi09 img { height: 20px; margin: 0px 15px; }

/* bocni navigace */
#pozadi12 { vertical-align: top; padding: 15px 0px 0px 0px; color: #787878; }
#pozadi12 p { margin: 0px; font-weight: bold; }
#pozadi12 a { color: #787878; text-decoration: none; background-color: #F5ECC5; }
#pozadi12 ul { margin: 0px 15px; padding: 0px; }
#pozadi12 ul li { margin-bottom: 15px; font-weight: normal; list-style-type: circle; list-style-image: url("img/odrazky/odrazka3-gray.gif"); }
#pozadi12 ul li.s3 { font-size: 90%; margin-bottom: 5px; list-style-type: square; list-style-image: url("img/odrazky/odrazka3-gray.gif"); }
#pozadi12 ul ul { color: #787878; background: #F5ECC5; margin-top: 15px; margin-bottom: 10px; }
#pozadi12 ul #li_act { color: #787878; background: #F5ECC5; font-weight: bold; list-style-image: url("img/odrazky/odrazka2-gray.gif"); }

/* hlavni obsah */
#pozadi14 { vertical-align: top; padding: 15px 0px 15px 15px; color: #787878; }

#pozadi14 p.h1 { font-size: 250%; font-weight: normal; margin-bottom: 0px; margin-top: 1em; text-align: center; }
#pozadi14 p.h2 { font-size: 225%; font-weight: normal; margin-bottom: 0px; margin-top: 3em; text-align: center; }
#pozadi14 p.h3 { font-size: 110%; font-weight: normal; margin-bottom: 0px; margin-top: 3em; text-align: center; }

#pozadi14 table { margin-left: 0px; }
#pozadi14 td.prvni_td { font-weight: bold; padding-right: 10px; white-space: nowrap; }
#pozadi14 table td { vertical-align: top; }
#table_sponzori td { padding-top: 30px; }
#table_sponzori p { margin: 4px 0px; }
#table_sponzori img { width: 115px; margin-right: 15px; margin-top: 4px; }
#table_odkazy td { padding-bottom: 20px; }

tr.zahlavi td { background: #787878; color: #F5ECC5; font-weight: bold; padding: 2px 10px; }

tr.zahlavi2 td { background: #787878; color: #F5ECC5; font-weight: bold; font-size:90%; padding: 2px 10px; }

td.foto_small { width: 40px; height: 50px; }
td.foto_medium { width: 60px; height: 75px; }
td.foto_big { width: 220px; height: 250px; padding-right: 20px; }
td.foto_big img { background-color: white; }


p.strankovani { margin-top: 0px; margin-bottom: 0px; text-align: right; font-size: 90%; }
table.aktualita, table.akce { width: 100%; border: 1px solid #787878; margin-top: 15px; margin-bottom: 5px; }
table.aktualita td.nazev, table.akce td.nazev { background: #787878; color: #F5ECC5; font-weight: bold; padding: 2px 10px; }
table.aktualita td.datum, table.akce td.datum { background: #787878; color: #F5ECC5; text-align: right; padding: 2px 10px; }
table.aktualita td.text, table.akce td.text { padding: 2px 10px; }
table.aktualita td.seznamTymu, table.akce td.seznamTymu { padding: 2px 10px; text-align: right; font-size: 90%; }
table.aktualita td.seznamTymu a, table.akce td.seznamTymu a { text-decoration: none; }
table.upravy { vertical-align: middle; border: 1px solid #787878; }
table.upravy td { padding: 5px 10px; border-top: 1px solid #787878; }

.dobraSirka{ width: 350px; font-size: 90%;}
table#soupiska {width: 300px; font-size:90%; border: 1px solid #787878; margin-top: 20px;}
table#soupiska td, table#treninky td, table#soupiska_treneri td {padding-left: 5px; padding-top: 5px; vertical-align: middle; vertical-align: middle; }
table#soupiska_treneri { font-size:90%; font-weight: bold; width: 300px;  margin-top: 15px; padding-left: 5px;}
table#treninky { width: 450px; font-size:90%; margin-top: 20px; border: 1px solid #787878; }
table#minivolejbal1, table#minivolejbal2 { border: 1px solid #787878;}
table#minivolejbal1 td, table#minivolejbal2 td { padding: 5px 10px; vertical-align: middle; }
table.table_treneri { width: 450px; margin-bottom: 20px;}
table.table_treneri td { padding: 0px; vertical-align: middle; vertical-align: middle; }
table#login_table { margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 40px; border: 2px solid #787878; }
table#login_table td { padding: 5px 10px; font-weight: bold; text-align: right; }

table.akceSK td { border-left: 1px solid #787878; border-bottom: 1px solid #787878; padding: 2px; }
table.akceSK { border-right: 1px solid #787878; }
table.akceSK tr.zahlavi td { text-align: center; vertical-align: middle; }

table.rozpisTreninkuTenis td { padding: 2px; border: 1px solid #787878; border-top: 0px; }
table.rozpisTreninkuTenis td.left { border-right: 0px; border-bottom: 0px; border-top: 0px solid #787878; text-align: left; }
table.rozpisTreninkuTenis td.right { border-left: 0px;border-bottom: 0px; border-top: 0px solid #787878; text-align: right; }
table.rozpisTreninkuTenis td { vertical-align: middle; white-space: nowrap; }
table.rozpisTreninkuTenis tr.zahlavi td { white-space: normal; } 

img.fotoTymu { margin-top: 20px; }

table#fotogalerie { margin-top: 20px; margin-left: auto; margin-right: auto; width: 100%; border: 1px solid #787878; }
table#fotogalerie td { text-align: center; padding: 0px; border: 1px dotted #787878; vertical-align: middle; }
table#fotogalerie td img { margin: 7px; }
table#fotogalerie-detail { margin-top: 20px; margin-left: auto; margin-right: auto; border: 2px solid #787878; }
table#fotogalerie-detail #foto-navigace { text-align: right; font-weight: bold; font-size: 80%; vertical-align: top; }
table#fotogalerie-detail #foto-navigace img { margin: 0px 5px; }
table#fotogalerie-detail #foto-detail { border: 1px solid #787878; }


/* navigace 4 */
table#navigace4 { text-align: center; margin-top: 0px; vertical-align: top; margin-left: auto; margin-right: auto; margin-bottom: 0px; color: #787878; }
table#navigace4 td { padding: 0px 15px; font-size: 90%; }
table#navigace4 a { text-decoration: none; color: #787878; }

li.excel { list-style-image: url("img/odrazky/excel.gif"); }
li.word { list-style-image: url("img/odrazky/word.gif"); }

/* reklama */
#pozadi15 { text-align: center; vertical-align: bottom; color: #787878; }
#pozadi15 { padding-bottom: 15px; }
#pozadi15 img#valid-html, #pozadi15 img#valid-css, #pozadi15 img#firefox { width: 88px; height: 31px; display: block; margin: 5px auto 0px; }

#valid-html { margin-top: 15px; }
#valid-html, #valid-css, #firefox { display: none; }

/* paticka */
#pozadi17 { text-align: center; font-size: 80%; color: #787878; }

#letaky { text-align: center; padding: 15px 0px; }
#letaky a { vertical-align: middle; margin: 0px 15px; }

.odsazen {
 text-align: justify;
 padding-left: 15px;
}
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
.smallfont
{
 font-weight: none;
 font-size: 80%;

}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
.partneri
{
	border: 0;	
}
.partneri tr
{
	font-size: 10pt;
}
.partneri td
{
	padding: 15px 0 0 0;	
}
.partneri td a
{
	font-weight: bold;
	color: #bd5232;
}
.partneri td a:visited
{
	color: #bd5232;
}
.partneri td a:hover
{
	color: #bd5232;
}