/* CSS Document */

body {
  font-family : Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#777;
	margin:0;
}

* {
	padding:0;
	margin:0
}

/* LAYOUT  */
#layout {
      margin: 0px;
      padding: 0px;
      width: 780px;
}
#left{
      float: left; 
      width: 470px;
      height: 338px;
      background-color: #fff;
      background-image: url(../images/motiv1.jpg);
      background-position: top left;
      background-repeat: no-repeat;
      margin-bottom: 20px;
      margin-right: 0px;
}
#right{
      float: left; 
      width: 300px;
      height: 338px;
      background-color: #fff;
      background-image: url(../images/list.jpg);
      background-position: top left;
      background-repeat: no-repeat; 
}
#left_middle {
      float: left;
      width: 340px;
      height: 500px;
}
#right_middle {
      float: left;
      width: 426px;
      height: 430px;
      background-image: url(../images/boxik.png);
      background-position: top left;
      background-repeat: no-repeat;
      margin-top: -65px;
}
#tags {
      width: 56px;
      height: 174px;
      float: right;
      margin-top: 145px;
      margin-right: -25px;
      z-index: 1;
      position: relative;
      
}
.tag {
      width: 56px;
      height: 56px;
      margin-top: 2px;
}
.tag img {
  border: none;
}
a img {
  border: none;
}

#paticka {
      float: right;
      margin-right: 10px;
      margin-top: -150px;
      width: 450px;
   	  font-family : Arial, Helvetica, sans-serif;
   	  font-size: 0.8em;
      font-variant : small-caps;
      color: #777777;
}
#paticka a {
      color: #42301C;
}
#paticka a:hover {
      color: #D98201;
}
#paticka span {
      padding-right: 20px;
      float: left;
      height: 50px;
}


/* TEXTY */

h1 {
   	  font-family : Arial, Helvetica, sans-serif;
   	  font-size: 1.4em;
      font-variant : small-caps;
      color: #77695C;
      font-weight: normal;
      letter-spacing: 0px;
      word-spacing: 0px;
      line-height: 1em;
      margin-top: 300px;
      margin-left: 10px;
      vertical-align: bottom;
      z-index: 2;
      position: relative;
      width: 360px;
}

h2 {
   	  font-family : Arial, Helvetica, sans-serif;
   	  font-size:72px;
      font-variant : small-caps;
      color: #42301C;
      font-weight: normal;
      letter-spacing: -5px;
      word-spacing: -5px;
      vertical-align: bottom;
      margin-bottom: -19px;   
}
h2 a {
      color: #42301C;
      text-decoration: none;
}
h2 a:hover {
   color: #EAC7A7;
}
h2.jmeno {
	font-family : Arial, Helvetica, sans-serif;
	font-size:35px;
	font-variant : small-caps;
	color: #42301C;
	font-weight: normal;
	letter-spacing: -3px;
	word-spacing: -3px;
	vertical-align: bottom;
	margin-left: 2px;
}
#right li {
   border-bottom: dotted 1px #FBD8B8;
   display: block;
   width:200px;
}

#right ul {
   margin-top: 30px;
   margin-left: 5px;
 	 list-style-type: none;
}

