body {
	margin: 0;
	padding: 0;
	border: 0;
	padding-top: 150px;
}

body#homepage {
	margin: 0;
	padding: 0;
	border: 0;
}

body#homepage #main-part {
	color: #222;
	width: 100%;
	w\idth: auto;
	margin: 211px 0 0 0; /* IE5.0 + IE 5.5 */
	ma\rgin: 217px 0 0 0; /* MOZ + IE 6*/
}

body#homepage #main-part .padding {
	padding: 0;
}

#main-part a {
	font-weight: bold;
}

body#homepage div#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 215px; /* FOR MOZ */
	\height: 209px; /* HACK FOR IE5 */
	he\ight: 215px; /* HACK FOR IE6 */
	background-image: none;
	background-color: #FFFBEF;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 1;
}

#main-part {
	margin: 0 162px;
}

#main-part .padding {
	padding: 16px 8px;
}

div#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	w\idth: 100%;
	height: 98px;
	background-image: none;
	background-color: #FFFBEF;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 1;
}

#header-in {
	width: 100%;
	w\idth: auto;
	height: 91px;
	margin: 2px 0 0 2px;
	padding: 0;
	background: #FFFBEF url(../img/bg-header.gif);
	border: 0;
	border-bottom: 4px solid #FFA600;
}

div#date, div#date-nologin {
	position: absolute;
	right: 166px;
	top: 5.5em;
	_top: 5.3em;
	width: 18em;
	height: 1em;
	color: #fff;
	font: x-small/1.5;
	f\ont-size: small;
	font-family:  "Verdana CE", Verdana, Geneva, sans-serif;
	text-align: right;
	z-index: 2;
}

div#date-nologin {
	right: 1em;
	_right: 1em;
}

#slogan {
	position: absolute;
	left: 211px;
	top: 38px;
	width: 381px;
	height: 34px;
	background: url(/img/slogan2.jpg);
}

#logo {
  position: absolute;
	left: 15px;
	top: 15px;
	background: url(/img/logo_odhl.jpg);
}

/* LOGIN */

div#login {
	position: absolute;
	top: 0;
	right: 0;
	width: 156px;
	height: 150px;
	background-color: #fff;
	z-index: 2;
	border: 0;
}

div#login div.content {
	width: 150px;
	height: 144px;
	margin: 2px 0 0 2px;
	padding: 0;	
	border: 1px solid black;
	background-color: #FFBE47;
	text-align: center;
}

div#login form {
	margin: 0;
	padding: 0;
	border: 0;
}

div#login h2 {
	display: block;
	width: 48px;
	height: 12px;
	margin: 10px auto 10px auto;
	padding: 0;
	border: 0;
	background-image: url(../img/h2-vstup.gif);
	background-repeat: no-repeat;
}

div#login fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

div#login fieldset div.contentt {
	margin: 0;
	padding: 0;
	border: 0;
}

div#login fieldset label {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 45px;
	height: 1.5em;
	font-size: 90%;
	float: left;
}

input#user, input#pass {
	width: 70px;
	border: 1px solid #3F2511;
	background-color: #FEFAF4;
	margin: 0;
	padding: 0;
}

div#login div.content a {
	color: #820000!important;
}
/* LOGIN END */
/* LOGIN NA PRIHLASENI */

div#login-p {
	position: absolute;
	top: 0;
	_right: -1px;
	left:expression(document.body.clientWidth < 770 ? "613px": document.body.clientWidth -156 );
	right:0px;
	width: 156px;
	height: 152px;
	_height: 148px;
	background-color: #fff;
	z-index: 2;
	border: 0;
	margin: 0;
	padding: 0;
}

div#login-p div.content {
	width: 150px;
	height: 146px; /* FOR MOZ */
	\height: 144px; /* HACK FOR IE5 */
	he\ight: 146px; /* HACK FOR IE6 */
	margin: 2px 0 0 2px;
	padding: 0;	
	border: 1px solid black;
	background-color: #FFBE47;
	text-align: center;
}

div#login-p form {
	margin: 0;
	padding: 0;
	border: 0;
}

div#login-p h2 {
	display: block;
	width: 48px;
	height: 12px;
	margin: 10px auto 10px auto;
	padding: 0;
	border: 0;
	background-image: url(../../img/h2-vstup.gif);
	background-repeat: no-repeat;
}

div#login-p fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

