/******************************************************************************************************************* * Author: Tomas Lach (www.tomaslach.cz) * * Date: 27.02.2011 * *******************************************************************************************************************/ html {} body {background: url('../images/bg.png') repeat-x;color: #000;font: normal 12px Arial,sans-serif;padding-top: 111px} p {font-size: 1.0em;line-height: 1.8em;margin-bottom: 15px} address {font-style: normal;padding-bottom: 15px} /******************************************************************************************************************* * LINKS * *******************************************************************************************************************/ a, a:link{color: #000;text-decoration: none} a:focus {color: #000;outline: 0} a:visited {color: #000} a:hover {text-decoration:underline;} a.more {font-weight: bold;color: #72bf17;padding-right: 12px;background: url('../images/arrow.gif') no-repeat 100% 50%} a.active {font-weight: bold;color: #72bf17;padding-right: 12px;text-decoration: none} /******************************************************************************************************************* * TITLES * *******************************************************************************************************************/ h1, h2, h3, h4, h5 {margin: 0 0 10px 0} h1 {font-size: 3.0em;color: #3b3b3b;margin-bottom: 5px;font-weight: normal;font-family: Georgia} h2 {font-size: 1.6em;color: #3b3b3b;margin-bottom: 20px;font-weight: normal;font-family: Georgia} #intro h2 {font-size: 3.0em;margin-bottom: 5px;} h3 {font-size: 1.2em;color: #3b3b3b;margin-bottom: 20px;text-transform: uppercase} h4 {font-size: 1.2em;color: #3b3b3b;} h5 {font-size: 1.1em} /******************************************************************************************************************* * HEADER * *******************************************************************************************************************/ #header {background: url('../images/bg-header.png') repeat-x bottom;position: absolute;top: 0;left: 0;height: 111px;width: 100%;} #header #logoBackground {background: url('../images/bg-logo.png') no-repeat;display: block;height: 111px;left: -100px;position: absolute;top: 0;width: 431px;color: #000} #header #logo {background: url('../images/eshuntong.gif') no-repeat;display: block;height: 111px;left: 75px;z-index: 10;text-indent: -9999px;position: absolute;top: 20px;width: 390px;color: #000} /* navigation */ #header #navigation {position: absolute;right: 0px;top: 73px;} #header #navigation li {display: inline-block;margin-left:0px;float:left;line-height:40px !important;} #header #navigation li a {display: inlin-block;font-size: 14px;padding:10px 25px 10px 25px;text-decoration: none;text-transform: uppercase;background: #dadadad;border: 1px solid #dadadad;border-bottom: 0;-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;} #header #navigation li.active a, #header #navigation li a:hover {background: #fff} /* login */ #header #login {position: absolute;right: 0;top: 10px;} #header #login li {display: inline-block;margin-left: 1px;float:left;} #header #login li a {display: inlin-block;font-size: 12px;padding: 5px 5px;} /******************************************************************************************************************* * INTRO * *******************************************************************************************************************/ #intro {background: url('../images/bg-intro.png') repeat-x bottom;} #intro .cols {margin-bottom: 40px;padding: 0} #intro .cols li {width: 430px;float: left;padding: 0;background: none;} #intro .cols li.left .inner {height: 240px;padding: 0 40px 0 0} #intro .cols li.right {width: 430px;border-left: 1px solid #efefef;} #intro .cols li.right .inner {height: 240px;padding: 0 40px} /******************************************************************************************************************* * SLIDER * *******************************************************************************************************************/ #jCarousel {padding: 20px 0} #jCarousel a.image {display: block;background: url('../images/bg-image.png') no-repeat;width: 203px;height: 156px;text-align: center;position: relative;left: -15px;float: left} #jCarousel a.image img {position: relative;top: 13px} #jCarousel .content {width: 670px;float: right;padding-top: 10px} /******************************************************************************************************************* * CONTENT * *******************************************************************************************************************/ #container {margin-bottom: 40px;} #container .cols {margin-bottom: 40px;padding: 0} #container .cols li {width: 290px;float: left;padding: 0;background: none;} #container .cols li.first .inner {padding: 0 40px 0 0} #container .cols li.center {width: 318px;border-left: 1px solid #efefef;border-right: 1px solid #efefef} #container .cols li.center .inner {padding: 0 40px} #container .cols li.last .inner {padding: 0 0 0 40px} #container .gallery img {margin: 0 20px 20px 0;float: left} #container .menu img {margin: 0 20px 20px 0;float: left} #container ul {padding: 5px 10px 25px} #container ul li {padding: 3px 0 3px 15px;background: url('../images/arrow.gif') no-repeat 0 50%} #container #menu2 ul {padding: 5px 10px 25px} #container #menu2 ul li {padding: 3px 0 3px 15px;background: url('../images/arrow.gif') no-repeat 0 50%} #container #menu2 li.active {font-color: #5d9ec6;}, #container #menu2 li a:hover {background: #000} #container table {width: 100%;border-collapse: collapse;border: 1px solid #efefef} #container table th {text-align: left;padding: 10px;border: 1px solid #EBF2F9;border-bottom: 3px solid #EBF2F9;background: #EBF2F9;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;} /******************************************************************************************************************* * FOOTER * *******************************************************************************************************************/ .visible_area{width:980px;margin:0 auto;} .footer{text-align:center;font-size:12px;line-height:20px;background-color:#EBF2F9;} .footer ul{text-align:center;} .footer li{display:inline-block;*display:inline;*zoom:1;padding:1px 10px 1px 10px;} .footer li:last-child:after{display:none;} .footer span{display:block;color:#BBB;} /******************************************************************************************************************* * OTHER STYLES * *******************************************************************************************************************/ .high {font-weight: bold;color: #2d7bac} .inner {padding: 15px 20px} .middle {margin: 0 auto;position: relative;} .w900 {width: 900px} .w700 {width: 700px} .w110 {width: 110px} .w600 {width: 600px} .w210 {width: 210px} a.thumb img {border: 1px solid #e4e4e4}