#right li a {
   font-size: 21px;
	 color: #42301C;
	 letter-spacing: -1px;
	 word-spacing: -1px;
	 vertical-align: middle;
	 font-weight: normal;
	 font-variant : small-caps;
 	 line-height: 35px;
 	 padding-left: 0px;
 	 list-style-image: none;
 	 display: inline;
 	 text-decoration: none;
}
#right a.aktiv {
   color: #D98201;
}
#right a:hover {
   color: #D98201;
}
#boxik {
  width: 272px;
  height: 297px;
  margin-top: 53px;
  margin-left: 64px;
  overflow: auto;
}
#boxik p {
   	  font-family : Arial, Helvetica, sans-serif;
   	  font-size: 14px;
      font-variant : small-caps;
      color: #77695C;
      font-weight: normal;
      letter-spacing: 0px;
      word-spacing: 0px;
      padding-top: 5px;
      padding-bottom: 6px;
      line-height: 14px;
      text-align: left;
}
#obsah {
    font-family : Arial, Helvetica, sans-serif;
   	font-size: 14px;
    font-variant : small-caps;
    float: right;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: left;
    width: 280px;
    line-height: 16px;
}
#obsah ul {
   	list-style-type: none;
   	margin-top: 10px;
}
#obsah li {
  margin-bottom: 19px;
  font-size: 17px;
}
#obsah li:first-letter {
  font-weight: normal;
  font-size: 20px;
  letter-spacing: -1px;
}
#list {
    font-family : Arial, Helvetica, sans-serif;
   	font-size: 14px;
    font-variant : small-caps;    
    margin-left: 15px;
    margin-top: 30px;
    line-height: 16px;
    text-align: left;
    float: left;
    width: 270px;
}
#list ul {
   	list-style-type: none;
}
#list li {
  margin-bottom: 6px;
}
#list li:first-letter {
  font-weight: bold;
}
p.vice {
  float:none;
  display: block;
}

/***************/
/** SUBSITES **/

#left_middle2 {
      float: left;
      width: 780px;
      margin-top: 10px;
}
#list2 {
    font-family : Arial, Helvetica, sans-serif;
   	font-size: 16px;
    font-variant : small-caps;    
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    line-height: 16px;
    text-align: left;
    float: left;
    width: 330px;
    padding-right: 5px;
}
#list2 ul {
   	list-style-type: none;
}
#list2 li {
  margin-bottom: 6px;
}
#list2 li:first-letter {
  font-weight: bold;
}
#obsah2 {
    font-family : Arial, Helvetica, sans-serif;
   	font-size: 16px;
    font-variant : small-caps;
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    text-align: left;
    width: 330px;
    line-height: 16px;
}
#left2{
      float: left; 
      width: 470px;
      height: 338px;
      background-color: #fff;
      background-image: url(../images/motiv1.jpg);
      background-position: top left;
      background-repeat: no-repeat;
      margin-bottom: 10px;
}
#left2 h1 {
   	  font-family : Arial, Helvetica, sans-serif;
   	  font-size: 1.6em;
      font-variant : small-caps;
      color: #77695C;
      font-weight: normal;
      letter-spacing: 0px;
      word-spacing: 0px;
      margin-top: 325px;
      margin-left: 10px;
      vertical-align: bottom;
      z-index: 2;
      position: relative;
      width: 400px;
      float: left;
}
#paticka2 {
      float: left;
      margin-left: 15px;
      width: 650px;
   	  font-family : Arial, Helvetica, sans-serif;
   	  font-size: 0.8em;
      font-variant : small-caps;
      color: #777777;
      clear: both;
      padding-top: 10px;
      padding-left: 10px;
      border-top: 1px dotted #FBD8B8;
}
#paticka2 a {
      color: #42301C;
}
#paticka2 a:hover {
      color: #D98201;
}
#paticka2 span {
      padding-right: 20px;
      float: left;
      height: 50px;
}
#obsah3 {
    font-family : Arial, Helvetica, sans-serif;
   	font-size: 17px;
    font-variant : small-caps;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 16px;
    width: 650px;
}
#obsah3 p {
    margin-bottom: 20px;
}
#obsah3 p:first-letter {
    font-weight: bold;
}
#preklad {
      margin-bottom: 20px;
      /*margin-top: -25px;*/
      border: 1px dotted #FBD8B8;
      padding: 0px;
}
#tlumoceni {
      margin-bottom: 20px;
      margin-top: 20px;
      border: 1px dotted #FBD8B8;
      padding: 0px;
}
th {
   border: 1px dotted #FBD8B8;
   padding: 5px;
}
td {
   padding: 5px;
}
h3 {
   padding-top: 20px;
   margin-bottom: 10px;
}
p.adresa{
   padding-top: 0px;
   /*margin-top: -45px;*/
}
p.adresa2{
        padding-left: 20px;
}
p.adresa2 a{
          color: #42301C;
}
p.adresa2 a:hover {
          color: #D98201;
}