div#login-p fieldset div.contentt {
	margin: 0;
	padding: 0;
	border: 0;
}

div#login-p fieldset label {
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
	padding: 0;
	border: 0;
	display: block;
	width: 45px;
	height: 1.5em;
	font-size: 90%;
	float: left;
}

div#login-p input#user, div#login-p input#pass {
	width: 80px;
	border: 1px solid #3F2511;
	background-color: #FEFAF4;
	margin: 0 0 2px 0;
	padding: 0;
	float: left;
}

div#login-p div.content a {
	color: #820000!important;
}
/* LOGIN NA PRIHLASENI END */
/* NEWS */

div#news {
	position: relative;
	height: 21px;
	margin: 0 1px 0 2px;
	padding: 0;
	border: 0;
}

div#news div.content {
	padding: 2px 0 0 10px;
}

div#news div.content p {
	padding: 0;
	margin: 0;
	border: 0;
}
/* NEWS END */

/* REGISTRACE */

div#registrace {
	position: absolute;
	left: 2px;
	top: 118px; /* FOR MOZ */
	\top: 114px; /* HACK FOR IE5 */
	to\p: 118px; /* HACK FOR IE6 */
	background-color: #FFC14C;
	width: 355px;
	height: 95px;
	border: 1px solid black;
	margin: 0;
	padding: 0;
	z-index: 3;
	background-image: url("../img/btn-registrace.gif");
	background-repeat: no-repeat;
	background-position: 160px 45px;
	_background-position: 150px 45px;
}

div#registrace div.content {
	border: 0;
	margin: 0;
	padding: 0;
}

div#registrace div.content h1 {
	display: block;
	width: 355px;
	height: 35px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	background-image: url("../img/h1-registrace.gif");
	background-repeat: no-repeat;
	background-position: 30px 10px;
	background-color: #F2A831;
}

div#registrace div.content h1 span {
	display: none;
}

div#registrace div.content p {
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
	border: 0;
}

div#registrace a {
	color: #820000;
}

div#registrace a.registrace {
	display: block;
	width: 185px;
	height: 40px;
	float: right;
	background-image: url("../img/btn-registrace.gif");
	background-repeat: no-repeat;
	margin: 0 10px 0 0;
}
/* REGISTRACE END */

/* NAVIGACE NEW */

div#navigace {
	position: relative;
	height: 32px;
	margin: 0 0 0 361px;
	padding: 0;
	border: 0;
	background-color: #fff;
	z-index: 2;
	width:expression(document.body.clientWidth < 770 ? "410px": "auto" );
	min-width:410px;
}

div#navigace div.content  {
	position: relative;
	margin: 0 156px 0 0;
	height: 30px; /* FOR MOZ */
	\height: 32px; /* HACK FOR IE5 */
	he\ight: 30px; /* HACK FOR IE6 */
	padding: 0;
	border: 0;
	text-align: left;
	background-color: #3C62B3;
	border: 1px solid black;
	text-align: center;
}

div#navigace div.content div {
	float: left;
	width: 29%;
	margin: 0 0 0 0;
	text-align: center;
}

ul#nav-left, ul#nav-right {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
}

ul#nav-right {
	float: none;
}


ul#nav-left li, ul#nav-right li {
	display: block;
	float: left;
	height: 23px;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	text-align: right;
	background-repeat: no-repeat;
}

ul#nav-right li {
	float: right;
}

ul#nav-left li#uvo {
	background-image: url("/img/ico-domov.gif");
	width: 4em;
	margin-left: 10px;
	_margin-left: 5px;
}

ul#nav-left li#dalsi {
	background-image: url("/img/icon-odhlasit-tour.gif");
	width: 6.4em;
	margin-left: 10px;
}

ul#nav-left li#uvo-na {
	background-image: url("/img/ico-domek.gif");
	width: 4.6em;
	margin-left: 5px;
	_margin-left: 3px;
}

ul#nav-left li#chci {
	background-image: url("/img/ico-chci-vedet.gif");
	width: 7.7em;
	margin-left: 10px;
}

ul#nav-left li#spo {
	background-image: url("/img/ico-spoluprace.gif");
	width: 6.6em;
	margin-left: 10px;
}

ul#nav-left li#li-sec-info {
	background-image: url("/obchod/img/ico-info-out.gif");
	width: 4em;
	margin-left: 10px;
	_margin-left: 5px;
}

