/* STYLY.CSS - styly Cesta ve světle */

/* basic elements */
html {
  background: #CC70D6;
	margin: 0;
	padding: 0;
}
body {
  margin-top: 0;
  color: black;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
}
p {
  text-align: left;
  margin-top: 1em;
  margin-bottom: 1em;
}
h1 {
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 200%; 
  color: #9F7AD9;
  padding-top: 1em;
}
h2 {
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 130%; 
  color: #CC70D6;
  background: transparent;
  padding-top: 1em;
  padding-bottom: 0.7em;
}
h3 {
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 115%;
  font-weight: bold;
  color: #C9B3EC;
  text-align: left;
}
h4 a {
  margin-left: 18%;
  background: #CC70D6;
  color: white;
  padding: 0.5em;
}
h4 a:hover {
  background: #F07CA5;
  color: white;
  cursor: pointer;
}
ul {
  width: 100%;
  list-style: url(images/l.gif);
  padding-bottom: 1em;     /* rozdíl pro IE */
}
li {     /* rozdíl pro IE */
  color: #CC70D6;
  padding-top: 0.5em;
  padding-left: 1em;
}
img {
  border: none;
}
a {
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  color: #9F7AD9;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  background: transparent;
  color: #4F288D;
  cursor: pointer;
}
acronym {
  color: #F07CA5;
  font-weight: bold;
  text-transform: uppercase;
	border-bottom: 1px dotted #F07CA5;
	cursor: help;
}

/* specific divs */

#pageCenter {
  position: absolute;
  left: 50%;
  width: 790px;
  margin-left: -395px;
  background: #E5ADEB;
}

#header {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -395px;
  width: 790px;
  height: 179px;
  background-color: #9B67A1;
  background-image: url(images/top.jpg);
  background-repeat: no-repeat;
}	

#menuTop {
  position: absolute;
  top: 179px;
  left: 50%;
  width: 743px;     /* rozdíl pro IE */
  background: #EBFC82;
  font-family: sans-serif;
  font-size: 90%;
  margin-left: -395px;     /* rozdíl pro IE */
  border-left: 18px solid #9B67A1;
  border-right: 18px solid #F4FDBA;
  padding: 0.8em 0.8em 0.8em 0;      /* rozdíl pro IE */
}  
   #menuTop a {
     height: 1.5em;
     background: #EBFC82;
     font-family: sans-serif;
     color: #93A42A;
     padding: 0.8em;
     margin-right: -0.5em;
   }
   #menuTop a:hover {
     background: #93A42A;
     font-family: sans-serif;
     color: #EBFC82;
     text-decoration: none;
     cursor: pointer;
   }
   #menuTop a span {
     width: 0.5em;
     height: 0.5em;
     background: #F4FDBA;
     color: #F4FDBA;
     font-size: 0.5em;
     vertical-align: middle;
     margin-right: 2em;     /* rozdíl pro IE */
   }
   #menuTop a:hover span {
     background: #F4FDBA;
     color: #F4FDBA;
     cursor: pointer;
   }
   #menuTop a.selected, #menuTop a:hover.selected {
     background: white;
     font-family: sans-serif;
     color: #93A42A;
   }
   #menuTop a.selected span, #menuTop a:hover.selected span {
     background: #EBFC82;
     color: #EBFC82;
   }

#intro, #content {
  margin-top: 200px;
  margin-left: 18px;
  border: none;
  background: white;
  padding: 2em;
}

#menuBottom {
  clear: both;
  position: relative;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  color: #9F7AD9;
  font-size: 80%;
  text-align: center;
  padding-top: 1.5em;
}

#footer { 
  clear: both;
  position: relative;
  left: 50%;
	width: 550px;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  text-align: center;
  font-size: 70%;
  margin-top: 1em;
  margin-left: -275px;
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid gray;
  color: gray;
}

#questions {
  background: transparent;
  color: #826DA3;
  padding: 2.5em;
}

.left {
  float: left;
  padding-top: 3em;
}
.right {
  float: right;
  padding-top: 2em;
  padding-right: 1em;
}

p.p1 {
  clear: both;
  padding-top: 2em;     /* rozdíl pro IE */
}
p.p2 {
  padding-top: 1em;
  padding-bottom: 1em;
}
p.p3 {
  width: 200px;     /* rozdíl pro IE */
  color: #CC70D6;
  text-align: center;
  font-weight: bolder;
  padding: 1em;     /* rozdíl pro IE */
  margin-left: 490px;     /* rozdíl pro IE */
}

.quote {
  width: 150px;     /* rozdíl pro IE */
  text-align: center;
  color: #CC70D6;
  font-size: 80%;
  font-style: italic;
  font-weight: bolder;
  padding: 1.5em;
  margin-top: -420px;     /* rozdíl pro IE */
}  
.enter {
  position: relative;
  left: 230px;
  width: 238px;
  height: 350px;
  background: url(images/enter.jpg) no-repeat;
  padding-top: 100px;
  margin-top: 2em;
}
.me {
  color: #9F7AD9;
  font-size: 140%;
  font-weight: bold;
  word-spacing: 0.3em;
  letter-spacing: 0.05em;
  padding-left: 1em;
}
.source {
  color: #F8B6CD;
}
.contact {
  color: #81248B;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding-left: 2em;
  padding-right: 0.5em;
}
.small {
  color: gray;
  font-size: 70%;
}