/* CSS Document */

/*

#a6a6a6;  seda
rgb(248,228,21); #F8E415 zluta
rgb(255,252,200); #FFFCC8   pisek

*/

body {
	margin: 0;
	padding: 0;
	background: #FFFCC8;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 75%;	text-align: center;

}

#obsah {
	position: relative;
	width: 982px;
	min-height: 800px;
	background: #F2DE01;background-image: url(images/bg-left.gif);background-repeat: repeat-y;background-position: left;
	margin-left: auto;margin-right: auto;
	padding: 0em;

}


img{
	border: none;
}

h1{
	font-size: 100%;
}


h2, h3{
  position:relative;left:10px;_left:-3px;
	background-color: #FFFCC8;
	font-size: 95%;
	padding-left: 20px; /* odstup textu z leva*/
	margin-left:0px;	_margin-left:0px;	margin-right:-10px;
	text-transform: uppercase;
	
  
}

	h3{
		font-size: 90%;
		text-transform: none;
	}



/*   --------------       HLAVICKA       --------------------                */

#hlavicka {
	float:top;
	padding: 10px;
	background: #FFFCC8;
	height:80px;
	_height:100px;
}

#hlavicka-obrazky{
	position:absolute;right:20px;	top:40px;
}


#logo{
	position:absolute; top:5px;	left:90px; height:137px; width:410px;
}

#jazyky{
	position: absolute;	top: 10px; left: 10px; z-index: 1000;
}


/*   --------------------   Levy panel  -------------------                  */

#levypanel {

	float: left;
	width: 220px;	height:700px;bottom:0px;
  margin:0; padding:0;
	color:yellow;	text-align:left;
	

}

#levypanel-obsah {
	_padding-top: 30px;	width:100%;

}


li{
	list-style-type:  circle;
}

ul.menu{
	list-style-type: none;	list-style-image: none;

}


li.menu{
	list-style-type:none;
}

.seznam-ctverec{
	list-style-type:square;
	
}
ul.seznam-ctverec{
	font-size:90%;
	
}
.menu  {
	color: #F8E415;	margin-left:-10px;_margin-left: 10px;	border:0px;
}

ol.testy{
  list-style-type:  decimal;
  vertical-align:middle;
}

li.testy{
  list-style-type:  decimal;
}

li.odpoved{
  list-style-type:  lower-alpha;
}

a.menu{
	display: block;
	padding-top: 1em;   /*  radkovani polozek menu */
	_padding-top: 0em;
	_line-height: 80%;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	xfont-size: 75%;
	font-weight: bold;
}

.menu-selected{
	display: block;
	padding-top: 1em;   /*  radkovani polozek menu */
	_padding-top: 0em;
	_line-height: 80%;
	margin-left:-10px;
	_margin-left:10px;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFCC8;
}


.menu a:focus{
	color:#FFFCC8;

}

.menu a:hover{
	color:#FFFCC8);
}

.menu a:active{
	color:red;
}

#franklin{
	top:800px;margin-top:100px;
}



/*  --------------------- Hlavni panel  ------------------------------------  */



#hlavnipanel {
	margin:0 0 0 200px;	text-align:left;
}

#hlavnipanel-obsah {
	margin:0;	padding: 0em 0em;
}


/*  ------------------------    hlavnipanel-obsah     ---------------------   */

#texty{

	margin-top:80px;	top: 200px;	text-align:left;	padding:10px; _padding:0px;	width:100%;
}


/* -------------------- Fotky, uvodni stranka  -------------------------- */

#photos{
	position: absolute;top: 170px;left: 245px;text-align: center;	background-color: #FFFCC8;
	
}

#photos1{
	background-color:black;	background-image: url(images/cerna.gif);
	padding:5px; margin:10px;;

}


#photos2{
	background-color:black;
	padding:5px;margin:10px;
}

.foto-pas{
	position:relative;
  xwidth:98%;
  margin-left:auto;
  text-align:center;
}


.titulnifoto{
	left:1px;	margin:3px;

}

#motto{
	top:190px; left:20px;

}


#paticka {
	padding: 10px;
	border-top: 1px solid blue;
	background: #dddddd;

}

hr{
    width:90%;
}

hr.cleaner {
	clear: both;visibility: hidden;
}




/*      --------------  tabulka  formulare       ------------                */

table.form {
	background-color: #FFFCC8;
	border-collapse: collapse; border: 1px solid Black;
	margin: 20px;
	left:10px;width: 90%;
	padding-left: 2px;	padding-right: 4px;
	font-family: verdana, Arial, Helvetica, sans-serif;	font-size: 9pt;
	
}


td.form{
	text-align:left;
	padding:3px;padding-left:5px;
	border-bottom: 1px solid black;	border-right: 1px solid black;
}

