/******************************************************************************************************************* * Author: Tomas Lach (www.tomaslach.cz) * * Date: 10.04.2011 * *******************************************************************************************************************/ @import url("../css/font.css"); html {background: url('../img/background.png') repeat-x 0 0;} body {color: #5a6678;font: normal 12px Arial,sans-serif;} body#homepage {background: url('../img/header.png') no-repeat 50% 99px;} p {font-size: 1.0em;line-height: 1.8em;margin-bottom: 15px} address {font-style: normal;padding-bottom: 15px} /******************************************************************************************************************* * LINKS * *******************************************************************************************************************/ a, a:link, a:focus {color: #3c8c00;outline: 0} a:visited {color: #3c8c00} a:hover {color: #000;text-decoration: none} a.more {font-weight: normal;color: #3c8c00;padding-right: 12px;background: url('../img/arrow.png') no-repeat 100% 50%} /******************************************************************************************************************* * TITLES * *******************************************************************************************************************/ h1, h2, h3, h4, h5 {margin: 0 0 10px 0} h1 {font-size: 2.5em;color: #5a6678;line-height: 1.0em;margin-bottom: 15px;font-weight: normal;font-family: "MyriadPro-Regular"} h2 {font-size: 2.0em;color: #5a6678;margin-bottom: 20px;font-weight: normal} h3 {font-size: 1.7em;color: #5a6678;margin-bottom: 20px;font-weight: normal} h4 {font-size: 1.2em;color: #5a6678;} h5 {font-size: 1.1em} #layout {padding-top: 92px} /******************************************************************************************************************* * HEADER * *******************************************************************************************************************/ #header {background: url('../img/double-border.png') repeat-x bottom;position: absolute;top: 0;left: 0;height: 92px;width: 100%;z-index: 90} #header #logo {background: url('../img/logo.png') no-repeat;display: block;height: 53px;left: 0;z-index: 10;text-indent: -9999px;position: absolute;top: 22px;width: 199px;color: #000} /* navigation */ #header #navigation {position: absolute;right: 9px;top: 34px;height: 34px;} #header #navigation li {display: inline-block;margin-left: 5px} #header #navigation li a {display: inline-block;height: 31px;line-height: 31px;font-size: 11px;padding: 0;text-decoration: none;color: #353a43;font-weight: bold;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;behavior: url(./js/PIE.htc);} #header #navigation li.active a, #header #navigation li:hover a {color: #fff;background: url('../img/nav-active.png') repeat-x 0 0} /******************************************************************************************************************* * INTRO * *******************************************************************************************************************/ #intro {padding: 50px 40px;height: 187px;position: relative;z-index: 100;margin-bottom: 5px;} #intro h1 {line-height: 1.2em;color: #fff;margin-bottom: 20px;text-shadow: -1px -1px 2px #3b8c01} #intro .content {width:420px;padding: 0 0 0} #intro p {color: #fff;font-size: 12px;margin-bottom: 30px} #intro .button {position: absolute;bottom: 20px;left: 40px} #intro .image {width: 370px;height: 240px;position: absolute;top:44px;left: 543px;} .inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} /******************************************************************************************************************* * CONTENT * *******************************************************************************************************************/ #container {padding: 20px 45px 0 15px;margin-bottom: 40px} #container #breadcrumb {font-size: 11px;color: #a7adb7} #container #breadcrumb a.home {padding: 0;margin: 0;background: none;text-decoration: none} #container #breadcrumb a {padding-left: 6px;color: #8e97a3;margin-left: 1px;background: url('../img/arrow-gray.gif') no-repeat 0 50%} #container ul {padding: 5px 10px 25px 20px;list-style: none} #container ul li {padding: 3px 0 3px 15px;background: url('../img/arrow.png') no-repeat 0 50%} #container .gallery img {margin: 0 20px 20px 0;float: left} #container table {width: 100%;border-collapse: collapse;border: 1px solid #efefef} #container table th {text-align: left;padding: 10px;border: 1px solid #4c9c0a;border-bottom: 3px solid #4c9c0a;background: #2d6a00;color: #fff} #container table td {padding: 7px 10px;border: 1px solid #efefef} #container table .dark td {background: #f7f7f7} #container form {margin-bottom: 20px} #container form fieldset {background: #f7f7f7;padding: 10px 15px;border: 1px solid #efefef} #container form table {width: 100%;border: 0} #container form th {padding: 10px 0 10px 0;border: 0;background: none;color: #000;text-align: left;width: 30%;vertical-align: top} #container form td {padding: 5px 20px 5px 0;width: 70%;border: 0} #container form .text {padding: 5px;width: 199px;} #container form .textarea {padding: 5px;width:338px;height:158px;} #container form .checkbox {width: 20px;height: 20px;float: left;position: relative;top: -4px;margin-right: 2px} #container form .radio {width: 20px;height: 20px;float: left;position: relative;top: -5px;margin-right: 2px} #container form tfoot td {padding-top: 10px} #container form .submit {cursor: pointer;padding: 5px 10px;font-weight: bold;text-transform: uppercase;font-family: Arial;font-size: 1.0em} #container .date {background: url('../img/dotted.png') repeat-x 0 50%;display: block;padding: 0 10px;margin-bottom: 10px} #container .date span {background: #fff;padding: 0 5px;font-weight: bold;color: #3c8c00} #container .newie {margin-bottom: 30px} /******************************************************************************************************************* * FOOTER * *******************************************************************************************************************/ #footer {background: url('../img/footer.png') no-repeat 50% 0;height: 65px;margin-bottom: 20px} #footer p {color: #748199;font-size: 11px;padding: 0 20px;margin: 0;line-height: 65px} #footer p a {color: #748199;} /******************************************************************************************************************* * OTHER STYLES * *******************************************************************************************************************/ .high {font-weight: bold;color: #2d7bac} .inner {padding: 15px 20px} .middle {margin: 0 auto;position: relative;} .w960 {width: 960px} .w600 {width: 600px} .w240 {width: 240px} a.thumb img {border: 1px solid #e4e4e4} a.button {display: block;float: left;text-decoration: none;font-size: 12px;height: 37px;background: url('../img/button-left.png') no-repeat} a.button .text {color: #fff;text-shadow: 0 1px 0 #749d14;font-weight: bold;display: block;float: left;position: relative;left: 10px;padding: 0 15px 0 5px;height: 37px;line-height: 39px;background: url('../img/button-right.png') no-repeat 100% 0;} a.button:hover .text:hover {color: #35470a;text-shadow: 0 1px 0 #c8f55b}