/* --------------------------------------------

	Základní struktura stránky

-------------------------------------------- */



/* ie5 win - start */



body

	{ 

	font-size: x-small;

	voice-family: "\"}\""; 

	voice-family: inherit;

	font-size: small;

	}

 

/* opera - start */



html>body

	{

	font-size: small;

	}



/* real body */



body

	{

	background: #ecfaec url(../images/design/back/pozadi.jpg) top repeat-x;

	color: #333333;

	font-family: Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;

	text-align: center;

	padding: 0;

	margin: 0;

	min-width: 780px;

	}





/* --------------------------------------------

	Nadpisy

-------------------------------------------- */





h1, h2, h3, h4, h5, h6, b, strong

	{

	font-weight: bold;

	margin: 0;

	}



h1

	{

	font-size: 1.8em;

	}

	

h1 span

	{

	position: absolute;

	left: -2000px;

	}

	

h2

	{

	font-size: 1.7em;

	color: #d3412a;

	margin-bottom: 0.7em;

	}



h3	

	{

	font-size: 1.3em;

	margin: 1em 0 0.3em 0;

	border-bottom: 1px solid #cccccc;

	}

	

h4, h5	

	{

	font-size: 1.1em;

	margin: 0;	

	}

	

h5	

	{

  color: #019200;

	}





/* --------------------------------------------

	Zarovnání

-------------------------------------------- */



div

	{

	text-align: left;

	}

	

p

	{

	margin: 1.2em 0;

	}



	

/* --------------------------------------------

	Seznam

-------------------------------------------- */



ul

	{

	margin: 0 1em;

	padding: 0 1em;

	list-style-type: disc;

	list-style-position: outside;

	line-height: 1.2em;	

	}



ul li

	{

	padding: 0.5em;

	}



ul.point,

ul.bpoint,

ul.kpoint

	{

	margin: 1em 1.7em;

	padding: 0;

	list-style: none;

	line-height: 1.5em;

	}

	

ul.bpoint

	{

	font-weight: bold;

	}

	

ul.kpoint

	{

	line-height: 1.3em;

	font-weight: bold;

	margin: 0.5em 1.7em 1em 1.7em;

	}



ul.point li,

ul.bpoint li,

ul.kpoint li

	{

	padding-left: 2em;

	background-image: url(../images/design/menu/point.gif);

	background-repeat: no-repeat;

	background-position: 0em 0.7em;

	}



/* --------------------------------------------

	Obrázek

-------------------------------------------- */



img

	{	

	border: 0;

	}

	

img.bord

	{	

	border: 1px solid #cccccc;

	}

	

img.vpravo

	{	

	border: 0;

	float: right;

	margin-left: 1em;

	}

	

img.vpravo-b

	{	

	border: 1px solid #cccccc;

	float: right;

	margin: 0 0 0.5em 1em;

	}

	

img.vlevo

	{	

	border: 0;

	float: left;

	margin-right: 1em;

	}

	

img.vlevo-b

	{	

	border: 1px solid #cccccc;

	float: left;

	margin: 0 1em 0.5em 0;

	}



/* --------------------------------------------

	Odkazy

-------------------------------------------- */



a, a:link, a:active, a:visited

	{

	color: #d3412a;

	text-decoration: underline;

	}



a:hover

	{

	color: #ffffff;

	background: #d3412a;

	text-decoration: none;

	}

	

a:hover.alogo

	{

	background: transparent;

	}





/* --------------------------------------------

	Formátování stránky

-------------------------------------------- */



#horni

	{

	background: transparent url(../images/design/back/horni.jpg) top center no-repeat; 

	width: 780px; 

	height: 65px;

	position: relative;   

	margin: 0px auto 0px auto;

	padding: 0;

	}



#grafika

	{

	background: transparent url(../images/design/back/grafika.jpg) top center no-repeat; 

	width: 780px;

  height: 167px; 

	position: relative;   

	margin: 0px auto 0px auto;

	padding: 0;

	}

	

#predel

	{

	background: transparent url(../images/design/back/predel.jpg) top center no-repeat; 

	width: 780px;

  height: 72px; 

	position: relative;   

	margin: 0px auto 0px auto;

	padding: 0;

	}

	

#obsah

	{

	background: #ffffff url(../images/design/back/prechod.jpg) top repeat-x; 

	width: 780px; 

	position: relative;   

	margin: 0px auto 0px auto;

	padding: 0;

	}

	

#text	

	{

	width: 520px;

	margin: 0px 0px 0px 235px;

	padding: 0;
  
  min-height: 700px;
	_height: 700px;
	
	}

	

#text-odd

	{

	padding: 0em 1em 0.5em 1em;

	}

	

#spodni

	{

	background: transparent url(../images/design/back/spodni.gif) bottom center no-repeat; 

	width: 780px; 

	height: 60px;

	position: relative;   

	margin: 0px auto;

	padding: 0;

	border-bottom: 10px solid #019200;

	}



#spodni-odd

	{

	width: 780px; 

	position: relative;

  float: left;   

	margin: 0px auto 10px auto;

	padding: 35px 0 0 0;

	font-size: 85%;

	font-weight: bold;

	color: #b8b8b8;

	}



#spodni-odd a,

#spodni-odd a:link,

#spodni-odd a:active,

#spodni-odd a:visited

	{

	color: #b8b8b8;

	text-decoration: underline;

	}

	

#spodni-odd a:hover

	{

	color: #b8b8b8;

	background: #ffffff;

	}



#spodni-adm

	{

	position: relative;

  float: left; 

	margin: 0px auto;

	padding-left: 30px;

	text-align: left;

	}

	

#spodni-text

	{

	position: relative;

  float: right;

	margin: 0px auto;

	padding-right: 30px;

	text-align: right;

	}

	

