body, form, fieldset, h1, h2, h3, p, img, ul, ol, li, hr { margin:0; padding:0; border:0; }
html { overflow: auto; }
a { outline:none; }

body { background: #ffffff url('images/bg.gif') repeat-x left top; font-family: "Segoe UI", Arial, sans-serif; font-size: 62.5%; color: #2e2e2e; text-align: center; }
.break { clear: both; }
hr { height: 1px; background: #f0f0f0; color: #dedede; border: 0; width: 100%; margin: 10px 0px; }

#wrapper { width: 960px; margin: 0px auto; text-align: left; }

#header { width: 960px; height: 162px; position: relative; background: url('images/bg-header.jpg') no-repeat 90px 7px; }
  #header a.logo { width: 93px; height: 144px; position: absolute; left: 2px; top: 12px; background: url('images/logo-hold.png') no-repeat left top; text-indent: -9000px;}
  #header ul { list-style: none; position: absolute; right: 0px; bottom: 0px; }
  #header ul li { float: left; }
  #header ul li:first-child a { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; }
  #header ul li:last-child a { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; }
  #header ul li a { float: left; display: block; color: #fff; padding: 10px 15px; text-decoration: none; font-family: "Myriad Pro", Arial, sans-serif; font-size: 1.4em;
                    text-transform: uppercase; background: #974578 url('images/bg-menu.png') repeat-x left top; border-left: 1px solid #2a3139; }
  #header ul li a:hover { background: #d5256d; margin-top: -3px; padding-bottom: 13px; }
  #header ul li a.active { background: #ffffff url('images/bg-menu-active.png') repeat-x left top; color: #444; }
  #header span.motto { background: url('images/motto.png') repeat left top; display: block; width: 291px; height: 29px; text-decoration: none;
                        position: absolute; right: 0px; top: 65px; text-indent: -9000px; }
  #header span.contact { display: block; width: 283px; height: 25px; background: url('images/bg-contact.gif') no-repeat left top; position: absolute; top: 7px; right: -20px;
                         text-align: center; color: #fff; line-height: 20px; font-size: 1.2em; }
  #header span.contact a { color: #fff; text-decoration: none; background: url('images/mail.gif') no-repeat left 50%; padding-left: 15px; }
  #header span.contact a:hover { text-decoration: underline;}

#content { margin: 30px 0px 15px 0px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 30px 40px; }
  #content.home { background: #fff url('images/bg-home.jpg') no-repeat right top; min-height: 363px; }

  #content h1 { font-size: 3em; color: #974578; font-family: "Myriad Pro", Arial, sans-serif; margin-bottom: 10px; }
  #content h1 span { color: #293038; font-weight: normal; }
  #content h2 { font-size: 1.8em; color: #714360; font-family: "Myriad Pro", Arial, sans-serif; margin-bottom: 5px; margin-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #dedede; }
  #content h3 { font-size: 1.6em; color: #555; font-family: "Myriad Pro", Arial, sans-serif; margin-bottom: 5px; margin-top: 10px; padding-bottom: 5px; }
  
  #content p { font-size: 1.3em; margin-bottom: 8px; }
  #content.home p { color: #000;  }
  #content ul { font-size: 1.3em; margin-bottom: 8px; margin-left: 20px; }
  #content ol { font-size: 1.3em; margin-bottom: 8px; margin-left: 20px; }

  #content a { color: #621646; }
  #content a:hover { color: #CB78AC; }
  #content a.button { color: #fff; text-decoration: none; display: inline-block; padding: 6px 12px; background: #974578;
                      -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
  #content a.button:hover { color: #fff; background: #d5256d; box-shadow: 0px 0px 5px #999;}
  
  
#projects { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0px 0px 5px #ddd; }
  #projects h2 { font-size: 1.5em; color: #974578; padding: 10px 40px; border-bottom: 1px solid #dedede; }
  #projects h2 span { color: #293038; }
  #projects p { font-size: 1.2em; }
  .projectsContent { padding: 20px 40px; text-align: center; }
  .projectItem { float: left; margin-right: 26px; width: 120px; }
  .projectItem .nazev { color: #d5246c; font-weight: bold; font-size: 1.3em;}
  .projectItem .druh { font-size: 1.2em; }
  .projectItem .popis { color: #999; font-size: 1.2em;}
  .projectItem a img { border: 1px solid #fff; }
  .projectItem a:hover img { border: 1px solid #d5246c; }
  
#footer { padding: 20px; font-size: 1.2em; color: #9f9d9d; }
  #footer span { float: right; color: #974578; }
  #footer a { color: #9f9d9d; text-decoration: none; }
  #footer a:hover { color: #444; text-decoration: underline; }

.partners { margin-top: 20px; text-align: center; }
  .partners a img { margin: 0px 10px; }

form.kontakt fieldset { padding: 5px 20px; border: 1px solid #c790b2; margin-bottom: 10px; }
form.kontakt legend { color: #383838; line-height: 2em; margin: 0; padding: 0 10px; font-size: 1.6em; font-weight: bold; }
form.kontakt label { font-size: 1.3em; }
form.kontakt .text { margin: 5px 0px 10px 0px; width: 300px; }
form.kontakt textarea.text { height: 150px; }