body, p, a, a:hover, td, th, li, textarea, h1, h2, h3
{
	font-family: Arial, Helvetica, sans-serif;
}

body, h1, h2, h3, div, p, ul, ol, li, img, form, fieldset
{
margin: 0;
padding: 0;
}

body 
{
text-align: center;   /* zarovnani stranky na stred - 1. uroven */
background: #DDDDDD;
padding: 10px;
}

h1
{
font-size: 150%;
color: black;
padding: 0;
}

h2{
font-size: 125%;
color: black;
padding: 0;
}

h3
{
font-size: 100%;
color: black;
padding: 0;
font-weight: bold;
}

p
{
	margin: 1em 0;
	line-height: 150%
}

.rozestup li
{
padding-bottom: 15px; 
}

/* Stylovani fotogalerie*/

.odkaz a
{
display: block;     /* Odradkovava */
height: 15px;       /* Vyska ramecku*/
width: 100%;      /* Sirka ramecku*/
padding: 5px;     /* Vnitrni okraj - mezera mezi textem tlacitka a okrajem tlacitka */
text-align: center;     /* Zarovnani textu odkazu na stred ramecku */
background: #f1c568;      /* #6c91bb; */
border: 1px solid #00008b	;     /* Ramecek kolem odkazu, sirka 1px, plny ramecek, tmavemodry */
color: #00008b	;      /* Barva textu odkazu - darkblue*/
text-decoration: none;      /* Nepodtrhava odkazy */
}

.odkaz a:hover      /* najeti mysi nad tlacitko - vsechny vlastnosti a, ale jine pozadi */
{
background: #ff8c00;
}

.odkaz ul
{
list-style: none;     /*Seznam bez tecky */
margin-top: 0px;     /*Mezera od horniho okraje nabidky*/
margin-left: 0px;    /*Mezera od dolniho okraje nabidky*/
}

.odkaz li
{
padding-bottom: 5px; /*mezera mezi tlacitky*/
}

  /* Stylovani clenu */

.clenove
{
width: 300px;
border : 0px solid black;
text-align: left;
}

.clenove td
{
padding-bottom: 10px;
}

 /* Zacatek stylovani index.php */

.mainobalovaci
{
position: relative; 
margin: 0 auto;     /* zarovnani na stred - 2. uroven (1. uroven body) */
background: orange; 
max-width: 1206px;      /* automaticka zmena rozliseni funguje patrne jen pro relativni pozici */
min-width: 766px; 
_width: 956px;
height: 607px; 
border: 1px solid black;
z-index: 0;
}

.main
{
position: relative;  /* relativni pozice */
left: 0px;      /* leve odsazeni - vedle nabidky*/
top: 0px;       /* horni odsazeni*/  
background: none; 
max-width: 1200px; 
min-width: 760px;
_width: 950px;
height: 600px;    /* vyska mainu (stranky) 600px */      /* Mezera vne mainu 3px */
border: 0px solid black;
z-index: 1;
margin: 3px;
}

.hlavicka
{
position: absolute;
left: 0px;
top: 0px; 
width: 100%; 
_width: 950px;
height: 200px; 
background-image: URL('obrazky/hlavicka.png');    /* Obrazek (pozadi) hlavicky*/
background-position: center;
background-repeat: no-repeat;
z-index: 2;
}

.obsah
{
position:  absolute;
width: 100%; 
_width: 950px;
height: 400px; 
top: 200px;  
left: 0px; 
background: #EEEEEE;
border-top: 1px solid black;
z-index: 2;
overflow: hidden;
/*overflow: hidden; */    /* Pri preteceni se nikde neobjevi */
}

/* Styl leveho MENU */

.menu
{
position: absolute;
left: 0px;
top: 0px;
width: 25%;
height: 100%; 
text-align: left;
background: #ffffc6;
z-index: 3;
}

.nabidka        /* Nabidka je stejne velika jako menu, ale obdahuje nastylovane odkazy jako tlacitka a je o vrstvu vys. Menu obsahuje nabidku. */
{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%; 
text-align: left;
background: #ffffc6;
z-index: 4;
}

.nabidka a
{
display: block;     /* Odradkovava */
height: 15px;       /* Vyska ramecku*/
width: 75%;     /* Sirka ramecku*/
padding: 5px;     /* Vnitrni okraj - mezera mezi textem tlacitka a okrajem tlacitka */
text-align: center;     /* Zarovnani textu odkazu na stred ramecku */
background: #f1c568;      /* #6c91bb; */
border: 1px solid	#00008b	;     /* Ramecek kolem odkazu, sirka 1px, plny ramecek, tmavemodry */
color: #00008b;      /* Barva textu odkazu - darkblue*/
text-decoration: none;      /* Nepodtrhava odkazy */
}

.nabidka a:hover      /* najeti mysi nad tlacitko - vsechny vlastnosti a, ale jine pozadi */
{
background: #ff8c00;      /* Darkorange */
}

.nabidka ul
{
list-style: none;     /*Seznam bez tecky */
margin-top: 20px;     /*Mezera od horniho okraje nabidky*/
margin-left: 15px;    /*Mezera od dolniho okraje nabidky*/
}

.nabidka li
{
padding-bottom: 5px; /*mezera mezi tlacitky*/
}


.pocitadlo
{
position: absolute;
bottom: 10px;     /* odsazeni dole*/
left: 15px;     /* odsazeni vlevo*/
z-index: 5;     /* priorita vrstvy*/
}

 /* Objekt pro vkladani obsahu */

.hlavniobal      /* byl problem s rolovanim dlouheho textu*/
{
position: absolute;
right: 0px;      /* leve odsazeni - vedle nabidky*/
top: 0px;       /* horni odsazeni*/
width: 75%;     /* sirka hlavniho okna (cele okno - nabidka)*/
height: 100%;       /* vyska hlavniho okna*/
text-align: left;     /* zarovnani textu vlevo*/
background: #ffffc6;  
z-index: 3;     /* priorita vrstvy*/
overflow: auto;
}

.hlavni
{
left: 0px;
top: 0px;
position: absolute;
right: 0px;      /* prave odsazeni*/
top: 0px;       /* horni odsazeni*/
text-align: left;     /* zarovnani textu vlevo*/
background: #ffffc6;  
z-index: 4;     /* priorita vrstvy*/
padding: 20px;
padding-left: 5px;
padding-right: 40px;
}