/* vynulování výchozích stylů prohlížeče */
*{margin:0; padding:0;}
img{border: 0}

/* celá stránka */
body{ font-family: Verdana, Arial, Courier, sans-serif;}
/* pozadí */
body{ background: #dbcdb1;}
/* pozadí úvodní stránky */
body.home{ background-image: url('images/pozadi2.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}

/* odkazy */
a{ text-decoration: none; transition: color 0.2s;}
/* odkazy po najetí myší */
a:hover{ color: #961011;}

/* obsahová část stránky */
#page{ width: 970px; margin: 0 auto;}

/* odkaz rodokmen */
#rodokmenlink { position: absolute; right: 20px; top: 15px;}
#rodokmenlink a{font-family: Comic Sans MS; font-size: 28px; font-weight: bold; color: #1C4E2C;}
/* odkaz rodokmen po najetí myší */
#rodokmenlink a:hover{ color: #961011;}

/* datum aktualizace */
#rodokmenlink span{ float: right; font-size: 11px; font-family: Arial; color: #333;}

/* odkaz diskuse */
#diskuse { position: absolute; right: 20px; top: 80px;}
#diskuse a{font-family: Comic Sans MS; font-size:20px; font-weight: bold; color: #1C4E2C;}
/* odkaz diskuse po najetí myší */
#diskuse a:hover{ color: #961011;}

/* odkazy roků */
#roky{ font-size: 30px; font-weight: bold; text-align: center; color: #000s; margin-top: 30px;}
#roky a{display: inline-block; padding: 5px 29px; color: #000;}
/* rok po najetí myší */
#roky a:hover{ color: #961011;}

/* odkaz do administrace */
#adminlink{ font-size: 12px; position: fixed; bottom: 0px; right: 0px; color: #000; padding: 6px 8px; opacity: 0; transition: opacity 0.2s;}
/* po najetí myší */
#adminlink:hover{ opacity: 1;}

/* odkaz do toplistu */
#toplist{ position: fixed; bottom: 30px; right: 0px; padding: 6px 8px; opacity: 0; transition: opacity 0.2s;}
/* po najetí myší */
#toplist:hover{ opacity: 1;}


/* nadpis nad galerií / seznamem fotografů  === fotografové a fotografie mají společné stylování */
/* rok */
#page.gallery h1{ font-size: 24px;}
/* fotograf */
#page.gallery h1 span{ display: block; font-size: 20px;}

/* text nad fotografiemi / seznamem fotografů */
#text{ padding: 15px; padding-bottom: 0; font-size: 14px; line-height: 20px;}
	/* odstavec */
	#text p{ padding-bottom: 10px;}
	/* odkaz */
	#text a{ color: #961011;}
	/* odkaz po najetí myší */
	#text a:hover{ text-decoration: underline;}

/* stránka s galerií / seznamem fotografů */
#gallery{ padding: 10px 0 30px 0;}
	/* odkaz na fotografii / galerii */
	#gallery a{ display: block; float: left; padding: 17px 17px 17px 17px; color: #000; text-align: center; font-size: 14px; width: 160px;}
	/* jméno fotografa */
	#gallery a strong{ width: 160px; font-size: 14px; line-height: 20px; height: 40px; padding-top: 6px; overflow: hidden; font-weight: normal; display: block;}
	/* fotografie */
	#gallery a img{ display: block; border-radius: 10px; box-shadow: 1px 1px 4px rgba(0,0,0,0.6); transition: opacity 0.2s;}
	/* fotografie po najetí myší */
	#gallery a:hover img{ opacity: 0.7;}
	/* jméno fotografa po najetí myší */	
	#gallery a:hover{ color: #961011;}

/* Hláška "Žádné fotografie" */
.nic{ text-align: center; padding: 50px 0; color: #ccc; display: block;}




/* ADMIN */

/* odhlášení */
#logout{ display: block; text-align: right; color: #000; position: absolute; width: 970px; padding-top: 5px; font-size: 14px;}
#logout:hover{color: #961011;}

/* nadpisy v administraci */
#page.admin h1{ font-size: 20px; padding-bottom: 10px;}
#page.admin h2{ font-size: 17px; padding-bottom: 5px;}

/* levý sloupec */
#struktura{ width: 220px; background: #efefef; padding: 12px 15px;}
	/* 1. úroveň (roky) */
	#struktura ul{margin-left: 15px; list-style: none; margin-bottom: 10px;}
	/* 2. úroveň (fotografové) */
	#struktura ul ul{ margin-left: 25px;}
	/* odkazy v levém sloupci */
	#struktura a{ color: #000; font-size: 14px;}
	#struktura a:hover{color: #961011;}
	/* vybraný odkaz */
	#struktura a.sel{ font-weight: bold; color: #961011;}
	/* odkaz pro přidání roku / fotografa */
	#struktura a.add{ color: #286C43; font-weight: bold;}
	#struktura a.add:hover{ color: #000;}

/* pravý sloupec */
#obsah{float: right; width: 680px; background: #efefef; padding: 12px 15px;}
	/* hláška "Vyberte položku" */
	#obsah i{ color: #aaa; text-align: center; padding: 50px 0; display: block; font-size: 14px;}
	/* popisek formulářového pole */
	#obsah label{ display: block; font-size: 14px; margin-top: 15px;}
	/* tlačítko */
	#obsah .but{ background: #961011; border: 0; color: #fff; padding: 5px 15px; margin-top: 5px; font-size: 12px; font-family: Verdana, Arial, Courier, sans-serif;}
	/* nahraný rodokmen */
	#rodokmenfile{ font-size: 14px; font-weight: bold;}
	#rodokmenfile a{ color: #961011; font-weight: normal;}
	#rodokmenfile a:hover{ text-decoration: underline;}
	
	/* mezery u správce programu v tabulce, odsazení shora a z boků */
	#table td{ font-size: 12px; padding: 1px 8px; }
	
	
	
	
	
/* vlajky */
#rasty-flags a img{ position: fixed; width: 90px; left: 10px; opacity: 0.6; } 
#rasty-flags a img:hover{ opacity: 1; transition: 200ms; }

/* obrázky rodokmen*/
#rodokmeny a img{ opacity: 0.6; } 
#rodokmeny a img:hover{ opacity: 1; transition: 200ms; }

/* Nastavení pozadí v případě přiblížení fotky (onclick="retrn rastyy($(this))") */
#rasty-bgbox{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: grey; opacity: 0.7; display: none; z-index: 100; }

/* Nastavení toho křížku při přiblížení obrázku */
#rasty-close{ position: fixed; top: 5px; right: 5px; display: none; z-index: 150; color: #000000; font-weight: bold; font-size: 2em; margin: 0px; padding: 0px; }
#rasty-close:hover{ cursor: pointer; }

/* Nastavení toho obrázku v případě přiblížení fotky (onclick="retrn rastyy($(this))") ==> pozice top a left se generuje javascriptem */
#rasty-img{ position: fixed; top: 10px; left: 10px; display: none; z-index: 200; width: 800px; } /* width=šířka otevřeného obrázku, výška automaticky */

/* Styl textu v adminovi - "tahak" */
.formnotice{ color: blue; font-size: 0.8em; font-style: italic; font-weight: bold; text-align: left; }