/* --------------------------------------------

	Navigace

-------------------------------------------- */



#navigace

	{

	width: 200px;

	position: relative;
  
  float:left;

	left: 0;

	margin: 0 0 0 20px;

	padding: 0;

	font-weight: bold;

	}

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
}

#menu

  {

	margin: 0;

	padding: 0;

  width: 191px;

  }



#menu h4

  {

	font-size: 13px;

	font-variant: small-caps;

	font-weight: bold;

	color: #ffffff;

	display: block;

	width: 183px;

	height: 20px;

	padding: 3px 0 0 8px;

	margin: 0;

	margin-top: 5px;

  background-repeat: no-repeat;

  }



#menu h4.ma

  {

	background-image: url('../images/design/menu/ma.gif');

  }



#menu h4.mb

  {

	background-image: url('../images/design/menu/mb.gif');

  }



#menu h4.mc

  {

	background-image: url('../images/design/menu/mc.gif');

  }



#menu h4.md

  {

	background-image: url('../images/design/menu/md.gif');

  }



#menu h4.me

  {

	background-image: url('../images/design/menu/me.gif');

  }



#menu a,

#menu a:link,

#menu a:active,

#menu a:visited,

#menu p,

#menu a.inver,

#menu a:link.inver,

#menu a:active.inver,

#menu a:visited.inver,

#menu p.inver

  {

	text-decoration: none;

	display: block;

	width: 166px;

	height: 19px;

	padding: 5px 0 0 8px;

  margin: 0 auto 0 auto;

  color: #2F8952;

  }

  

#menu a.inver,

#menu a:link.inver,

#menu a:active.inver,

#menu a:visited.inver,

#menu p.inver

  {

  color: #d3412a;

  }

  

#menu a:hover,

#menu a:hover.inver

  {

	color: #ffffff;

	background: #2F8952;

	text-decoration: none;

	display: block;

	width: 166px;

	height: 19px;

	padding: 5px 0 0 8px;

	margin: 0 auto 0 auto

  }

  
  #menu a.sub

  {

	text-decoration: none;

	display: block;

	width: 166px;

	height: 19px;

	padding: 5px 0 0 35px;

  margin: 0 auto 0 auto;

  color: black;
  
  background:none;

  }
  
  #menu a.sub:hover

  {	

  color: white;

	background: darkred;

	text-decoration: none;

	display: block;

	width: 166px;

	height: 19px;

	padding: 5px 0 0 35px;

	margin: 0 auto 0 auto

  }


/* --------------------------------------------

	Fotogalerie

-------------------------------------------- */



.card

  {

  float: left;

  width: 232px;

  height: 180px;

  margin: 0 1em 1em 0;

  }

  

.card div

  {

  display: table-cell;

  width: 230px;

  height: 178px;

  text-align: center;

  background: #ECFAEC;

  border: 1px solid #ddd;

  }

  

.card div a img

  {

  margin-top: 12px;

  border: 1px solid #000;

  }

  

.card div:hover

  {

  background: #BBE9BA;

  }



/* --------------------------------------------

	Formulář

-------------------------------------------- */

 

form

	{

	margin: 0;

	padding: 0;

	}



input,

textarea,

select

	{

	margin: 0.4em 0em;

	font-size: 1em;

	font-weight: normal;

	font-family: Verdana, "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;

	}

	

input.formular,

textarea.formular,

select.formular

	{

	background-color: #fafafa;

	width: 98%;

	border: 1px solid #c1c1c1;

	}



/* --------------------------------------------

	Guestbook

-------------------------------------------- */



.gbentry-b,

.gbentry-w

	{

	width: 90%;

	border: 1px solid #c1c1c1;

	padding: 15px;

	margin-bottom: 1.5em;

	}



.gbentry-w

	{

	background-color: #f8f8f8;

	}



.gbentry-b

	{

	background-color: #ffffff;

	}



.odpoved, .odpoved:link, .odpoved:active, .odpoved:visited

	{

	float: right;

	padding: 0.4em;

	background-color: #efefef;

	border: 1px solid #c1c1c1;

	margin: -7px -10px 0px 0px;

	text-decoration: none;

	}



.odpoved:hover

	{

	background: #d3412a;

	color: #ffffff;

	border: 1px solid #c1c1c1;

	text-decoration: none;

	}





/* --------------------------------------------

	Ostatní formátování stránky

-------------------------------------------- */



.correct

	{

	line-height: 1px;

	font-size: 1px;

  clear: both;

  }

  

.chyba

	{

	margin: 1.5em 0em;

	font-weight: bold;

	color: #d3412a;

	}



.bold

	{

	font-weight: bold;

  }

  

.ital

	{

	font-style: italic;

	font-weight: bold;

  }

  

.next

  {

  margin-top: 1.5em;

  }

  

.obruba,

.kobruba

  {

  margin: 0.5em 0;

  padding: 1px 10px;

  background-color: transparent;

  }

  

.kobruba

  {

  padding-top: 1em;

  }

  

.iobruba

  {

  padding-top: 1em;

  background-color: transparent;

  }

 

.kont,

.kont-p

  {

  float: left;

  width: 210px;

  margin: 0 1em 1em 0;

  padding: 1em;

  background-color: transparent;

  }

  

.kont-p

  {

  margin: 0 0 1em 0;

  }

  

.kont ul,

.kont-p ul

	{

	margin: 1em 0 0 0;

	padding: 0;

	list-style: none;

	line-height: 1em;

	font-size: 85%;

	}

	

.kont ul li input,

.kont-p ul li input

	{

	margin: 0;

	padding: 0;

	margin-right: 1em;

	background-color: #fafafa;

	border: 1px solid #c1c1c1;

	}