/* 144694 (monar logo) */

body.std
{
  background-color: #FFFFFF;
  color:            #000000;

/*  text-align: center; */

  padding: 0px;
  margin:  0px;
  border:  0px none black;
}

/*** HEAD ****************************************************************************************/

div.head
{
  background-image: url("../header-background.png");

  width:  1000px;
  height: 174px;
  margin: 0px auto;
}

/*** LINKS ***************************************************************************************/

a:link
{
  color: #3333CC;
}

a:active
{
  color: #3333CC;
  color: white;
}

a:visited
{
  color: #333399;
  color: red;
}
/*** HORIZONTAL MENU **********************************************************************************/

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding-center: 0;
}

ul {
	float: left;
	width: 100%;
	
	padding-left: 50px;
}

ul li {
	float: left;
	background: url("../zakladka1.gif") no-repeat left top;
	margin-right: 5px;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: url("../zakladka2.gif") no-repeat right top;
	color: black;
	padding: 5px 15px 5px 5px;
	margin-left: 10px;
}

ul a:hover {
	color: brown;
}



/*** NAVBAR **************************************************************************************/

div.navbar
{
  font-family:  sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: white;

  background-image: url("../navbar-background.png");

  width:       990px;
  height:       21px;
  padding-top:   5px;
  padding-left: 10px;
  margin:        0px auto;
}


div.navbar a
{
  color: white;
  text-decoration: none;
}

div.navbar a:active
{
  color: white;
}

div.navbar span
{
  color: #E8BF2A;
}


/*** BODY ****************************************************************************************/

div.body
{
  font-family:  sans-serif;
  font-size: small;
  background-image: url("../body-background-middle.png");

  margin: 0px auto;

  min-height: 480px;
  width:   960px;
  padding:  20px;
  padding-top:   20px;
/*  padding: 2ex 4ex;*/
}

div.body p
{
  margin: 0ex 0ex 2ex 0ex;
  padding: 0ex;
}

div.body p.quote
{ 
  font-style: italic;

  margin-left: 2ex;
}

div.body h1
{
  font-family: sans-serif;
  font-weight: bold;
  font-size:   small;
  text-align:  center;

  color: #DB2200;


  margin: 1ex 0ex 1ex 0.5ex;
}

div.body div.contact
{ 
  text-align: center;
  margin: 4ex 0ex;
}

div.body div.contact div
{ 
  margin: 0.5ex 0ex;
}
-------------
div.body div.gallery
{
  text-align: center; /* IE hack  */
  margin:     2ex 0em;
}

div.body div.gallery div.photo
{ 
  padding: 8px;
  margin:  2ex auto;
  border:  1px solid gray;
  width:   410px;
  height:  308px;
}

div.body div.gallery div.photo img
{
  border:  1px solid grey;
  margin:  0px;
  padding: 0px;
  width:   408px;
  height:  306px;
}

div.body div.photo-left
{ 
  border:  1px solid grey;
  margin:  1ex 1em 1ex 0em;
  padding: 8px;
  width:   308px;
  height:  232px;
  float:   left;
}

div.body div.photo-right
{ 
  border:  1px solid grey;
  margin:  1ex 0em 1ex 1em;
  padding: 8px;
  width:   308px;
  height:  232px;
  float:   right;
}


div.body div.photo-left img, div.body div.photo-right img
{
  border:  1px solid grey;
  margin:  0px;
  padding: 0px;
  width:   306px;
  height:  230px;
}


div.body div.photo-ver-right
{ 
  border:  1px solid grey;
  margin:  1ex 0em 1ex 1em;
  padding: 8px;
  width:   232px;
  height:  308px;
  float:   right;
}


div.body div.photo-ver-left
{ 
  border:  1px solid grey;
  margin:  1ex 1em 1ex 0em;
  padding: 8px;
  width:   232px;
  height:  308px;
  float:   left;
}


div.body div.photo-ver-left img, div.body div.photo-ver-right img
{
  border:  1px solid grey;
  margin:  0px;
  padding: 0px;
  width:   230px;
  height:  306px;
}