ul#nav-left li#li-sec-info a {
	padding-left: 23px;
}

ul#nav-right li#registr {
		background-image: url("/img/icon-registrace1.gif");
		width: 6em;
		margin-right: 10px;
}

ul#nav-right li#kontak {
	background-image: url("/img/ico-kontakt.gif");
	width: 5em;
	margin-right: 5px;
}

div#navigace-second li#kontak {
	margin-right: 5px;
	_margin-right: 3px;
}

div#navigace a, div#navigace-second a {
	display: block;
	padding: 0;
	border: 0;
	text-align: right;
	width: 100%;
	color: #FFFF00;
}

div#navigace-second {
	position: relative;
	height: 32px;
	margin: 0 0 0 2px;
	padding: 0;
	border: 0;
	background-color: #fff;
	z-index: 2;
}

div#navigace-second div.content, div#navigace-second div.content-nologin {
	margin: 0 2px 0 0;
	height: 30px; /* FOR MOZ */
	\height: 32px; /* HACK FOR IE5 */
	he\ight: 30px; /* HACK FOR IE6 */
	padding: 0;
	border: 0;
	text-align: left;
	background-color: #3C62B3;
	border: 1px solid black;
	text-align: center;
}

div#navigace-second div.content {
		margin: 0 156px 0 0;
}

div#navigace-second div.content div, div#navigace-second div.content-nologin div {
	float: left;
	width: 31%;
	margin: 5px 0 0 0;
	text-align: center;
}

/* NAVIGACE NEW  END*/

/* SEARCH */

div#search {
	position: relative;
	height: 61px;
	margin: 2px 2px 0 361px;
	padding: 0;
	border: 0;
	background-color: #A6D6D8;
	border: 1px solid black;
	width:expression(document.body.clientWidth < 770 ? "404px": "auto" );
	min-width:404px;
}

div#search div.content {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

div#search fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

div#search fieldset div.content {
	margin: 0;
	padding: 0;
	border: 0;
}

input#search-string {
	border: 1px solid #3F2511;
	background-color: #E3F4F5;
	width: 40%;
	margin: 10px 0 0 20%;
	padding: 0;
	float: left;
}


input#btn-search, input#btn-help {
	margin: 5px 0 0 10px;
	height: 29px;
	padding: 0;
	border: 0;
	float: left;
}

#search h2 {
	display: block;
	width: 106px;
	height: 14px;
	margin: 5px auto 0 auto;
	padding: 0;
	border: 0;
	background-image: url(../img/h2-vyhledavani.gif);
}

/* SEARCH END */


div#left {
	position: absolute;
	top: 211px 0 0 0; /* IE5.0 + IE 5.5 */
	to\p: 217px 0 0 0; /* MOZ + IE 6*/
	left: 0;
	width: 492px;
	margin: 0 0 0 2px;
	padding: 0;
}

/* TEMA */

div#ttema {
	position: relative;
	min-width: 277px;
	height: 514px;
	border: 1px solid black;
	margin: 0 2px 0 496px;
	padding: 0;
	background-color: #fff;
	background-image: url("../img/h2-tema-back.gif");
	background-repeat: repeat-x;
	text-align: center;
}

div#ttema div.contentt {
	margin: 0;
	padding: 10px 0 0 0;
	border: 0;
	width: 100%;
}

div#ttema h2 {
	background-color: #C6CCD9;
	margin: 0 auto 20px auto;
	padding: 0;
	border: 0;
	text-align: center;
}

div#ttema h2 a {
	display: block;
	width: 40px;
	height: 17px;
	background-image: url("../img/h2-tema.gif");
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	z-index: 1;
}

div#ttema p.vyjadrit {
	color: white;
	font-size: 110%;
	font-weight: bold;
	color: #696C90;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 0;
	width:269px;
}

div#tema-list, div#tema-list2 {
	margin: 0;
	padding: 0;
	border: 0;
	width: 50%;
	_width: 47%;
	float: left;
	text-align: center;
}

div#tema-list div, div#tema-list2 div {
	margin: 0 auto 5px auto;
	width: 132px;
	height: 32px;
	padding: 0;
	border: 0;
	list-style: none;
	clear: both;
}

div.clear-right {
	clear: right;
}

div#tema-list div a, div#tema-list2 div a {
	color: #696C90;
	font-weight: normal;
	float:right;
	width:95px;
	height:32px;
	margin: 5px 0 0 5px;
	text-align: left;
}

