/*	---------------------------------------------------------------------------------------
	Resetovani stylu a nastavovani vychozich stylu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,body,div,span,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,caption,table,tr,th,td,thead,tbody,tfoot,p,blockquote,cite,q,abbr,acronym,address,a,em,strong,img,ins,del,dfn,kbd,pre,xmp,code,form,fieldset,legend,label,object,hr{margin:0;padding:0;}
:focus{outline:0;}

html{background:#5f0c30;}
body{background:url('../img/bg-body.png') center 0 no-repeat;font:75%/1.5 Tahoma, Verdana, sans-serif;text-align:center;color:#fff;}

a{color: #ff56a2;}
a:hover,a:focus,a:active {color:#fff;/* text-decoration:none; */}
img{vertical-align:middle;background-color:#212121;}
a img, fieldset{border:none;}
input,textarea{font-family:Tahoma;}
hr{display:none;} /* oddeleni bloku pro zobrazeni bez css */
ul{list-style:none;}

table {width:100%;border-collapse:collapse;}
td,th {text-align:left;font-weight:normal;}
abbr acronym {border-bottom:1px dotted #000; cursor:help;}

h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:89%;}
h6 {font-size:60%;}

/*	---------------------------------------------------------------------------------------
	Styly pro implementaci standardnich prvku
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
.cleaner{clear:both; } /* Cistic pod floatovane prvky */
.no-screen{display:none !important;} /* Prvky pro zobrazeni bez css */

.center-text{text-align:center !important;}
.right-text{text-align:right !important;}
.justify-text{text-align:justify !important;}

.r{float:right;display:inline;}
.l{float:left;display:inline;}
.n{float:none;}

/*  Cotojatkova napoveda --- */

.cotojatka-anchor{padding:5px 10px;background:#fff;border:1px solid #eee;text-align:left;font-size:0.95em;color:#000;z-index:1000;}
.cotojatka{padding:5px 10px;background:#fff;border:1px solid #eee;text-align:left;font-size:0.95em;color:#000;z-index:1000;}

/*  Prekryvani textu obrazky, oble rohy aj. (sdilene styly) ----------------------------------- */
	
h1,.sloupecek h3,.vice a,.podobsah h2,ul.odkazy li,#obsah h2,#obsah h3,#obsah #spust li,#obsah #vyber li,#reakce-uzivatelu{position:relative;overflow:hidden;}
h1 span,.sloupecek h3 span,.vice a span,.podobsah h2 span,ul.odkazy li span,#obsah h2 span,#obsah h3 span,#obsah #spust li a span,#obsah #vyber li span,#reakce-uzivatelu span{position:absolute;top:0;right:0;z-index:1;display:block;}

/*	---------------------------------------------------------------------------------------
	Centrovany obal webu
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#obal{width:911px;min-height:900px;height: 100%;margin:0 auto;background:url('../img/bg-obal.png') 0 0 no-repeat;text-align:left;}

/*  Logo (nadpis) webu) ----------------------------------- */

h1{width:911px;height:65px;margin:0 0 35px 0;padding:50px 0 0 0;font-size:2.2em;font-weight:normal;}
h1 a{text-decoration:none;color:#ffa3cc;}
h1 a strong{color:#ff1d83;}
h1 span{background:url('../img/bg-h1-logo-plain.png') no-repeat;width:911px;height:115px;cursor:pointer;}
h1#l span{background:url('../img/bg-h1-logo-plain-l.png') no-repeat;}

/* vyrazne reklamni odkazy --------------------------- */

h3.vyzkousejte{float:left;display:inline;margin:8px 0 0 630px;font-size:1em;}
ul.odkazy{float:right;display:inline;}
ul.odkazy li{float:left;display:inline;margin:0 8px 0 0;overflow:hidden;position:realitive;height: 36px;}
ul.odkazy li a{display:block;padding:9px 14px;background:#cc0e64 url('../img/bg-odkazy-li-a.png') 0 0 no-repeat;text-decoration:none;color:#fff;}
ul.odkazy li a span{width:10px;height:36px;background:url('../img/bg-odkazy-li-a.png') right 0 no-repeat;}
ul.odkazy li a:hover, ul.odkazy .aktivni a, ul.odkazy .vyrazny a{background-color:#1e82b3;background-position:0 bottom;}
ul.odkazy li a:hover span, ul.odkazy .aktivni a span, ul.odkazy .vyrazny a span{background-position:right bottom;}

/* Obsah webu s kroky --------------------------- */

#obsah{width:621px;height:334px;clear:both;overflow:hidden;padding:0 0 0 290px;background:#fff url('../img/bg-obsah.png') no-repeat;color:#620c32;}
#obsah a:hover{color:#000;}
#obsah h2, #obsah h3{height:22px;}
#obsah h2 span, #obsah h3 span{height:22px;background-position:0 0;background-repeat:no-repeat;}
#obsah h2{margin:25px 10px 8px 0;}
#obsah h3{margin:15px 10px 5px 0;}
#obsah #vitejte{width:321px;}
#obsah #vitejte span{width:321px;background-image:url('../img/nadpisy/vitejte.gif');}
#obsah #vitejte-l{width:227px;}
#obsah #vitejte-l span{width:227px;background-image:url('../img/nadpisy/vitejte-l.gif');}
#obsah #udaje{width:345px;}
#obsah #udaje span{width:345px;background-image:url('../img/nadpisy/udaje.gif');}
#obsah #jsi{width:224px;}
#obsah #jsi span{width:224px;background-image:url('../img/nadpisy/jsi.gif');}
#obsah #test-lasky{width:99px;}
#obsah #test-lasky span{width:99px;background-image:url('../img/nadpisy/test-lasky.gif');}
#obsah #jak-zjistim-vysledek{width:232px;}
#obsah #jak-zjistim-vysledek span{width:232px;background-image:url('../img/nadpisy/jak-zjistim-vysledek.gif');}
#obsah #zverejneni{width:319px;}
#obsah #zverejneni span{width:319px;background-image:url('../img/nadpisy/zverejneni.gif');}
#obsah #test-zverejnen{width:357px;}
#obsah #test-zverejnen span{width:357px;background-image:url('../img/nadpisy/test-zverejnen.gif');}
#obsah #vysledek{width:232px;}
#obsah #vysledek span{width:232px;background-image:url('../img/nadpisy/vysledek.gif');}
#obsah #neodeslano{width:348px;}
#obsah #neodeslano span{width:348px;background-image:url('../img/nadpisy/neodeslano.gif');}

#obsah p{margin:5px 20px 0 2px;line-height:170%;}
#obsah .velke{margin: 10px 20px 10px 20px;font-family:Calibri;font-size: 4.2em;color:#15aadc;line-height:100%;}
#obsah .velke strong{font-weight:normal;}
#obsah p img{margin:-3px 7px 0 5px;}

#obsah #vyber{float:right;display:inline;margin:15px 15px 15px 0;}
#obsah #vyber li{width:220px;height:38px;float:left;display:inline;margin:0 0 0 5px;text-align: center;background: red;}
#obsah #vyber li a{display: block;width:220px;height:38px;color: #fff;}
#obsah #vyber li a span{width:220px;height:38px;}
#obsah #vyber #kluk a{background:#109bcf;}
#obsah #vyber #holka a{background:#f3177a;}
#obsah #vyber #kluk a span{background: url('../img/bg-vyber-li-a.png') 0 0 no-repeat;}
#obsah #vyber #holka a span{background: url('../img/bg-vyber-li-a.png') right 0 no-repeat;}
#obsah #vyber #kluk a:hover{background:#f3177a;}
#obsah #vyber #holka a:hover{background:#109bcf;}
#obsah #vyber #kluk a:hover span{background-position:0 bottom;cursor:pointer;}
#obsah #vyber #holka a:hover span{background-position:right bottom;cursor:pointer;}

#obsah #hodnoceni{clear: both;margin:15px 0 15px 0;font-size:0.95em;color:#fff;}
#obsah #hodnoceni li{width:39px;height:28px;float:left;display:inline;margin:0 5px 0 0;padding:11px 0 0 0;background:#f20a45 url('../img/bg-hodnoceni-li.gif') no-repeat;text-align:center;cursor:help;}
#obsah #hodnoceni li:hover{background-position:right 0;}
#obsah #chyby{margin:10px 0 10px 10px;}
#obsah #chyby li{max-width:280px;margin:2px 0;padding:3px 5px;background:#c4e9f7;color:#000;}

#obsah fieldset legend{display:none;padding:3px 5px;background:#1792c2;color:#fff;}
#obsah fieldset#holcina legend{background:#e70f70;}
#obsah fieldset fieldset{width:305px;float:left;margin:2px 0 2px 2px;}
#obsah fieldset fieldset legend{display:block;margin-left:2px;}
#obsah fieldset fieldset h3{margin:0;}
#obsah fieldset fieldset p{margin:6px 0 0 3px;}
#obsah fieldset fieldset p label{width:100px;float:left;display:inline;}
#obsah fieldset p .input-text{width:257px;margin:1px 0 0 0;padding:3px 6px;background:#cae9f5;border:1px solid #35a7d4;color:#074c77;}
#obsah fieldset#holcina p .input-text{background:#f9cfe2;border-color:#ec4591;}
#obsah fieldset p .input-text:focus{background:#facce1;border-color:#e7488f;}
#obsah fieldset#holcina p .input-text:focus{background:#cae9f5;border-color:#35a7d4;}
#obsah fieldset fieldset p .input-select{width:272px;}
#obsah fieldset p.spod{float:left;display:inline;margin-left:5px;margin-bottom: 8px;margin-top: 12px;}
#obsah fieldset p.spod .input-text{width:196px;margin-left:10px;}
#obsah fieldset p.spod .input-submit{margin-left:0px;margin-top:2px;padding:5px 20px;background:#e41170;border:none;color:#fff;}
#obsah fieldset#holcina p.spod .input-submit{background:#0d8bbd;}
#obsah fieldset p.hlaska{margin-left:5px;clear:both;font-size:0.95em;}
#obsah fieldset p.hlaska strong{color:#ac0c53;}
#obsah #zadani-kodu p.spod .input-text{width: 210px;}
#obsah #zadani-kodu p.spod .input-submit{margin-top: 1px;padding: 4px 20px;}
#obsah #zverejneni p{margin:10px 0 0 2px;}

/* Sloupecky s informacemi --------------------------- */

.sloupecek{width:261px;float:left;display:inline;margin:5px 0 20px 40px;}
.sloupecek h3{width:261px;height:28px;font-size: 1.8em;font-weight:normal;color:#f11477;}
.sloupecek h3 span{width:261px;height:28px;background-position:0 0;background-repeat:no-repeat;}
.o-testu h3 span{background-image:url('../img/nadpisy/o-testu.png');}
.o-testu-l h3 span{background-image:url('../img/nadpisy/o-testu-l.png');}
.vyhody h3 span{background-image:url('../img/nadpisy/vyhody.png');}
.vyhody-l h3 span{background-image:url('../img/nadpisy/vyhody-l.png');}
.chlubeni h3 span{background-image:url('../img/nadpisy/vysledky.png');}
.sloupecek p{margin:7px 5px;line-height:180%;}
.sloupecek p.vice{margin-top:10px;}

/* Reakce uzivatelu --------------------------- */

#reakce-uzivatelu{width:394px;height:28px;clear:both;margin:22px 0 12px 40px;font-size: 1.8em;font-weight:normal;color:#f11477;}
#reakce-uzivatelu span{width:394px;height:28px;background:url('../img/nadpisy/reakce-uzivatelu.png') 0 0 no-repeat;}
.reakce{width:261px;min-height:150px;_height:150px;float:left;display:inline;margin:0 0 10px 42px;}
.reakce h3{margin:;text-shadow:#4d0927 1px 1px 0px;font-size:1.2em;font-weight:normal;color:#f75ba1;}
.reakce p{margin:4px 0 7px 0;line-height:180%;color:#f1c1d6;}
.suda-reakce p{color:#e685af;}

/* Hromadne odkazy na vice informaci --- */

p.vice{clear: both;line-height:100%;}
p.odskok-vice{margin-left:40px;}
p.vice a{background: #fb1a7f;}
p.vice a{background:url('../img/bg-vice-li-a.png') 0 0 no-repeat;width:150px;display:block;padding:7px 10px 8px 10px;text-decoration:none;color:#fff;}
p.vice a span{width:15px;height:27px;background:url('../img/bg-vice-li-a.png') right 0 no-repeat;}
p.vice a:hover,p.vice-aktivni a{background-position:0 bottom;}
p.vice a:hover span,p.vice-aktivni a span{background-position:right bottom;}

/* Paticka --------------------------- */

#paticka{clear:both;overflow:hidden;margin:25px 0 0 0;padding:15px 0 25px 0;background:url('../img/bg-paticka.png') no-repeat;font-size:0.95em;}
#paticka ul{float:left;display:inline;margin:20px 0 0 40px;}
#paticka ul li{display:inline;margin:0 14px 0 0;}
#paticka p{float:right;width:400px;margin:0 10px 0 0;padding:13px 20px;display:inline;background:#470824;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;color:#ee79ae;}
#paticka p img{float:left;margin:4px 8px 10px 0;opacity:0.7;}
#paticka p:hover img{opacity:1;}