/*******************************************************************************************************************
*  Author: Tomas Lach (www.tomaslach.cz)                                                                           *
*  Date: 27.02.2011                                                                                                *
*******************************************************************************************************************/
html {}
body {background: url('../img/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, a:focus {color: #355f9f;outline: 0}
a:visited {color: #355f9f}
a:hover {color: #000;text-decoration: none}
a.more {font-weight: bold;color: #72bf17;padding-right: 12px;background: url('../img/arrow.gif') no-repeat 100% 50%}

/*******************************************************************************************************************
*  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('../img/bg-header.png') repeat-x bottom;position: absolute;top: 0;left: 0;height: 111px;width: 100%;}
#header #logoBackground {background: url('../img/bg-logo.png') no-repeat;display: block;height: 111px;left: -100px;position: absolute;top: 0;width: 431px;color: #000}  
#header #logo {background: url('../img/logo.png') no-repeat;display: block;height: 111px;left: 75px;z-index: 10;text-indent: -9999px;position: absolute;top: 0;width: 170px;color: #000}                
/* navigation */
#header #navigation {position: absolute;right: 0;top: 83px;}
#header #navigation li {display: inline-block;margin-left: 1px}
#header #navigation li a {display: inlin-block;font-size: 11px;padding: 13px 30px;text-decoration: none;text-transform: uppercase;background: #c4e6f9;border: 1px solid #b6dcf4;border-bottom: 0;-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;}
#header #navigation li.active a,
#header #navigation li a:hover {background: #fff}

/*******************************************************************************************************************
*  INTRO                                                                                                           *
*******************************************************************************************************************/
#intro {background: url('../img/bg-intro.png') repeat-x bottom;min-height: 200px;;margin-bottom: 50px}

/*******************************************************************************************************************
*  SLIDER                                                                                                          *
*******************************************************************************************************************/
#jCarousel {padding: 20px 0}
#jCarousel a.image {display: block;background: url('../img/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 ul {padding: 5px 10px 25px}
#container ul li {padding: 3px 0 3px 15px;background: url('../img/arrow.gif') no-repeat 0 50%}

#container table {width: 100%;border-collapse: collapse;border: 1px solid #efefef}
#container table th {text-align: left;padding: 10px;border: 1px solid #70bd15;border-bottom: 3px solid #5b9a10;background: #70bd15;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                                                                                                          *
*******************************************************************************************************************/
#footer {background: #e8f6fe url('../img/bg-footer.png') repeat-x;height: 160px;}
#footer p {color: #5d9ec6;font-size: 11px;padding-top: 25px}
#footer p a {color: #5d9ec6;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    *
*******************************************************************************************************************/
.high {font-weight: bold;color: #2d7bac}
.inner {padding: 15px 20px}
.middle {margin: 0 auto;position: relative;}
.inner_copyright{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.w900 {width: 900px}
.w560 {width: 560px}
.w220 {width: 250px}
a.thumb img {border: 1px solid #e4e4e4}