/** ATG CSS */

body {
  margin:0; padding:0;
  font: 0.9em Verdana, 'Geneva CE', lucida, sans-serif;
  color: black;
  text-align: center;
}

.cs { display: none; }

h1, h2, h3, h4 {
  font-family: 'Lucida Console', 'Monaco CE', fixed, monospace;
}

h1 { font-size: 170%; font-weight: bolder;}

h3 { font-size: 160%; font-weight: bold; }

a, a:link { color: black; }
a:visited { color: #808080; }
a:hover { background-color: #cc6600; color: white;}

p { 
  text-indent: 1em;
  text-align: justify;
  margin-top: 0;
  padding-top: 0.8em;
}

p, blockquote, dt, dl {
  font-family: Arial, helvetica, sans-serif;
  font-size: 75%;
}

dt { font-weight: bold; font-size: 85%}

blockquote { font-style: italic; }

div.box {
  float: right;
  border: 1px solid #cecccc;
  width: 30%;
  background-color: #edc599;
  color: black;
  margin: 0 0.2em 0.2em 0.2em;  
  padding: 0 0.5em;
}

div.box p {
  text-indent: 0;
  font-size: 75%;  
}

#content ul { padding: 0; margin: 0; }
#content li { font-size: 85%; font-family: Arial, helvetica, sans-serif;  list-style-position: inside;}

#content {
  width: 100%;
  margin: 0.5em auto;  
  padding: 0;
  text-align:left;
}

#header {
  margin:0; padding:0;
}

#header-content {
  height: 113px;
  margin:0; padding:0;
}

#header-content a { padding: 0; margin: 0; border: none;}
#header-content a img { padding: 0; margin-top: 10px; margin-right: 150px; height: 70px; width: 175px;float:right; border: none;}

#h1header { 
  padding-top: 1em;
  letter-spacing: 0.05em;
}

#cleaner {
  width: 0;
  clear: both;
}

#footer {
  padding:0; margin: 0;
}

#footer-content {
  margin:0; padding:0;
}

#footer-content img { 
  padding-top: 1.5em;  
  padding-right: 0.5em;
  
  border: none;
}

#main {
  text-align: left;
}

#main-content {
  margin:0; padding: 0;
}

#left {
      display: none;
}

#right {
      display: none;
}

.membertext {
  min-height:140px;
  height:140px;
}
div[class] .membertext {
   height:auto;
   }

.member, .project {
  margin-bottom: 3em;
/*  padding: 5px;  
  border-left: 1px solid #cecccc;
  border-bottom: 1px solid #cecccc;*/
}

.member img, .project img {
  border: 2px solid #cecccc;
  padding: 2px;
  margin: 5px;
}

.lr { float: left; }
.sr { float: right; }

#small {
  font-size: 0.8em;
  line-height: 70px;
  padding-left: 3em;  
}

#main h2 {
  padding-left: 30px;
  background-image: url('img/ar_all.gif');
  background-repeat: no-repeat;  
  background-position: center left;  
  
}

.index { 
  background-image: url('img/ar_all.gif');
  background-repeat: no-repeat;  
  background-position: center left;  
}

.projects, .project h3 { 
  background-image: url('img/ar_yellow.gif');  
  background-repeat: no-repeat;
  background-position: center left;
}
a.projects:hover { background-image: url('img/ar2_yellow.gif'); }

.project h3, .member h3 { padding-left: 30px; }

.members, .member h3 { 
  background-image: url('img/ar_green.gif');  
  background-repeat: no-repeat;  
  background-position: center left;  
}
a.members:hover { background-image: url('img/ar2_green.gif');  }

.publications { 
  background-image: url('img/ar_red.gif');    
  background-repeat: no-repeat;  
  background-position: center left;  
}
a.publications:hover {  background-image: url('img/ar2_red.gif'); }

.teaching { 
  background-image: url('img/ar_blue.gif');  
  background-repeat: no-repeat;  
  background-position: center left;  
}
a.teaching:hover {  background-image: url('img/ar2_blue.gif');   }

#photos { display: none; }
#photos, .logo { text-align: center; }
.logo a:hover { background-color: inherit; }
.logo img {
  border: none;
}

#left .logo { margin-top: 5em; }

a.screenshot { border: none; padding: 0; }
a.screenshot:hover { text-decoration: none; background-color: inherit;}
.screenshot {
  border: none;
  padding-bottom: 8px;
}

.pub {
  margin-bottom: 1em;
font-size: 75%;
}

.info a:hover { color: black; background-color: inherit; }
.info img { border: none; }

ul.horlist { margin: 0 0 140px;}
.horlist li {
   display: inline;
   list-style-type: none;
   padding-right: 20px;
}

ul.normal {
  
}

ul.normal li { list-style-position: outside; padding-left: 3em; margin-left: 1em;}


/*************************************/
div#pagecentered {
  width: 75%;
  /*left: 25%;*/
  height: 369px;
  /*margin-left: -25%;*/
  margin: 0 auto;
  text-align: center;
  padding: 0;
  border: 0;
}
div#pagecentered p {
  padding: 0; margin: 0; text-indent: 0;
}

/* ctverecky uprostred */
div.onerow { clear: left; padding:0; margin: 0;
  margin: 0 auto;
  width: 99%;
}

div.box-yellow-1, div.box-yellow-2, div.box-yellow-3, div.box-green-1, div.box-blue-2, div.box-green-3, div.box-red-1, div.box-red-2, div.box-red-3 {
  width: 25%;
  height: 150px; min-height: 150px;
  padding: 0 0.5em;
  margin: 0.5em;
  float: left;
  color: black;
  border: 2px solid white;  
}

div.box-yellow-1,div.box-yellow-2 ,div.box-yellow-3 {
  /*background-color: #f7e929;*/
  background-color: #eaf1f6;
}

div.box-green-1, div.box-green-3 {
  /*background-color: #22b24c;*/
  background-color: #abc8db;
}

div.box-blue-2 {
  /*color: #f7e929;*/
  color: white;
  border: 2px solid black;
  /*background-color: #007ec6;*/
  background-color: #8db4ce;
}
div.box-blue-2 p {
  font-weight: bold;
  text-align: center;
}

div.box-blue-2 a, div.box-blue-2 a:active, div.box-blue-2 a:visited {
  color: black;
}

div.box-red-1, div.box-red-2, div.box-red-3 {
  /*background-color: #ed2729;*/
  background-color: #92b7d0; 
}


table { border-collapse:separate; border-spacing:0px; }
table, thead {  border: 2px solid black;}
tr, td {border: 1px solid black; padding: 2px;}
thead { font-weight:bold; }