body
{
background-color:rgb(60,60,60);
}

#tittle {
 width:63.5em;
 height: 6em;
 background-color:rgb(60,60,60);
 margin: auto;
 color: white;
 }

#menu {
 width:62.6em;
 background-color:white;/*rgb(60,60,60);*/
 margin: auto;
 
  border-bottom: 0.1em solid rgb(200,200,200);
 -moz-border-top-left-radius: 15px;
 border-top-left-radius: 15px;
 -moz-border-top-right-radius: 15px;
 border-top-right-radius: 15px;

 }

#menu ul {
 font-family: Palatino Linotype;/*Bookman Old Style;*/
 font-weight: normal;
 font-size:1.1em;
 text-align: center;
 padding: 0.313em;
 margin: 0;
 }

#menu ul li {
 display: inline;
 margin-left: 0em;
 }

#menu ul li a {
 padding: 0.313em 2em 0.313em 0.68em;
 text-decoration: none;
 border-right: 0.125em rgb(60,60,60);
 color:rgb(60,60,60);/*#BDBDBD;*/
 }
 
 
#menu ul li a:hover {
 background-color: white;/*rgb(60,60,60);*/
 color: #8A0829;/*#AB042E;*/
 }


#menu a.aktivni{ 
 background-color: white;/*rgb(60,60,60);#2E2E2E;#D8D8D8;*/
 color:#8A0829;/*#AB042E;*//*#8A0829;*/
} 


.obsah {
 width:56.6em;
 min-height:17em;
 background-color:white;
 padding: 1.875em 3em 2em 3em;
 margin: auto;
 border-style:solid;
 border-width:0.313em;
 border-bottom: solid 0.15em rgb(200,200,200);
 border-left: solid 0em #6E6E6E;
 border-right: solid 0 #6E6E6E;
 border-top: solid  0em #424242;

 /* border-bottom: 0.15em solid #424242;
 -moz-border-top-left-radius: 15px;
 border-top-left-radius: 15px;
 -moz-border-top-right-radius: 15px;
 border-top-right-radius: 15px;*/
 }


.contact {
    font-family:"Arial";
    font-size:0.8em;
    float:left;
    padding-right: 9em;
    color:rgb(60,60,60);
}

.mapa ul li {
 display: block;
 margin-left: 0em;
 margin-top: 1em;
 }
 
.mapa ul li a {
 padding-left: 39em;
 }

#start {
 text-align:justify;
 font-family:"Arial";
 text-indent:0em;
 line-height:150%;
 font-size:0.85em;
 padding-top:0.5em;
 padding-left:0.25em;
 padding-right:2.25em;
 color:rgb(60,60,60);

 }
 
p {
 text-align:justify;
 text-indent:2.813em;
 font-size:0.975em;
 clear:left;
 }

img {
 float:none; 
 margin:0.525em 0.525em 0.525em 0.525em;
 }

 
 h1 {
 font-size: 2.55em;
 padding: 0.2em 0em 0em 1.2em;
 font-family:"Kozuka Mincho Pr6N B";
 color: white;
 text-align:left;
 font-weight:normal;
 }
 
h2 {
 font-size: 1.35em;
 padding-bottom:0.5em;
 font-family:"Arial";/*Kozuka Mincho Pr6N B";*/
 color:#7D0723;/*#AB042E;*/ /*#660000;*/
 text-align:left;
 }
 
h3 {
 font-family:"Arial";
 font-weight:normal;
line-height:200%;
margin: 1em 0em -1em 0em;
 font-size: 1.1em;
 color:#8A0829; /*#5A0000;*/
 }
 
 
 h4 {
 font-family:"Arial";
 font-size: 0.8em;
 text-indent:2.513em;
 line-height:140%;
 font-weight:normal;
 font-style:italic;
 text-align:justify;
 color:rgb(60,60,60);/*#2B1B1B;*/
 }

h5 {
 font-family:"Arial";
 font-size: 0.75em;
 font-style: normal;
 color: black;/*#282828;*/
 }

h6 {
 font-family:"Arial";
 font-size: 0.8em;
 font-weight: normal;
 color:#2B1B1B;
 }

h7 {
 font-family:"Arial";
 font-size: 0.9em;
 text-indent:2.513em;
 line-height:140%;
 font-weight:normal;
 font-style:normal;
 text-align:justify;
 color:rgb(60,60,60);/*#2B1B1B;*/
 }

h8 {
 font-family:"Arial";
 font-size: 0.8em;
 text-indent:2.513em;
 line-height:140%;
 font-weight:normal;
 font-style:normal;
 text-align:justify;
 text-decoration:none;
 color:#8A0829;/*#8A0829;#2B1B1B;*/
 }


h9 {
  font-family:"Arial";
  font-size: 0.8em;
  text-indent:2.513em;
  line-height:140%;
  font-weight:normal;
  font-style:italic;
}

