/*-----------------------------------------------------------------------------
version:   22.11.2009
-----------------------------------------------------------------------------*/
hr, .hide {display:none;}
* {
  margin: 0;
  padding: 0;
}
img {border:0;}
body {
  color:#333;
  background-color:#fff;
  font-family:"Trebuchet MS", Arial, sans-serif;
  font-size:100%;  
  line-height:1.5em;
  text-align:center;
}
#container {
  text-align:left;
  width:770px;
  margin:16px auto 0px auto;
}
h1, h2, h3, h4 {
  color:#555;
    font-family:Arial, Helvetica, sans-serif;
}
h1 {
  font-family:Georgia, serif;
  font-weight:normal;
  color:#636363;
  font-size:1.7em;
  line-height:0.9em;
  margin-bottom:0.9em;
  padding-top:8px;
}
h2 {
  color:#636363;
  font-size:1.4em;
  line-height:1em;
  margin-top:0.7em;
  margin-bottom:0.3em;
}
h3 {
  font-size:1.1em;
  font-weight:normal;
  line-height:1.36em;
  margin-top:1em;
  margin-bottom:0.36em;
}

a:link {color:blue;}
a:visited {color:purple;}
a:hover {color:#e3372e;text-decoration:none;}

p, ul, address, blockquote {
  margin: 0 0 1.5em 0;
}

blockquote {margin:40px 0 2em 0px;width:20em;}
blockquote p {text-align:right;}
ul {
  padding: 0 0 0 1.5em;
  list-style-type:square;
}
address {
  font-style:normal;
}

#header {
  margin:0 0px 0px 16px;
}
#language {float:right;text-align:right;font-size:90%;margin-right:20px;}
#language a {color:#a0a0a0;padding:10px 0px 10px 10px;}
#language a:hover {color:#000;}
#brand a {
  color:#e3372e;
  color:#333;
  font-size:25px;
  text-decoration:none;
  }
#brand span {color:#b0b0b0;}
#footer {
  font-size:90%;
  color:#a0a0a0;
  line-height:1.4em;
  padding:16px 20px 0 0;
  border-top:1px solid #d7d7d7;
  margin:32px 0 10px 16px;
}
#footer a {color:#a0a0a0;}
ul#nav {
  clear:both;
  margin:8px 0 0 0;
  padding:0;
  width:100%;
  float:left;
  font-weight:bold;
  font-family:Arial, sans-serif;
  background:#363636;
  list-style:none;
}
#nav li {
  float:left;
  background:#d7d7d7;;
}
#nav a {
  display:block;
  float:left;
  color:#d7d7d7;
  background:#363636;
  border-right:1px solid #fff;
  padding:10px 20px;
  text-decoration:none;
}
.home #nav .home a {color:#fbfbfb;}
.gallery #nav .gallery a {color:#fbfbfb;}
.purchase #nav .purchase a {color:#fbfbfb;}
.contact #nav li.contact a {color:#fbfbfb;}
.about #nav .about a {color:#fbfbfb;}
#nav a:hover {
  background:#e3372e;
  color:#fff;
}
#drobky {margin-bottom:24px;}
#drobky a:link, #drobky a:visited {color:blue;}
#drobky a:hover {color:#e3372e;}

#content {
margin:8px 20px 0 16px;
}
#content h2, #content h3 {margin-top:1.5em;}
.popis .cena, .popis .sold, .popis .rok {font-weight:bold;}
.sold {color:#e3372e;}
.popis .nazov, .popis .rok {font-size:140%;}
.img-sm {
  float:left;
  display:inline;
  width: 214px;
  /* height: 27em; */
  overflow:auto;
  margin:2em 150px 5px 0;
}  
.img-sm img {
  margin: 0px 0 0 0;
  vertical-align:middle;
}
.img-sm p {margin:0.5em;}
.text-painting {
  color:#a0a0a0;
  font-size:16px;
  font-weight:normal;
}
h2.paintings-from { /* mohlo byt id */
font-size:1.1em;
}

.clear {
  clear:both;
}
hr.cleaner {
  clear:both;
  display:block;
  margin: -1px 0 0 0; padding:0;
  height:1px;
  border:none;
  visibility:hidden;
}
