body
{
  font-family: Arial , Sans-Serif;
  font-size: 16px;
  /* background-color: #6895E3; */
  background-color: white;
  color: black;
  margin: 0px;
}

div.lang
{
  background-color: #D0E0FF;
  border-style: none;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #8080FF;
  padding: 5px 0px 5px 0px;
  width: 100%; 
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  height: 28px;
  text-align: center;
}

div.lang table
{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

div.lang table td
{
  text-align: center;
  vertical-align: bottom;
  padding-top: 3px;
  padding-left: 2px;
}

div.lang a
{
  padding-left: 44px;
  height: 20px;
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 1px;
  padding-bottom: 2px;
}

div.lang a.eng
{
  background-image: url("english_s.gif");  
}

div.lang a.cs
{
  background-image: url("czech_s.gif");  
}

div.lang a.de
{
  background-image: url("german_s.gif");  
}

div.pg
{
  background-color: #FFEBCA;
  border-style: solid;
  border-color: #F87311;
  border-width: 1px;
  border-top-style: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 20px;
  width: 90%;
  max-width: 900px;
  padding: 5px;
  padding-bottom: 10px;
  background-image: url('pozadi.jpg');
  background-position: right bottom;
  background-repeat: no-repeat;
}


div.pg ul
{
  line-height: 1.3em;
  list-style: disc;
}

div.pg ul ul
{
  list-style: circle;
}

img
{
  border-color: #d0d0d0;
  border-width: 1px;
  border-style: solid;
}

a
{
  color: blue;
  font-weight: bold;
  text-decoration: none;
  border: 0px;
}

a:hover
{
  color: blue;
  font-weight: bold;
  text-decoration: underline;
  border: 0px;
}

div.footnote
{
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: small;
  color: #c0c0c0;
  font-style: italic;
}


.footnote a
{
  color: #c0c0ff;  
} 

.footnote a:hover
{
  color: #c0c0ff;;
  text-decoration: underline;
}


h1
{
  font-variant: Small-Caps;
  text-align: center;
  font-size: x-large;
  margin: 0px;
}

h2
{
  font-variant: Small-Caps;
  text-align: left;
  font-size: large;
  margin: 0px;
  margin-top: 15px;
  text-decoration: underline;
}


div.adr
{
/*  text-align: left; */
/*  margin-left: 35%;
  margin-right: 35%; */

  float: left;
  margin-left: 40px;
}


div.mapa
{
  float: right;
  margin-right: 40px;
}

div.mapa img
{
  margin-top: 5px;
}

table.resume
{
  width: 80%;
  border-style: solid;
  border-color: #F87311;;
  border-width: 1px;
  border-spacing: 0px;
  font-size: 16px;
/*  background-color:  #FFFFDA; */
}

.resume td
{
  text-align: left;
  vertical-align: top; 
  border-style: none;
  border-bottom-style: dotted;
  border-color: #F87311;
  border-width: 1px;
 }

table.photo
{
  width: 80%;
  border-style: solid;
  border-color: #F87311;;
  border-width: 1px;
  border-spacing: 0px;
  font-size: 16px;
/*  background-color:  #FFFFDA; */
}

.photo td
{
  text-align: center;
  vertical-align: center;
  border-style: none;
  border-bottom-style: dotted;
  border-right-style: dotted;
  border-color: #F87311;
  border-width: 1px;
  padding: 4px;
 }


table.reference
{
  width: 80%;
  border: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

table.reference ul
{
  padding-left: 15px;
}

table.reference ul li
{
  margin-bottom: 0.3em;
}


em
{
  font-style: normal;
  letter-spacing: 1px;
  font-weight: bold;
}

table.foto
{
  width: 80%;
  border: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

table.foto td
{
  text-align: center;
}

table.foto td img
{
  margin: 4px 2px 4px 2px;
}

div.cleaner
{
  clear: both;
}

a:hover img
{
  border: 1px solid #F87311;
}