div#tema-list div a.ikony, div#tema-list2 div a.ikony {
	float: right;
	height: 32px;
	width: 32px;
	margin: 0;
	padding: 0;
	border: 0;
}

div#tema-list div a.icon-1, div#tema-list2 div a.icon-1 {
	background-image: url(/img/icon-foto.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-2, div#tema-list2 div a.icon-2 {
	background-image: url(/img/icon-laska.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-3, div#tema-list2 div a.icon-3 {
	background-image: url(/img/icon-prace.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-4, div#tema-list2 div a.icon-4 {
	background-image: url(/img/icon-kultura.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-7, div#tema-list2 div a.icon-7 {
	background-image: url(/img/icon-sex.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-15, div#tema-list2 div a.icon-15 {
	background-image: url(/img/icon-svet.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-10, div#tema-list2 div a.icon-10 {
	background-image: url(/img/icon-internet.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-12, div#tema-list2 div a.icon-12 {
	background-image: url(/img/icon-stat.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-17, div#tema-list2 div a.icon-17 {
	background-image: url(/img/icon-rodina.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-18, div#tema-list2 div a.icon-18 {
	background-image: url(/img/icon-auta.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-19, div#tema-list2 div a.icon-19 {
	background-image: url(/img/icon-sport.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-20, div#tema-list2 div a.icon-20 {
	background-image: url(/img/icon-veda.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-21, div#tema-list2 div a.icon-21 {
	background-image: url(/img/icon-zvirata.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-22, div#tema-list2 div a.icon-22 {
	background-image: url(/img/icon-pravda.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-23, div#tema-list2 div a.icon-23 {
	background-image: url(/img/icon-jidlo.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-6, div#tema-list2 div a.icon-6 {
	background-image: url(/img/icon-hry.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-13, div#tema-list2 div a.icon-13 {
	background-image: url(/img/icon-humor.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-16, div#tema-list2 div a.icon-16 {
	background-image: url(/img/icon-mista.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-5, div#tema-list2 div a.icon-5 {
	background-image: url(/img/icon-skola.gif);
	background-repeat: no-repeat;
}

div#tema-list div a.icon-11, div#tema-list2 div a.icon-11 {
	background-image: url(/img/icon-zdravi.gif);
	background-repeat: no-repeat;
}

/*  TEMA END */

/* BANNERY */

div#chci-vedet {
	float: right;
	width: 322px;
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url("../img/ban-chci-vedet.gif");
	background-repeat: no-repeat;
	background-position: 1px 216px;
	}

div#chci-vedet h2 {
	position: relative;
	width: 320px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #CCC4C5;
}
	
div#chci-vedet h2 a {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #CCC4C5;
	background-image: url("../img/h2-chci-vedet.gif");
	background-repeat: no-repeat;
	background-position: 95px 6px;
}
	
div#chci-vedet-in {
	w\idth: 320px;
	margin: 322px; /* IE5.0 + IE 5.5 */
	ma\rgin: 3320px; /* MOZ + IE 6*/
	height: 211px;
	_height: 213px;
	_he\ight: 211px;
	border: 0;
	margin: 0 0 2px 0;
	padding: 0;
	border: 1px solid #000;
}
	
div#chci-vedet-in p {
	border: 0;
	margin: 0;
	padding: 1em;
	padding-bottom: 0;
	color: #0F4481;
}

div#chci-vedet-in p.top-mar {
	_margin-top: -17px;
}
	
div#chci-vedet a.vsechno {
	display: block;
	w\idth: 320px;
	margin: 322px; /* IE5.0 + IE 5.5 */
	ma\rgin: 3320px; /* MOZ + IE 6*/
	height: 137px;
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url("../img/ban-chci-vedet.gif");
	background-repeat: no-repeat;
	border: 1px solid #000;
}

div#chci-vedet a:hover.vsechno {
	background-color: #ffdfad;
	background-image: url("../img/ban-chci-vedet.gif");
	background-repeat: no-repeat;
}

span#chci-vedet-vlajecka {
	display: block;
	width: 43px;
	height: 36px;
	margin: 0 1em 0 0;
	padding: 0;
	border: 0;
	float: left;
	background-image: url("/img/vlajky.gif");
	background-repeat: no-repeat;
}

div#daniel {
	width: 166px;
	_width: 168px;
	_w\idth: 166px;
	height: 158px;
	border: 0;
	margin: 2px 0 0 0;
	padding: 0;
	border: 1px solid black;
	float: left;
	background-color: #665D5C;
	background-image: url("../img/ban-daniel.gif");
	background-repeat: no-repeat;
}

div#daniel a {
	display: block;
	width: 158px;
	height: 158px;
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url("../img/ban-daniel.gif");
	background-repeat: no-repeat;
}

div#kresta {
	width: 158px;
	height: 158px;
	border: 0;
	margin: 2px 0 0 2px;
	padding: 0;
	border: 1px solid black;
	float: left;
	background-image: url("../img/ban-kresta.gif");
	background-repeat: no-repeat;
}

div#kresta a {
	display: block;
	width: 158px;
	height: 158px;
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url("../img/ban-kresta.gif");
	background-repeat: no-repeat;
}

div#malina {
	width: 158px;
	height: 158px;
	border: 0;
	margin: 2px 0 0 2px;
	padding: 0;
	border: 1px solid black;
	float: left;
}

div#malina a {
	display: block;
	width: 158px;
	height: 158px;
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url("../img/ban-malina.gif");
	background-repeat: no-repeat;
}


/* BANNERY */

/* SHOP */

div#shop {
	width: 168px; /* IE 5.0 + IE 5.5 */
	w\idth: 166px; /* IE5 + MOZ */
	height: 352px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #FFFFCC;
	border: 1px solid black;
	float: left;
}

