html {
	height:100%;
background:url(_images/bg.jpg) repeat-x #7097D2;
}

td {
border-bottom:1px solid #CCC;
padding:2px
}

a {
color:#0A80AF;
}

#stranka {
position:relative;
}

#stranka2 {
width:990px;
height:600px;
position:relative;
margin:auto;
}


#obsah {
position:absolute;
width:990px;
top:95px
}

input {
margin-top:2px
}

img {
border:none;
margin:0;
padding:0
}

blankads { text-align:right;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:130%;
margin:0;
padding:0;
background:url(_images/background.jpg) no-repeat top center;
}

h1 {
font-size:160%;
padding-top:10px;
color:#009BD6;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:15px;
margin:0
}

h2 {
font-size:120%;
padding-top:10px;
padding-bottom:5px;
color:#0A80AF;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
margin:0;
line-height:120%;
}

a:hover {
text-decoration:none
}

h1 a, h2 a {
	text-decoration:none;
	}

h1 a:hover, h2 a:hover {
	text-decoration:underline;
	}

#header {
height:100px;
width:990px;
position:absolute;
top:0;
left:0;
}

#content {
width:990px;
left:0;
background:url(_images/bg-content.jpg) repeat-y #fff;
margin:0
}

#logo {
background-repeat:no-repeat;
height:120px;
width:203px;
position:absolute;
left:80px;
top:13px;
text-align:center;
color:#090;
font-style:italic
}

table {
border-collapse:collapse;
}

#footer {
padding-top:5px;
margin-top:0;
margin-left:0px;
text-align:center;
background:url(_images/paticka.jpg) no-repeat #2F5B9A;
height:150px;
width:880px;
padding-right:10px;
margin-bottom:20px;
padding-left:100px;
}

#paticka a {
color:#333;
text-decoration:none
}

#photo {
background:url(_images/fotka.jpg) no-repeat;
display:block;
width:298px;
height:111px;
float:right
}

#akce hr {
border:0 none;
border-top:1px solid #666;
margin:0;
padding:0
}

.akce {
margin-bottom:4px;
font-weight:400;
color:#600
}

.akce_text {
background-image:url(_images/bg-akce2.jpg);
background-color:#999;
margin-top:6px;
background-repeat:repeat-y;
background-position:0 30px
}

.akce_vice {
background:url(_images/akce_vice.jpg) no-repeat bottom;
padding:3px
}

.akce_jizza {
font-size:9px;
margin-top:-3px;
float:left;
padding-left:5px;
font-weight:400;
color:#333
}

.akce_viceinfo {
float:right;
padding-right:15px;
padding-top:2px
}

.clanek {
width:275px;
padding:10px;
}

.clanek h2 {
padding-bottom:10px
}

.text {
float:left;
width:50%;
display:block;
}

.otazka {
float:left;
width:325px;
margin-bottom:25px;
padding:10px
}

.otazka h2 {
width:25px;
height:65px;
float:right;
text-indent:-8008px
}

.otazka p {
width:280px
}

#contenttext {
width:825px;
background:#FFF;
position:relative;
font-size:.8em;
color:#333;
margin-left:145px;
padding:40px 0 15px 10px;
min-height:450px;
_height:450px;
}

#menu {
position:absolute;
left:150px;
top:63px;
width:842px;
text-align:center;
}

#menu a {
background:url(_images/top-menu.jpg) no-repeat;
color:#FFF;
font-size:.85em;
float:right;
padding-top:7px;
padding-bottom:5px;
text-decoration:none;
width:112px;
text-align:center;
display:block
}

#menu2 {
position:absolute;
left:0;
top:0;
background:url(_images/bg-menu.jpg) no-repeat;
min-height:420px;
_height:420px;
padding-left:10px;
padding-top:24px;
width:145px;
color:#036;
font-size:80%
}

#menu2 a {
background:url(_images/bg-tlacitko.jpg) no-repeat;
width:124px;
height:26px;
display:block;
color:#FFF;
text-decoration:none;
font-size:110%;
padding-top:5px;
padding-left:20px
}

#menu2 .selected {
	background:url(_images/selected.jpg) no-repeat !important;
	}
	
