@charset "utf-8";
/* CSS Document */

body {
	background: url(../pics/bg.gif) repeat #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
}

#page {
	position: relative;
	margin: 40px auto;
	width: 829px;
	height: 496px;
	border: 4px solid #FFFFFF;
	background: url(../pics/contain_bg.jpg) no-repeat;
}

#topmenu {
	position: absolute;
	left: -30px;
	top: -22px;
	width: 625px;
	height: 20px;
	padding: 5px;
	padding-top: 10px;
	background: #FFFFFF;
	border: 4px solid #000000;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	z-index: 100;
	text-transform: uppercase;
}

#topmenu a {
	color: #000000;
	text-decoration: none;
}

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

#topmenu span {
	color: #CC0000;
}

/*#sexik-po-telefonu {
	position: absolute;
	left: 17px;
	top: 24px;
	height: 100px;
	width: 212px;
}
*/

h1 {
	position: absolute;
	margin:0;
	padding:0;
	left: 17px;
	top: 24px;
	height: 100px;
	width: 212px;
	overflow: hidden;
	font-size: 12px;
	color: #FFFFFF;
}

h1 a {
	color:#FFFFFF;
}

h1 span {
	display: block;
	position: absolute; left:0; top:0; z-index:1;
	width: 212px; 
	height: 100px;
	margin:0; padding:0;
	background: url(../pics/sexik-po-telefonu.jpg) top left no-repeat;
}

#body_01 {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 346px;
	height: 472px;
	background: url(../pics/01/body.jpg) no-repeat;
}

#body_02 {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 346px;
	height: 472px;
	background: url(../pics/02/body.jpg) no-repeat;
}

#body_03 {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 346px;
	height: 472px;
	background: url(../pics/03/body.jpg) no-repeat;
}

#body_04 {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 346px;
	height: 472px;
	background: url(../pics/04/body.jpg) no-repeat;
}

#body_05 {
	position: absolute;
	top: 24px;
	right: 10px;
	width: 346px;
	height: 472px;
	background: url(../pics/05/body.jpg) no-repeat;
}

#name_01 {
	position: absolute;
	top: 43px;
	right: 0px;
	width: 98px;
	height: 420px;
	background: url(../pics/01/n_jmeno.jpg) no-repeat;
}

#name_02 {
	position: absolute;
	top: 43px;
	right: 0px;
	width: 98px;
	height: 420px;
	background: url(../pics/02/n_jmeno.jpg) no-repeat;
}

#name_03 {
	position: absolute;
	top: 43px;
	right: 0px;
	width: 98px;
	height: 420px;
	background: url(../pics/03/n_jmeno.jpg) no-repeat;
}


#name_04 {
	position: absolute;
	top: 43px;
	right: 0px;
	width: 98px;
	height: 420px;
	background: url(../pics/04/n_jmeno.jpg) no-repeat;
}

#name_05 {
	position: absolute;
	top: 43px;
	right: 0px;
	width: 98px;
	height: 420px;
	background: url(../pics/05/n_jmeno.jpg) no-repeat;
}

#nadpis_01 {
	position: absolute;
	top: 0px;
	left: 461px;
	width: 245px;
	height: 124px;
	background: url(../pics/01/n_nadpis.jpg);
}

#nadpis_02 {
	position: absolute;
	top: 0px;
	left: 461px;
	width: 245px;
	height: 124px;
	background: url(../pics/02/n_nadpis.jpg);
}

#nadpis_03 {
	position: absolute;
	top: 0px;
	left: 461px;
	width: 245px;
	height: 124px;
	background: url(../pics/03/n_nadpis.jpg);
}


#nadpis_04 {
	position: absolute;
	top: 0px;
	left: 461px;
	width: 245px;
	height: 124px;
	background: url(../pics/04/n_nadpis.jpg);
}

#nadpis_05 {
	position: absolute;
	top: 0px;
	left: 461px;
	width: 245px;
	height: 124px;
	background: url(../pics/05/n_nadpis.jpg);
}


#slogan_01 {
	position: absolute;
	top: 218px;
	left: 491px;
	width: 197px;
	height: 141px;
	background: url(../pics/01/n_slogan.jpg) no-repeat;
}

#slogan_02 {
	position: absolute;
	top: 218px;
	left: 491px;
	width: 197px;
	height: 141px;
	background: url(../pics/02/n_slogan.jpg) no-repeat;
}

#slogan_03 {
	position: absolute;
	top: 218px;
	left: 491px;
	width: 197px;
	height: 141px;
	background: url(../pics/03/n_slogan.jpg) no-repeat;
}

#slogan_04 {
	position: absolute;
	top: 218px;
	left: 491px;
	width: 197px;
	height: 141px;
	background: url(../pics/04/n_slogan.jpg) no-repeat;
}