div#shop h2 {
	width: 166px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C6AC00;
	}
	
div#shop h2 a {
	display: block;
	position: relative;
	width: 165px;
	height: 32px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url("../img/h2-obchod.gif");
	background-repeat: no-repeat;
	background-position: 52px 10px;
	float: none;
}
	
div#shop a {
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
}
	
div#shop ul {
	position: relative;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	list-style: none;
}

div#shop ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	line-height: 0;
	font-size: 0;
}

div#shop ul li#triko2 a {
	width: 66px;
	height: 59px;
	background-image: url("../img/triko2.gif");
	background-repeat: no-repeat;
	margin: 7px 0 0 7px;
	_margin: 7px 0 0 4px;
}

div#shop ul li#mikina1 a {
	width: 75px;
	height: 66px;
	background-image: url("../img/mikina1.gif");
	background-repeat: no-repeat;
	margin: 5px 0 0 7px;
	_margin: 5px 0 0 5px;
}


div#shop ul li#triko1 a {
	background-image: url("../img/triko1.gif");
	background-repeat: no-repeat;
	width: 63px;
	height: 58px;
	margin: 7px 0 0 6px;
	_margin: 7px 0 0 5px;
}

div#shop ul li#triko3 a {
	background-image: url("../img/triko3.gif");
	background-repeat: no-repeat;
	width: 66px;
	height: 60px;
	margin: 7px 0 0 14px;
	_margin: 7px 0 0 8px;
}


div#shop ul li#triko4 a {
	width: 48px;
	height: 58px;
	background-image: url("../img/triko4.gif");
	background-repeat: no-repeat;
	margin: 7px 0 0 14px;
	_margin: 7px 0 0 10px;
}

div#shop ul li#mikina2 a {
	width: 73px;
	height: 66px;
	background-image: url("../img/mikina2.gif");
	background-repeat: no-repeat;
	margin: 7px 0 0 17px;
	_margin: 7px 0 0 9px;
}


div#shop ul li#deska1 a {
	width: 80px;
	height: 83px;
	background-image: url("../img/deska1.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 9px 0 0 0;
	_margin: 9px 0 0 0;
}

div#shop ul li#deska2 a {
	width: 80px;
	height: 83px;
	background-image: url("../img/deska2.gif");
	background-repeat: no-repeat;
	float: left;
	margin: 9px 0 0 0;
	_margin: 9px 0 0 0;
}





	/* SHOP END */




	/* rotator  */
#rot-1, #rot-2, #rot-3, #rot-4, #rot-5 {
	display:none;
}


#rot-table {
	position:absolute;
	width:100%;
	overflow:hidden;	
}
#rot-table, #rot-table td {
	border:none;
}

#rot-in-me {
	position:relative;
	height:20px;
	overflow:hidden;	
}

#rot-me {
	position:absolute;
	width:100%;
	left:0px;
	white-space:nowrap;
}