#menu2 a:hover {
	background:url(_images/selected.jpg) no-repeat !important;
	text-decoration:none !important;
	}

#menu .selected {
	background:url(_images/topselected.jpg) no-repeat !important;
	}
	
#menu a:hover {
	background:url(_images/topselected.jpg) no-repeat !important;
	text-decoration:none !important;
	}

.perex {
font-size:120%;
border:2px dotted #D3CED5;
margin:10px 0;
padding:10px;
}

.firma {
padding-left:18px;
margin-bottom:15px;
border:1px solid #8E8E8E;
border-top:none;
width:282px
}

.firma_standard {
background:url(_images/firmy-header-standard.jpg) no-repeat;
padding-left:45px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:15px;
border:1px solid #8E8E8E;
width:282px
}

#magazin {
background:url(_images/magazin.jpg) no-repeat;
width:300px;
float:left;
padding:30px 15px 15px
}

#kalendar {
float:left;
background:url(_images/kalendar.jpg) no-repeat;
width:100%;
padding:50px 25px 25px
}

#kalendar2 {
background:url(_images/kalendar-akci2.jpg) no-repeat;
float:left;
width:300px;
padding:15px
}

#instruktori2 {
background:url(_images/instruktori2.jpg) no-repeat;
float:left;
width:300px;
padding:15px
}

.instruktor {
width:275px;
padding:0
}

.cb {
clear:both
}

#doporucujeme {
background:url(_images/doporucujeme.jpg) no-repeat;
width:198px;
height:79px;
position:absolute;
left:0;
top:302px
}

#poradna {
background:url(_images/poradna.jpg) no-repeat;
padding:50px 25px 25px
}

.poradna {
float:right;
margin-top:-10px;
font-size:.95em;
padding-right:3px
}

.poradna a {
padding-left:5px;
padding-right:5px;
color:#000
}

#fitka {
background:url(_images/fitness-centra.jpg) no-repeat;
width:100%;
padding:50px 25px 25px
}

#instruktori {
background:url(_images/instruktori.jpg) no-repeat;
width:100%;
padding:50px 25px 25px
}

#login {
position:absolute;
top:-10px;
left:640px;
text-align:right;
color:#003;
clear:right;
opacity:0.65;
filter:alpha(opacity=65);
-moz-opacity:0.65
}

.loginmain {
font-size:10px;
width:115px
}

#logout {
position:absolute;
left:740px;
text-align:center;
color:#003
}

#logout a {
color:#003;
font-size:.8em;
text-decoration:none
}

#menufooter {
font-size:.8em;
text-align:left
}

#menufooter a {
color:#BCCADF;
text-decoration:none;
display:block;
width:180px;
padding-left:20px
}

#copyright {
float:right;
color:#BCCADF;
font-size:85%;
}

#marketa {
background:url(_images/marketa.jpg) no-repeat;
width:100%;
padding-top:35px;
padding-left:25px
}

#radka {
background:url(_images/radka.jpg) no-repeat;
width:100%;
padding-top:35px;
padding-left:25px
}

#daniel {
background:url(_images/daniel.jpg) no-repeat;
width:100%;
padding-top:35px;
padding-left:25px
}

#poradce {
width:270px
}

#dotazy {
width:250px;
float:right;
margin-right:30px
}

#prihlaseni {
background:url(_images/prihlaseni.jpg) no-repeat;
padding:50px 25px 25px
}

#registrace {
background:url(_images/registrace.jpg) no-repeat;
padding:50px 25px 25px
}

#prihlaseni2 {
background:#69C;
color:#FFF;
width:100%;
float:left
}

.tip {
float:left;
display:block;
background:#CFF;
height:100%;
color:#369;
margin:0;
padding:10px
}

#login2 {
margin-left:290px
}

#strankovani {
float:left
}

#tipy {
background:url(_images/tipy.jpg) no-repeat;
padding-top:15px;
float:right;
width:253px;
color:#603;
font-size:.95em
}

#tipy p {
padding-left:30px;
padding-right:20px
}

.titulek {
text-align:right;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:lighter;
font-size:2em;
color:#BBB;
position:absolute;
left:70px;
width:300px;
top:60px
}