.popis{

	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


/*      --------------  profil       ------------                */

#asociace{
	position:absolute; top:155px;	_top:165px;	right:50px;
}


/*    ---------------     kontakt    --------------------------------        */

p{
	padding:5px; padding-left:20px;	padding-right:10px; margin:10px; _margin:5px;

}

#obal{
	position:absolute; left:220px;
}

#adresa{
	position:absolute; left:-10px;	_left:-7px;	top:70px;_top:80px;	width:340px; margin:0px;	padding-top:0px;	padding-left:0px;	_padding-left:10px;
}


#kontakt{
	position:relative;left:320px;	top:70px; _top:80px;width:450px;  margin:0px;	padding-left:0px;	padding-top:0px;
}


#mapa{
	position:relative;top:80px;
}

p.popis{
	position:relative;top:70px;
}

img.obr{
	position: relative;	top:50px;	margin:-2px;
}

a.mail{
	color:black; text-decoration:none;
}

#obrazky{
	position:absolute;	left:10px;	margin:auto;	padding:auto;
} 

#logobg{
	position:absolute;top:490px;left:240px;
}

/*   ------------------------     KURZY   ----------------------------------- */ 

#h2rada1{
	position:absolute; top:200px;	width:100%;margin-left:20px; _margin-left:0px;
	background-color:#FFFCC8;	text-transform: uppercase;	font-weight: bold;	font-size: 95%;
}

#h2rada2{
	position:absolute;top:360px;	width:100%;	margin-left:20px;	_margin-left:0px;
	background-color:#FFFCC8;	text-transform: uppercase;	font-weight: bold;  font-size: 95%;
}

#h2rada3  {
	position:absolute;top:500px; width:100%;	margin-left:20px;	_margin-left:0px;
	background-color:#FFFCC8;text-transform: uppercase;	font-weight: bold;
}

#h2rada4  {
	position:absolute;top:600px; width:100%;	margin-left:20px;	_margin-left:0px;
	background-color:#FFFCC8;text-transform: uppercase;	font-weight: bold;
}

a{
	text-decoration:none;	color:black;
}

#zpet{
  position:absolute;  right:0px; top:150px;
  background-color:#FFFCC8;  padding-left:10px; padding-right:10px; 	font-weight: bold;
}

a:hover{
  color:red;
}

/*    ------------------    GALERIE  -------------------------------        */
/*
#galerie-obal-obr{
  text-align:-moz-center;_text-align:center;margin-top:10px;_margin-top:20px;

}

.nabidka-galerie{
  padding-left:30px; padding-right:30px;
  background-color:#FFFCC8;
  border: thin solid #F8E415 1px;
  display:inline;
}

#nabidka-fotek {
	position: relative; left: 20px;	width: 700px;	height: 100px;
	background-color:black;text-align: center;	white-space: nowrap;
	padding:3px;margin:0px;margin-top:20px;
  /* IE  * /
	overflow-x: scroll;	overflow-y: hidden;
	scrollbar-arrow-color: &FFFCC8;	scrollbar-base-color: &FFFCC8;scrollbar-highlight-color: &FFFCC8;scrollbar-darkshadow-color: &FFFCC8;scrollbar-track-color: &FFFCC8;
	scrollbar-face-color: #F8E415;	scrollbar-shadow-color: Green;
}
#podnabidka-galerie{
  text-align:center;
}

#showpic{
  padding:20px;margin:2px;background-color:#FFFCC8;	border: thin solid #FFFCC8 12px;
}
*/


#galerie-obal-obr{
  position:absolute;
  top:300px;
  left:460px;
  text-align:right;_text-align:right;;
  xmargin-top:30px;_margin-top:0px;

}

.nabidka-galerie{
  padding-left:10px; padding-right:10px;
  background-color:#FFFCC8;
  border: thin solid #F8E415 1px;
  xdisplay:inline;
  xfloat:left;
}

#nabidka-fotek {
	position: relative; left: 30px; top:0px; width: 130px;	height: 550px;
	background-color:black;text-align: center;
	padding:3px;margin:5px;margin-top:0px;
	overflow-x: hidden;	overflow-y: scroll;
  /* IE  */
	scrollbar-arrow-color: &FFFCC8;	scrollbar-base-color: &FFFCC8;scrollbar-highlight-color: &FFFCC8;scrollbar-darkshadow-color: &FFFCC8;scrollbar-track-color: &FFFCC8;
	scrollbar-face-color: #F8E415;	scrollbar-shadow-color: Green;
}
#podnabidka-galerie{
  text-align:right;
  padding-left:150px;_padding-left:130px;
  margin-right:20px;
}

#showpic{
  padding:10px;margin-left:50px;margin-top:30px;
  background-color:#FFFCC8;	border: thin solid #FFFCC8 12px;
  left:0px;
}