h10 {
 font-family:"Arial";
 font-size: 0.8em;
 text-indent:2.513em;
 line-height:140%;
 font-weight:normal;
 font-style:normal;
 text-align:justify;
 color:white;/*#8A0829;#2B1B1B;*/
 }


 a:link {
 color:#8A0829;/*#8A0829;#610B21;#8A0829; #5A0000;*/
 text-decoration:none;
 font-weight:normal;
 }
 
 a:visited {
 color:#8A0829;#610B21;#660000;*/
 text-decoration:none;
 font-weight: normal;
 } 

 
#dole {
 width:76.885em;
 height: 11em;
 padding: 2.5em 2.5em 0em 4em;
 font-family:"Trebuchet MS";
 /*font-family: "Arial";*/
 color:rgb(60,60,60);
 text-align:left;
 font-size: 0.75em;
 background-color:white;
 margin: auto;
 -moz-border-bottom-left-radius: 15px;
 border-bottom-left-radius: 15px;
 -moz-border-bottom-right-radius: 15px;
 border-bottom-right-radius: 15px;
 }
 
 .dole1 {
 float: left;
 }
 
 .dole2 {
 float:right;
 }

.dolni{
    text-align:center;
}

img#startimg {
  float:left;
  margin: 0em 2em 5em 2em;
  }
img#cvimg {
  float:right;
  margin: 5.5em 2em 2em 0em;
  }

img#newimg {
  float:center;
  margin: -1.2em 0em -0.8em 0em;
  }

img#cvstart {
  float:right;
  margin: 1.4em 0.25em 0em 2em;
  }

img#pdfimg {
  float:none;
  margin:-1.4em 0em -0.4em 0em;
  }

img#logoimg {
  float:center;
  margin:0em 0em -0.3em 0.25em;
  }

img#bonnimg {
  float:center;
  margin: -0.25em 0em 0em -10em;
  }

img#bart {
  float:right;
  margin: -0.25em 0em 0em -10em;
  transition:transform 2s;
  -webkit-transition:-webkit-transform 2s; /* Safari */
  }

img#bart:hover {
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg); /* Safari */
  }


.abstr{
  height: 10px;
  color:rgb(255,255,255);
  font-family:"Arial";
  //font-size: 0.8em;
  //text-indent:2.513em;
  line-height:140%;
  font-weight:normal;
  font-style:italic;
  transition:height 2s, color 2.5s;
  -webkit-transition:-webkit-height 2s; /* Safari */
  }

.abstr:focus{
  height: 200px;
  //display: inline;
  color:rgb(60,60,60);
  font-family:"Arial";
  //font-size: 0.8em;
  //text-indent:2.513em;
  line-height:140%;
  font-weight:normal;
  font-style:italic;
  }

.box{
  height:100px;
  width:700px;
}
  
.video{
 vertical-align:middle;
 padding-right: 2em;
 margin:2em;
}

.odkazy {
 width:56.6em;
 min-height:25em;
 background-color:white;
 padding: 1.875em 3em 2em 3em;
 font-family:"Arial";
 margin: auto;
 border-style:solid;
 border-width:0.313em;
 border-bottom: 0.15em solid rgb(200,200,200);
 border-left: solid 0em #6E6E6E;
 border-right: solid 0 #6E6E6E;
 border-top: 0em solid #424242;

 /*  border-bottom: 0.15em solid #424242;
 -moz-border-top-left-radius: 15px;
 border-top-left-radius: 15px;
 -moz-border-top-right-radius: 15px;
 border-top-right-radius: 15px;*/
 text-align:center;
 }

.galerie
{
border-collapse: collapse;
display: inline-block;
border: none;
padding: 0px 8px 0 8px;
background-color: white;
margin: 0;
}

.galerie li
{
display: inline-block;
vertical-align: top;
margin: 0 0.438em 0.938em 0.438em;
border: none;
padding: 0;
}

.galerie li>div
{
display: table;
width: 12.438em;
}

.galerie a
{
display: inline-block;
vertical-align: top;
text-decoration: none;
color: #000;
background-color: white;
cursor: pointer;
}

.galerie>li .wrimg
{
display: table-cell;
vertical-align: middle;
width: 12.438em;
height: 12.438em;
}

.galerie img
{
border: none;
vertical-align: middle;
}

.galerie a:hover
{
background-color: rgb(240,240,240);/*#E2DEF2;*/
}

/*\*//*/
.galerie li .wrimg
{
display: block;
font-size: 0.063em;
}

.galerie .wrimg span
{
display: inline-block;
vertical-align: middle;
height: 12.438em;
width: 0.063em;
}

/**/
.galerie .caption
{
display: block;
font-family:"Arial";
padding: .3em 0.313em;
font-size: .8em;
line-height: 1.1;
border-top: none;
color:rgb(60,60,60);
}