#slogan_05 {
	position: absolute;
	top: 218px;
	left: 491px;
	width: 197px;
	height: 141px;
	background: url(../pics/05/n_slogan.jpg) no-repeat;
}

#kodno_01 {
	position: absolute;
	top: 124px;
	left: 156px;
	width: 87px;
	height: 125px;
	background: url(../pics/kod_1.jpg) no-repeat; 
}

#kodno_02 {
	position: absolute;
	top: 124px;
	left: 156px;
	width: 87px;
	height: 125px;
	background: url(../pics/kod_2.jpg) no-repeat; 
}

#kodno_03 {
	position: absolute;
	top: 124px;
	left: 156px;
	width: 87px;
	height: 125px;
	background: url(../pics/kod_3.jpg) no-repeat; 
}

#kodno_04 {
	position: absolute;
	top: 124px;
	left: 156px;
	width: 87px;
	height: 125px;
	background: url(../pics/kod_4.jpg) no-repeat; 
}

#kodno_05 {
	position: absolute;
	top: 124px;
	left: 156px;
	width: 87px;
	height: 125px;
	background: url(../pics/kod_5.jpg) no-repeat; 
}


#kodno_detail_01 {
	position: absolute;
	top: 129px;
	left: 156px;
	width: 73px;
	height: 60px;
	background: url(../pics/01/kodno.jpg) no-repeat; 
}


#kodno_detail_02 {
	position: absolute;
	top: 129px;
	left: 156px;
	width: 73px;
	height: 60px;
	background: url(../pics/02/kodno.jpg) no-repeat; 
}

#kodno_detail_03 {
	position: absolute;
	top: 129px;
	left: 156px;
	width: 73px;
	height: 60px;
	background: url(../pics/03/kodno.jpg) no-repeat; 
}

#kodno_detail_04 {
	position: absolute;
	top: 129px;
	left: 156px;
	width: 73px;
	height: 60px;
	background: url(../pics/04/kodno.jpg) no-repeat; 
}

#kodno_detail_05 {
	position: absolute;
	top: 129px;
	left: 156px;
	width: 73px;
	height: 60px;
	background: url(../pics/05/kodno.jpg) no-repeat; 
}


#kod {
	position: absolute;
	top: 166px;
	left: 8px;
	width: 148px;
	height: 83px;
	background: url(../pics/n_kod.jpg) no-repeat; 
}

#kod_detail {
	position: absolute;
	top: 129px;
	left: 8px;
	width: 148px;
	height: 60px;
	background: url(../pics/n_kod_detail.jpg) no-repeat; 
}

#telefon {
	position: absolute;
	top: 249px;
	left: 8px;
	width: 428px;
	height: 73px;
	background: url(../pics/n_telefon.jpg) no-repeat;
}

#telefon_detail {
	position: absolute;
	top: 189px;
	left: 8px;
	width: 428px;
	height: 60px;
	background: url(../pics/n_telefon_detail.jpg) no-repeat;
}

#poznej_kamaradky {
	position: absolute;
	top: 330px;
	left: 8px;
	width: 428px;
	height: 39px;
	background: url(../pics/n_poznej_kamaradky.jpg) no-repeat;
}

#others {
	position: absolute;
	top: 365px;
	left: 8px;
	width: 428px;
	height: 130px;
}

#others img {
	margin: 0px 5px;
	border: 0px;
	float: left;
	width: 130px;
	height: 130px;
}

#paticka {
	position: absolute;
	right: 10px;
	bottom: -25px;
	width: 350px;
	height: 70px;
	padding: 10px;
	color: #000000;
	font-size: 9px;
	background: #FFFFFF;
	line-height: 12px;
}

#online {
	position: absolute;
	top: 10px;
	right: -44px;
	width: 40px;
	height: 217px;
	background: url(../pics/online.gif) no-repeat;
	overflow: hidden; 
}

#offline {
	position: absolute;
	top: 10px;
	right: -44px;
	width: 40px;
	height: 217px;
	background: url(../pics/offline.gif) no-repeat;
	overflow: hidden; 
}

.spacer {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
}

#detail_text_bg {
	position: absolute;
	top: 260px;
	left: 15px;
	width: 420px;
	height: 210px;
	background: #FFFFFF;
	overflow: hidden;
	border: 4px solid #000000;
	opacity: 0.8;   
	filter: alpha(opacity=80);   
	-moz-opacity: 0.8;   
	-khtml-opacity: 0.8;   
}

#detail_text {
	position: absolute;
	top: 260px;
	left: 15px;
	width: 400px;
	height: 190px;
	padding: 10px;
	color: #000000;
	font-size: 12px;
}

#detail_text h2 {
	padding: 2px;
	margin: 0px;
}