#navigace {
background:#D2DFF0;
width:810px;
height:15px;
position:absolute;
left:0px;
font-size:95%;
top:1px;
padding:4px 4px 4px 20px
}

.filtr {
margin-bottom:-20px
}

.pravacast {
	float:right;
	width:190px;
	font-size:85%;
}

.pravacast .ilustracni {
	padding-right:60px;
	}
	
.pravacast .clanek {
	width:180px;
	}


.fitka {
background:url(_images/vpravo.jpg) no-repeat;
float:left;
width:370px;
padding:15px 15px 15px 25px
}

.podtext {
float:right;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#C6C;
margin-top:-5px;
font-size:90%
}

.stin {
background:url(_images/vpravo.jpg) no-repeat;
background-position:-13px -8px;
float:left;
width:180px;
padding:5px 0px 15px 10px
}

.stin2 {
background:url(_images/stin.jpg) no-repeat;
background-position:-13px -8px;
float:left;
width:180px;
padding:5px 0px 15px 10px;
min-height:180px;
_height:180px;
}

.bezstinu {
float:left;
width:280px;
padding:15px 15px 15px 25px
}

.bily {
background:url(_images/papir.jpg) no-repeat top center;
margin-left:0;
float:left;
width:182px;
margin-bottom:0px;
text-align:center;
padding:25px 0px 5px 15px
}

.bily h2 {
	margin-bottom:0;
	padding-bottom:0;
	}
	
.bily dt {
	width:70px;
	}

.zluty {
background:url(_images/lepik.jpg) no-repeat top center;
width:175px;
margin-bottom:10px;
margin-top:0px;
text-align:center;
padding:40px 10px 10px;
float:left;
min-height:120px;
_height:120px;
}

.ruzovy {
background:url(_images/lepik3.jpg) no-repeat;
margin-left:-7px;
width:250px;
color:#603;
margin-bottom:10px;
text-align:center;
padding:40px 20px 20px;
float:left;
min-height:110px;
_height:110px;
}

.modry {
background:url(_images/lepik2.jpg) no-repeat top center;
margin-left:0px;
width:180px;
color:#17505F !important;
text-align:center;
padding:60px 50px 65px 60px;
height:80px;
float:left;
}

.modry h2 {
color:#17505F !important;
	}

.modry a {
	color:#000033;
	}

#vlevo {
width:610px;
float:left;
padding:20px;
padding-right:0;
padding-left:0px;
padding-right:10px;
margin-right:5px;
padding-top:0;
}

#vlevo2 {
width:760px;
padding:20px;
padding-left:10px;
float:left
}

.bmi {
padding:10px
}

.odsazeni {
padding-top:4px;
float:left;
width:150px
}

.odsazeni2 {
padding-top:4px;
padding-left:4px;
float:left
}

.odsazeni3 {
padding-top:4px;
width:80px;
float:left
}

.odsazeni4 {
width:80px;
height:10px;
float:left
}

.bmi input {
float:left;
font-size:110%;
margin-left:5px
}

.vysledek {
color:#009;
font-size:200%;
font-weight:700;
padding-left:120px
}

.vysledekbmr {
color:#1D529F;
font-size:150%;
font-weight:500;
padding-left:20px

}

.fitko {
margin-bottom:2px;
border:1px solid #CCC;
padding:5px 3px;
clear:both;
min-height:60px;
_height:60px;
}

.fitko1 {
margin-bottom:2px;
height:60px;
border:1px solid #CCC;
padding:5px 3px
}

.fitko2 {
margin-bottom:2px;
height:60px;
border:1px solid #FF9FFF;
padding:5px 3px;
background:#FFDFFF;
}

.fitko3 {
margin-bottom:2px;
height:60px;
border:1px solid #EF2CEF;
padding:5px 3px;
background:#FFCCFF;
}

.fitko a {
color:#666
}

.fitkologo {
float:left;
border:1px solid #CCC;
margin:3px 5px 5px 3px;
padding:3px;
}

.bold {
font-weight:700
}

.cervena {
font-style:italic;
font-weight:700;
color:red
}

