/*-------------nadpisy a pisma--------------*/
h4 {
}
.language {
  font-size: 10px;
  color: silver;
}
a {
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 12px;
  color: #ffffff;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #999999;
}
a:hover {
  text-decoration: none;
  color: #cccccc;
}
a:active {
  text-decoration: none;
  color: #ff0000;
}
.pozadi {
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
body {
  background-color: #333333;
  background-image: url(images/sq.png);
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px; 
}

/*-------------hlavicka--------------*/

.frame_logo {
  width: 700px;
  height: 48px;
  border: none;
  overflow: hidden; 
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px; 
}
.language {
  float: right;
  margin: 2px 20px 0px 0px;
}
.logo {
  float: left;
  height: 30px;
  margin: 0px 0px 0px 0px;
}
.logo .adresa {
  font-size: 10px;
  font-family: Tahoma,Geneva,sans-serif;
  color: #999999;
  margin: 3px 0px 0px 0px;
}
.logo a {
  font-size: 18px;
  font-family: Tahoma,Geneva,sans-serif;
  color: #ffffff;
}
.logo a:visited {
  font-size: 18px;
  font-family: Tahoma,Geneva,sans-serif;
  color: #ffffff;
}
/*-------------navigace--------------*/

.navigace h1{
  width: 700px;
  text-align: left;
  font-family: Tahoma,Geneva,sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #00ffff;
  background-color: transparent;
  margin: 0px 0px 0px 0px;
  margin-left: auto; 
  margin-right: auto;
  padding: 2px 0px 2px 0px;
}
.navigace h1 span{
  font-size: 10px;
  color: #666666;
  margin: 0px 0px 0px 0px;
  margin-left: auto; 
  margin-right: auto;
  padding: 2px 0px 2px 0px;
}
.navigace h1 a{
  font-size: 10px;
  color: #666666;
  margin: 0px 0px 0px 0px;
  margin-left: auto; 
  margin-right: auto;
  padding: 2px 0px 2px 0px;
}
.navigace h1 a:hover {
  font-size: 10px;
  color: #00ffff;
  margin: 0px 0px 0px 0px;
  margin-left: auto; 
  margin-right: auto;
  padding: 2px 0px 2px 0px;
}
/*-------------hlavni menu--------------*/

.frame_mainmenu {
  width: 700px;
  height: 30px;
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin: 20px 0px 0 0px;  
}
.hlavnimenu {
  text-align: center;
  height: 24px;
  background-color: #444444;
}
.hlavnimenu a {
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #dddddd;
  padding: 0px 5px 0 5px;
}
.hlavnimenu a:hover{
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding: 0px 5px 0 5px;
}

/*-------------projekty menu--------------*/

.frame_left_menu {
  float: left;
  width: 200px;
  height: 600px;
  position: relative;
  top: 0px;  
  left: 0px;
  border: none; 
}
.left_menu {
  text-align: left;

}
.left_menu ul{
   background-color: transparent;
   margin:  20px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

}

.left_menu li {
    list-style: none;
    height: 32px;
    width: 180px;
    border: 0px solid;
}
.left_menu li a {
    color: #ffffff;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    height: 32px;
    display: block;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    width: 180px;
    padding-left: 10px;
    margin-left: 5px;
    filter: alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
.left_menu li a:hover {
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    height: 32px;
    display: block;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    width: 180px;
    padding-left: 10px;
    margin-left: 5px;
    filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity: 1.0;
}
/*-------------projekty seznamy--------------*/

ul.projekty {
  float: right;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid; 
}
ul.projekty li {
    list-style: none;
}
ul.projekty li a{
    list-style: none;
    background-color: #444444;
    display: block; 
    height: 100px;
    overflow: hidden;
    width: 470px;
    border: 0px solid;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    filter: alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;
}
ul.projekty li a:hover{
    filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity: 1.0;
}
ul.projekty li p.rok {
    float: right;
    color: #999999;
    text-transform:uppercase;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 100px;
    overflow: hidden;
    white-space: nowrap;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
    padding: 2px 4px 0px 4px;
}
ul.projekty li img {
    float: left;
    height: 92px;
    border: 0px solid;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
}
ul.projekty li h2 {
    color: #ffffff;
    float: right;
    font-size: 12px;
    font-weight: bold;
    text-transform:;
    width: 260px;
    display: block;
    border: 0px solid;
    margin: 0px 0px 4px 0px;
}
ul.projekty li h3 {
    float: right;
    font-size: 11px;
    font-weight: normal;
    width: 260px;
    display: block;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
}
ul.projekty li p.poznamka {
    float: right;
    color: #00ffff;
    font-size: 10px;
    width: 260px;
    display: block;
    border: 0px solid;
    margin: 0px 0px 3px 0px;
}
ul.projekty li p.popis {
    float: right;
    font-size: 11px;
    width: 260px;
    display: block;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
}
/*-------------flash galerie menu projektuu--------------*/

.galerie_projektu_seznam {
    float: right;
    width: 450px;
    height: 300px;
    quality: best;
    scale: noScale;
    allowFullScreen: true;
    margin: 10px 0px 20px 0px;
    padding: 0px 0px 0px 10px;
}
.galerie_projektu_seznam_embeded {
    float: right;
    width: 450px;
    height: 300px;
    quality: best;
    scale: noScale;
    allowFullScreen: true;
    margin: 10px 0px 20px 0px;
    padding: 0px 0px 0px 10px;
}
/*-------------javascript galerie--------------*/
.galleria{ width: 700px; height: 600px; background: #000 }
/*-------------vystavy publikace oceneni seznamy--------------*/

ul.vystavy {
  margin: 20px 0px px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px solid; 
}
ul.vystavy li {
    list-style: none;
    width: 700px;
    display: block;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 35px 0px;
}
ul.vystavy li img {
    float: left;
    border: 0px solid;
    width: 60px;
    margin: 0px 10px 0px 0px;
}
ul.vystavy li h2 {
    position:relative;
    color: #ddd;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    width: 580px;
    border: 0px solid;
    margin: 0px 0px 10px 100px;
}
ul.vystavy li p.popis {
    position:relative;
    color: #999;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: normal;
    font-size: 14px;
    width: 580px;
    border: 0px solid;
    margin: 0px 0px 0px 100px;
}
ul.vystavy li p.termin {
    position:relative;
    color: #999;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: normal;
    font-size: 14px;
    width: 580px;
    border: 0px solid;
    margin: 0px 0px 10px 100px;
}
ul.vystavy li p.download {
    position:relative;
    color: #999;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    width: 580px;
    border: 0px solid;
    margin: 10px 0px 0px 100px;
}
ul.vystavy li div a {
    position:relative;
    color: #666666;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    width: 580px;
    display: block;
    border: 0px solid;
    margin: 5px 0px 0px 0px;
}
ul.vystavy li div a:hover {
    position:relative;
    color: #999999;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    width: 580px;
    display: block;
    border: 0px solid;
    margin: 5px 0px 0px 0px;
}

div.publikace p.popis{
    margin: 20px 0px 0px 0px;
}
div.publikace p {
    position:relative;
    color: #999;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 12px;
    width: 500px;
    border: 0px solid;
    margin: 20px 0px 40px 40px;
}

/*-------------zivotopis--------------*/

div.zivotopis{
    margin: 20px 0px 0px 0px;
}
div.zivotopis img {
    float: right;
    border: 0px solid #00ffff;
    width: 340px;
    margin: 30px 10px 10px 10px;
}
div.zivotopis h2 {
    position:relative;
    color: #dddddd;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    width: 700px;
    border: 0px solid;
    margin: 0px 0px 10px 0px;
}
div.zivotopis h3 {
    position:relative;
    color: #dddddd;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    width: 700px;
    border: 0px solid;
    margin: 15px 0px 10px 0px;
}
div.zivotopis p {
    position:relative;
    color: #999;
    background: url(cs/zivotopis) no-repeat;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: normal;                                                       
    font-size: 12px;                                                            
    width: 700px;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
}
/*-------------atelier--------------*/

div.atelier{
    margin: 20px 0px 0px 0px;
}
div.atelier img {
    float: right;
    border: 0px solid #00ffff;
    width: 340px;
    margin: 30px 10px 10px 10px;
}
div.atelier h3 {
    position:relative;
    color: #dddddd;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    width: 460px;
    border: 0px solid;
    margin: 0px 0px 10px 0px;
}
div.atelier h2 {
    position:relative;
    color: #dddddd;
    font-family: Tahoma,Geneva,sans-serif;
    font-style: italic;
    font-size: 12px;
    font-weight: bold;
    width: 460px;
    border: 0px solid;
    margin: 15px 0px 10px 0px;
}
div.atelier p {
    position:relative;
    color: #999;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: normal;
    font-size: 12px;
    width: 460px;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
}

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

div.kontakt{
    margin: 80px 0px 0px 0px;
}
div.kontakt p.nadpis {
    color: #999;
    font-size: 14px;

    border: 0px solid;
    margin: 0px 0px 0px 0px;
}
div.kontakt p.cary {
    color: #999;
    font-size: 14px;
    border: 0px solid;
    margin: 0px 0px 10px 0px;
}
div.kontakt p {
    color: #999;
    font-family: Tahoma,Geneva,sans-serif;
    font-weight: normal;
    font-size: 12px;
    border: 0px solid;
    margin: 0px 0px 0px 0px;
}

/*-------------banner--------------*/

.banner {
  margin: 0px 0px 0px 0px;
}
div.banner img {
  float: left;
   
    filter: gray; /* IE6-9 */
    filter: alpha;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%); /* Google Chrome & Webkit Nightlies */
    -webkit-transition: all .6s ease; /* Fade to color for Google Chrome & Webkit Nightlies */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */ 
}
div.banner img:hover {
  filter: none;
    opacity: 1.0;
  -webkit-filter: grayscale(0);
}
/*-------------projekty en galerie vlozena iframem--------------*/
.frame_en_project{
  float: left;
  width: 700px;
  height: 1200px;
  position: relative;
  top: 0px;  
  left: 0px;
  border: none; 
}

/*-------------projekty galerie--------------*/

p.galery {
    color: #999999;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    border: 0px solid;
    margin: 0px 0px 12px 0px;
    padding: 0px 10px 0px 10px;
} 
p.galery_poznamka {
    color: #00ffff;
    font-size: 11px;
    margin: -3px 10px 25px 0px;
    padding: 0px 10px 0px 10px;
}
p.galery_kurziva {
    color: #999;
    font-style: italic;
    font-size: 12px;
    margin: 0px 10px 5px 0px;
    padding: 0px 10px 0px 10px;
}
p.galery_nadpis {
    color: #999;
    font-style: normal;
    font-size: 12px;
    margin: 10px 10px 20px 0px;
    padding: 0px 10px 0px 10px;
}
p.galery_odkaz a {
    color: #ddd;
    font-style: normal;
    font-size: 12px;
    text-decoration: underline;
    display: block;
    margin: 0px 0px 35px 0px;
    padding: 0px 10px 0px 10px;
}
p.galery_odkaz a:hover {
    color: #fff;
    font-style: normal;
    font-size: 12px;
    text-decoration: underline;
    display: block;
    margin: 0px 0px 35px 0px;
    padding: 0px 10px 0px 10px;
}        
h2.galery {
    color: #ddd;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform:uppercase;
    text-decoration: none;
    text-align: left;
    display: block;
    border: 0px solid;
    margin: 20px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
}
h3.galery {
    color: #bbb;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform:uppercase;
    text-decoration: none;
    text-align: left;
    display: block;
    border: 0px solid;
    margin: 20px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
}
h4.galery {
    color: #bbb;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    display: block;
    border: 0px solid;
    margin: 20px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
}

ul.galery li {
    color: #999999;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
} 
ul.galery li.strong {
    color: #bbb;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 0px 10px 0px 10px;
} 

/*-------------flash galerie projektu--------------*/

.galerie_projektu {

    width: 700px;
    height: 525px; 
    quality: best;
    scale: noScale;
    allowFullScreen: true;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
.galerie_projektu_embeded {

    width: 700px;
    height: 525px;
    quality: best;
    scale: noScale;
    allowFullScreen: true;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
.galerie_video {

    width: 614px;
    height: 614px; 
    quality: best;
    scale: showAll;
    allowFullScreen: true;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
.galerie_video_embeded {

    width: 700px;
    height: 700px;
    quality: best;
    scale: showAll;
    allowFullScreen: true;
    wmode: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.galerie_video_sirokouhle {

    width: 700px;
    height: 393px; 
    quality: best;
    scale: showAll;
    allowFullScreen: true;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
.galerie_video_sirokouhle_embeded {

    width: 700px;
    height: 393px;
    quality: best;
    scale: showAll;
    allowFullScreen: true;
    wmode: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}