/* CSS Documen  */
* {
  margin: 0 auto;
  padding: 0;
}
body {
  color: black;
  text-align: center;
  padding: 10px;                                     
  background-color: #bfbfbf;
  font-family: "Times New Roman CE", "Times New CE", "Times CE", "Times New Roman", times, serif;
}

a {
  border: 0;
  color: black;
}

a:hover {
  text-decoration: none;
}

#wrap-border {
    width: 60%;
    border: 20px solid #C5C5C5;
}

#left-side {
    width: 50%;
    height: 200px;
    float: left;
    background: #C5C5C5 url("../images/modry-prechod2.png")  repeat-x;
    margin-left: -1px;
}

#left-side div {
  height: 160px;
  width: 100%;
    background: #4AB6B8 url("../images/modry-prechod.jpg")  repeat-x;
    margin-left: 10px;
}
#left-side div p, #left-side div h1 {
    margin-left: -40px;
}
#right-side {
    width: 50%;
    height: 200px;
    float: right;
    background: #c5c5c5 url("../images/zeleny-prechod2.png") right top no-repeat;
}
#right-side div {
  height: 160px;
  width: 91%;
    background: #4AB6B8 url("../images/zeleny-prechod.jpg")  repeat-x;
   margin-left: -10px; 
}

#left-side div, #right-side div, #center-side div {
    padding: 20px;  
    font-family: "Trebuchet MS", sans-serif;   
}

#left-side div h1, #right-side div h1, #center-side div h1 {
   height: 50px;
    font-size: 1.5em;
    font-family: "Trebuchet MS", sans-serif;   
}
#right-side div h1{
    color: #ffffff;
}
#left-side div h1{
    color: #ffffff;
}
#center-side div h1{
    color: #ffffff;
}
#right-side div p a{
    color: #63753B;
}
#left-side div p a{
    color: #3c6995;
}
#center-side div p a{
    color: #384127;
}
#left-side div p, #right-side div p, #center-side div p {
    margin-top: 20px;   
}
#center-side {
    width: 100%;
    clear: both;
    margin-left: -1px;
    border-right: 1px solid #8ea363;
    background-color: #70c164;
}