#slogan {
position:absolute;
font-size:120%;
color:#fff;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
top:15px;
left:380px
}

#prihlaseny {
position:absolute;
color:#DFF1FF;
font-style:italic;
font-size:85%;
font-family:Verdana, Arial, Helvetica, sans-serif;
top:30px;
left:630px
}

#prihlaseny a {
color:#DFF1FF;
text-decoration:none;}

.legenda {
font-size:95%;
float:left;
padding-left:10px;
padding-bottom:10px;
display:block;
width:100%;
color:#CC6633
}

#paginace {
	width:100%;
	margin-top:10px;
	text-align:center;
	float:left;
	}
	
#nasledujici {
	float:right;
	}
	
#predchozi {
	float:left
	}
	
#nasledujici a {
	background:#BDE2E8;
	color:#3F659F;
	padding:10px;
	margin:10px;
	border:1px solid #3F659F;
	text-decoration:none;
	}
	
#predchozi a {
	background:#BDE2E8;
	color:#3F659F;
	padding:10px;
	margin:10px;
	border:1px solid #3F659F;
	text-decoration:none;
	}

#prejit {
width:200px
}


#odkazy h2 {
font-style:normal
}

#odkazy h3 {
font-size:110%;
padding-top:0;
padding-bottom:0;
color:#69C;
font-weight:700;
font-family:Verdana,Arial, Helvetica, sans-serif;
margin:0
}


#odkazy h3 a {
text-decoration:none;
color:#69C
}

#odkazy a {
color:#093
}

.clanek h1 a,.otazka h1 a {
color:#69C;
text-decoration:none
}

.clanek a,.otazka a {
text-decoration:none;
color:#69C
}

.clanek a:hover,.otazka a:hover,#menu a:hover,#menu2 a:hover,#menufooter a:hover {
text-decoration:underline
}

#fotka,.vpravo,.floatright {
float:right
}

.firma a,.firma_standard a {
color:#333
}

.filtr select,.filtr input {
font-size:95%
}

.akce {
margin-bottom:2px;
border:1px solid #CCC;
padding:5px 3px;
color:#666;
}

.akce a {
color:#666
}

.akcelogo {
float:left;
margin:10px 7px 11px 1px;
padding:3px
}

#online {
position:absolute;
top:20px;
right:0px;
padding-right:10px;
font-size:95%;
padding-top:6px;
color:#7B9FD3
}

#datum {
position:absolute;
top:0px;
left:0px;
padding-left:22px;
font-size:95%;
padding-top:4px;
color:#333;
z-index:10;
}

.maly {
text-transform:lowercase
}

.ilustracni {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}

#copyright a {
color:#FFFFFF;
text-decoration:none;
}

#copyright a:hover {
text-decoration:underline;
}

.souvisejici {
	border:1px solid #CCCCCC;
	padding:5px;
	margin:2px;
	}
	
.none {display: none;}
.visible {visibility:visible}

#hide {
	display: none;
	width:240px;
	background:#0033CC;
	padding:10px;
	color:#FFFFFF;
}

#hide2 {
	display: none;
	width:240px;
	background:#0033CC;
	padding:10px;
	color:#FFFFFF;
}

#hide input, #hide2 input, #show input {
	font-size:90%;
	}
	
#hide select, #hide2 select, #show select {
	font-size:90%;
	}

#show {
	width:240px;
	background:#0033CC;
	padding:10px;
	color:#FFFFFF;
	}
	
#listCats {
	width:240px;
	background:#0033CC;
	padding:10px;
	color:#FFFFFF;
	}
	
input.blueinput, textarea.blueinput {
	background: #f4f4f4;
	border: solid 1px #7eb3f6;
	padding: 2px;
}

input.blueinput:focus, textarea.blueinput:focus {
	border:1px solid #019201;
	background-color: #DAFEDA;
}
input.whiteinput, textarea.whiteinput {
	background: #ffffff;
	border: solid 1px #cccccc;
	padding: 2px;
}

.dotaz {
	border-bottom:1px solid #CCCCCC;
	display:block;
	width:100%;
	padding-bottom:5px;
	margin-bottom:5px;	
}

