/*
 * Zakladni Styl Filosof.webdesign v4
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

a, a:link {
  text-decoration: underline;
  cursor: pointer;
  color: #000;
}

a:visited {
  color: #000;
}

a:hover, a:focus, a:active {
  color: #2070b3;
}

/*========== [layout] ========================================================*/
body {
  text-align: center;
  font-family: Arial, sans-serif;
  background: #c3c5c7 url(../images/top.gif) 0 0 repeat-x;
  color: #555;
  font-size: 1em;
  line-height: 1.8;
}

table {
  line-height: 1.8;
}

div#main2 {
  background: url(../images/foot.gif) 0 100% repeat-x;
}

div#main {
  position: relative;
  width: 942px;
  text-align: left;
  margin: 0 auto;
  font-size: 0.77em;
}

/*========== [header] ========================================================*/
div#header {
  height: 110px;
  color: #000;
  width: 100%;
  position: relative;
  background: url(../images/sova.gif) 400px 0 no-repeat;
  margin-bottom: 16px;
}

div#header ul {
  width: 400px;
  overflow: hidden;
  position: absolute;
  top: 32px;
}

div#header li {
  float: left;
  background: url(../images/dot.gif) 100% 4px no-repeat;
  padding: 0 9px 4px 8px;
}

div#header li.l {
  background: transparent;
  padding: 0 0 4px 8px;
}

h1 {
  width: 915px;
  height: 61px;
  margin: 0 0 6px 15px;
}

h1 span {
  background: url(../images/webdesign.gif);
}

ul.s1 {
  left: 32px;
}

ul.s2 {
  left: 580px;
}

/*========== [text] ==========================================================*/
div.wrapper1, 
div.wrapper2,
div.wrapper3, 
div.wrapper4,
div.wrapper40, 
div.wrapper5, 
div.wrapper6 {width: 100%;}

div.wrapper1 {background: #fff url(../images/b2.gif) 0 0 repeat-y;}
div.wrapper2 {background: url(../images/b1.gif) 0 0 no-repeat;}
div.wrapper3 {background: url(../images/b3.gif) 0 100% no-repeat;padding-bottom: 34px;}
div.wrapper40 {background: url(../images/b4.gif) 0 100% no-repeat;padding-bottom: 34px;}

div.wrapper4 {background: #fff url(../images/a2.gif) 0 0 repeat-y;}
div.wrapper5 {background: url(../images/a1.gif) 0 0 no-repeat;}
div.wrapper6 {background: url(../images/a3.gif) 0 100% no-repeat;padding-bottom: 28px;}

div.wrapper7 {
  padding: 40px 12px 25px;
}

div.thrd1 {
  width: 295px;
  float: left;
  margin-right: 30px;
}

div.thrd2 {
  width: 268px;
  float: left;
}

div.thrd3 {
  width: 295px;
  float: right;
}

div.thrd2 ul li {
  text-decoration: line-through;
  color: #aaa;
}

div.wrapper6 h2 {
  height: 29px;
  margin-bottom: 24px;
}

div.thrd1 h2 {width: 295px;}
div.thrd1 h2 span {background: url(../images/nabizim.gif);}

div.thrd2 h2 {width: 268px;}
div.thrd2 h2 span {background: url(../images/nenabizim.gif);}

div.thrd3 h2 {width: 295px;}
div.thrd3 h2 span {background: url(../images/zprostredkuji.gif);}

div.wrapper7 div.thrd1 div {padding-left: 30px;}
div.wrapper7 div.thrd2 div {padding-left: 1px;}
div.wrapper7 div.thrd3 div {padding-right: 29px;}

div.thrd1 ul li {
  padding-left: 15px;
  background: url(../images/dot3.gif) 0 9px no-repeat;
}

div.thrd2 ul li {
  padding-left: 15px;
  background: url(../images/dot4.gif) 0 8px no-repeat;
}

div.thrd3 strong {
  color: #000;
}

div.ref1, div.ref2 {
  float: left;
  width: 465px;
  padding-top: 13px;
}

div.ref2 {
  float: right;
}

dl {
  position: relative;
  padding-top: 6px;
  padding-bottom: 6px;
}

div.ref1 dl {
  padding-left: 26px;
  margin-left: 12px;
}

div.ref2 dl {
  padding-right: 29px;
  margin-right: 12px;
  padding-left: 11px
}

dl.f {
  border-bottom: 1px solid #e5e5e5; font-size:12px; font-family:"ËÎÌå", Arial;
}

dt {
  color: #888; font-size:12px; font-family:"ËÎÌå", Arial;
}

dd {
	position: absolute;
	top: 4px;
	left: 190px;
	width: 253px;
	height: 20px;
}

dd a {
  font-weight: bold;
  padding-right: 15px;
  background: url(../images/dot2.gif) 100% 3px no-repeat;
}

dd b {
  color: #000;
}

dd a:hover {
  background-position: 100% -997px;
}

div.img {
  width: 415px;
  height:526px;
  margin: 4px 0 10px 38px;
}

div.ref2 div.img {
  margin: 4px 0 10px 11px;
}

div.img a {
  border: 1px solid #e5e5e5;
  display: block;
}

div.img a:hover {
  border: 1px solid #74b0e2;
}

p {
  margin: 0 11px 0 38px;
}

div.ref2 p {
  margin: 0 38px 0 11px;
}

p em, p a, div.wrapper7 div a {
  font-style: normal;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 0.2px;
}

p a, p a:link, p a:visited,
div.wrapper7 div a, div.wrapper7 div a:link, div.wrapper7 div a:visited {
  text-decoration: none;
  border-bottom: 1px solid #e5e5e5;
}

p a:hover,
div.wrapper7 div a:hover {
  border-bottom: 1px solid #2070b3;
}

/*========== [foot] ==========================================================*/
div#foot {
  height: 120px;
  position: relative;
  color: #000;
}

div.up {
	width: 141px;
	height: 110px;
	position: absolute;
	top: -7px;
	left: 392px;
}

div.up span {
  position: absolute;
  left: -9999px;
}

div.up a {
  display: block;
  text-decoration: none;
  width: 141px;
  height: 110px;
  background: url(../images/up.gif) 0 0 no-repeat;
}

div.up a:hover {
  background-position: 0 -111px;
}

div#foot div.s1 {
	left: 327px;
	position: absolute;
	top: 68px;
	font-size:12px;
	font-family:"ËÎÌå", Arial;
}

div#foot div.s2 {
	left: 308px;
	position: absolute;
	top: 94px;
}