/* CSS Document */

.normal {font-family: Arial; font-size: 12px; color: #000000}
a:vlink {color: #000099}
a:link {color: #0000FF}

/* taktaci - seznam*/
.seznam {width: 550px}
.kategorie{
text-align: center;
width:548px;
text-align:center;
font-size:12px;
font-weight:bold;
margin:15px 0px 10px 0px;
padding-top:3px;
padding-bottom:3px;
background-color:#b4bcd8;
color:#000099;
border:1px;
border-style: solid;
border-color:#000099;

}

.hanselka {width: 550px; text-align: center}
.pary {width: 550px; text-align: center;}
.kluci {width: 124px; text-align: right; float: left}
.pomlcky {width: 19px; text-align: center; float: left}
.holky {width: 124px; text-align: left; float: left}
.cara {size: 4px; width: 550px}
.prostorprocaru {width: 550px; text-align: left}
a.obr:link {text-decoration: none}
a.obr:hover {background-image: url(hlavy/hansel.jpg); background-attachment: fixed; min-height: 100px; overflow: visible}
.animpar {width: 275px; height: 50px; text-align: center; float:left;}
.panakkluk {width: 135px; text-align: center; float:left} /* prostor pro kluka = text + obrazek */
.pomlcka {width: 9px; text-align: center; float:left} 
.panakholka {width: 135px; text-align: center; float:left} /* prostor pro holku = text + obrazek */
.dvedvojice {width: 550px; height: 50px; margin-bottom: 20px; margin-top: 30px; text-align: center}
.jednadvojice {width: 270px; height: 50px; margin-left:140px; margin-right:140px ; margin-bottom: 20px; margin-top: 30px; text-align: center}
.formaceseznam {text-align: center; width: 270px; height: 64px; position: relative; margin: auto}
.zakladajiciseznam {text-align: center; width: 540px; height: 64px; position: relative; margin: auto}
.zakladajiciseznam_kluci {width: 260px; text-align: right; float: left;}
.zakladajiciseznam_holky {width: 260px; text-align: left; float: left;}
.ostatniseznam {text-align: center; width: 270px; height: 160px; float: left}

.ostatniseznam_par {text-align: center; width: 270px; float: left}
.ostatni_kluk {width: 124px; text-align: right; float: left}
.ostatni_pomlcka {width: 19px; text-align: center; float: left}
.ostatni_holka {width: 124px; text-align: left; float: left}


.hybaci_kluk{
background-image: url(panak1.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:36px;
padding-top:10px;
height:35px;
display:block;
margin-right:2px;
width: 87px;
}
.hybaci_holka{
background-image: url(panenka1.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:36px;
padding-top:10px;
height:35px;
display:block;
margin-left:2px;
width: 87px;
}
.hybaci_kluk:hover {background-image: url(panak.gif); }
.hybaci_holka:hover {background-image: url(panenka.gif); }
.menici{}

/* taktaci */
.parinformace {width: 550px; margin-top: 20px; margin-bottom: 10px; background-color: #7180ba; padding: 5px;  }
.hanselinformace {width: 550px; margin-top: 20px; margin-bottom: 10px; background-color: #7180ba; padding: 5px; height:135px; }
.klukinformace {width: 550px; margin-bottom: 15px;}
.formaceinformace {width: 550px; height: 200px; margin-top: 40px; margin-bottom: 10px}
.ostatniinformace {width: 550px; height: 400px; margin-top: 30px; margin-bottom: 10px; text-align: center}
.holkainformace {width: 550px;}

.formacejednaholka {width: 136px; text-align: center; float: left}
.formacejednaholka .jmeno {text-align: center}
.formacejednaholka .fotka {margin: 0px; float: none}
.formacejednaholka .otazka {text-align: center}
.formacejednaholka .otazka .normal {font: 400}

.jednotlivec {width: 550px; height: 140px; margin-top: 50px}
.jednaosoba {width: 264px; height: 130px; text-align: left;float:left;margin:1px;background-color:#7180ba;margin-bottom:5px;padding:4px}
.jednaosoba .jmeno {font-size: 14px; margin-bottom:2px;}
.jednaosoba .fotka {width:110px;height:130px; float: left; margin-right: 0px}
.jednaosoba .otazkyjednaosoba{padding-left:6px; width:148px; height:130px; float: left;font-size: 11px;}
.jednaosoba .otazka {width:145px;font-size: 11px;}

.fotkahlava {width: 110px; height: 130px; border: 0px}  /* fotka - obrazek */
.fotka {width: 111px; height: 131px; margin-right: 9px; float: left}  	/* prostor pro fotku */
.otazky {width: 278px}  /* prostor pro otazky */
.otazkyjednotlivec {width: 428px; text-align: left}
.otazka {font-weight: bold; color:#33FFFF; text-align: left}  	/* jednotlive otazky */
.jmeno {font-weight: bold; font-size: 16px; color: #000000; text-align: left} 
.konickycharakter {width: 550px; text-align: left; margin-top: 10px}

/* fotky paru */
.parovefoto {width: 558px; padding-bottom:10px; background-color: #8895bb; text-align: center; border-width: thin; border-style: ridge; border-color: #7180ba;margin-top: 10px}
.parovefotonadpis {text-align: center; background-color: #7180ba; color: #8895bb; font-weight: bold; margin: 2px; font-size: 14px; padding:1px; margin-bottom:10px }
.fotkaparu {margin-left: 15px; margin-right: 15px; border: none}
.fotkaparuvelka {border: none}
.odkaz_dalsi_foto {text-align: center; margin-top: 10px;}
.sipkazpet {width: 550px; text-align: center; margin-bottom:40px;margin-top:10px}
.sipkaobrazek {width: 50px; height: 30px; border: 0px; margin: 10px}

/* soubor parovefotky */
.parovefotky {width: 550px; text-align: center}

/* * ***********************************   NAVIGACNI PROUZEK ******************** */
.navigacni_prouzek {	
	width: 550px;
	height: 15px;
	font-size: 12px;
	background-color: #b4bcd8;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-bottom:5px;
	border:1px;
    border-style: solid;
    border-color:#000099;
	color:#000099;
}

.odkaz_navigacniho_prouzku_vlevo a, .odkaz_navigacniho_prouzku_stred a, .odkaz_navigacniho_prouzku_vpravo a {
	color: #7180ba;
}

.odkaz_navigacniho_prouzku_vlevo, .odkaz_navigacniho_prouzku_stred, .odkaz_navigacniho_prouzku_vpravo {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

.odkaz_navigacniho_prouzku_vlevo {	/* jedna polozka navigacniho prouzku */
	text-align: left;
	width: 150px;
}

.odkaz_navigacniho_prouzku_stred {	/* jedna polozka navigacniho prouzku */
	text-align: center;
	width: 219px;
}

.odkaz_navigacniho_prouzku_vpravo {	/* jedna polozka navigacniho prouzku */
	text-align: right;
	width: 150px;
}

/* ******************** ZOBRAZENE PAROVE FOTKY ******************** */
.popis_fotky { /* Popisek k zobrazene fotce */
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}

.fotka_paru_velka { /* zobrazena fotka v normalni velikosti */
	margin-bottom: 20px;
}

.zobrazene_fotky { /* div zahrnujici vsechny fotky z popiskama */
	width: 548px;
	text-align: center;
}