/* All form elements are within the definition list for this example */
dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    margin: 0 0 2px 0;
    padding-left: 6px;
}

.pravacast dl, .pravacast dl {
	font:normal 12px/15px Arial;
    position: relative;
    width: 250px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    margin: 0 0 2px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
	color:#FFFFFF;
   	display: none;
    position: absolute;
    right: -70px;
    width: 120px;
    margin-top: -10px;
	margin-bottom:-10px;
    padding: 10px 12px;
	padding-bottom:20px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: url(_images/tip.gif) repeat-x;
	background-position:bottom;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 35px;
    background: url(_images/pointer.gif) left center no-repeat;
}

.sirsi {
	width:100%;
	}
	
#toplist {
	position:absolute;
	display:none;
}

.login {
	margin-top:10px;
	}

.login dt {
	margin:0;
	padding:0;
	padding-top:4px;
	text-align:right;
	padding-right:5px;
	font-size:95%;
	}
	
.login dd {
	margin:0;
	padding:0;
	text-align:right;
	}
	
.loginsubmit {
	position:absolute;
	padding:0;
	left:188px;
	top:43px;
	padding-left:10px;
	padding-right:10px;
	font-size:95%;
	margin-right:92px;
	}

.kalendar {float:left;
	padding:10px;
	margin:3px;
}	

.mensi {
	float:left;
	padding:12px;
	font-size:90%;
	}

.vcard {
	margin-bottom:20px
	}

.green a {
color:#009900;
font-size:10px;
}

.wikiquotes {
color:#3D4246;
}

.wiki {
line-height:110%;
color:#3D4246;
font-size:9px;
}

.wiki a {
color:#3D4246;
}

.wiki a:hover {
text-decoration:none;}

.videolink {padding-left:15px}

.foto {font-size:80%; color:#999999; text-align:right;line-height:110%;}
.foto a {color:#999999;}
.tab {font-size:90%;}

.podminky {margin-left:-20px; line-height:25px;}
.redaktor {
	width:120px;
	}
	
.redaktor2{
	background-color:#FFDFFF;
	}

.clanek {
	font-size:110%;
	}

.link {
	padding-right:10px;
	}
	
.clanek p {
	padding:0;
	margin:0;
	}


.clanek h2 a {
	color:#0A80AF !important;
	}
	
.editablenadpis {
	position:absolute;
	visibility:hidden;
	}
	
.photo_credits {
	color:#999;
}

.photo_credits a {
	color:#999;
	text-decoration:none;
}

.banner {
	clear:both;
	font-size:8px;
	margin:0px;
	padding:0px;
	padding-top:10px;
}

.typ1 {
	text-align:center;
	padding-left:70px;
	color:#666;
	}

.typ2 {
	}
	
.typ3 {
	text-align:center;
	}
	
.typ4 {

	}
	
.text1 {
	text-align:center;
	display:block;
	margin-bottom:-15px;
	margin-top:-5px;
	}

.text2 {
	margin-top:-6px;
	text-align:right;
	}

.text3 {
	position:absolute;
	padding-left:227px;
	margin-top:-13px;
	}

.text4 {
	position:absolute;
	padding-left:90px;
	margin-top:-173px;
	}

.pravacast .typ4 {
	float:left;
	padding-left:18px;
}

/*
.id4 {
	position:absolute;
	padding-left:155px;
	margin-top:485px;
}

.id5 {
	position:absolute;
	padding-left:25px;
	margin-top:485px;
}
*/

#vlevo .banner {
	padding-top:10px;
	margin-top:5px;
	text-align:center;
	}
	
.vetsi {
	font-size:110%;
	}
	
.blok li {
	background:url(_images/arrow.png) no-repeat !important;
	background-position:0px 3px !important;
	}
	
.blok li a {
	color:#1A8F27;
	}
	
.vpravo {
	font-size:90%;
	}
	
.pravacast .blok {
	width:100%;
	line-height:140%;
	}
	
.pravacast .blokilustracni {
	width:30%;
	}
	
.pravacast .blokilustracni img {
	width:100%;
	}
	
.reklama {float:left; display:block; width:300px;
}