* {margin: 0;padding: 0;outline: 0}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border: 0}
ul, ol {list-style-type: none}
body {background: #fff url('../img/bg-repeat.jpg') repeat-x;color: #3f3f3f;font: normal 75%/1 Arial,sans-serif;}
body.homepage {background: #fff url('../img/bg-home-repeat.jpg') repeat-x;}
p {line-height: 1.6em;margin-bottom: 20px}
address {font-style: normal;line-height: 1.6em;margin-bottom: 20px;}

/* links --------------------------------------------------------------- */
a {color: #3e4c58;text-decoration: underline;}
a:link {color: #3e4c58}
a:focus {color: #3e4c58; outline: 0}
a:visited {color: #3e4c58}
a:hover {color: #000;text-decoration: none;}


/* H1 - H5 --------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px}
h1 {font-size: 2.7em;color: #4a4444;font-weight: normal;line-height: 1.1em;margin-bottom: 5px}
.homepage h1 {margin-bottom: 20px}
h1 strong {color: #69737d;display: block}
h2, .sidebar .box h3 {font-size: 2.0em;color: #3e4c58;margin-bottom: 15px;}
h3 {font-size: 2.0em;color: #4a4444;font-weight: normal;line-height: 1.1em;margin-bottom: 10px}
.box h3 {font-size: 2.0em;color: #393333;}
.sidebar h3 {font-weight: bold}
h4 {font-size: 1.0em;margin-bottom: 10px}

#layout {margin: 0 auto;padding-top: 200px;position: relative;width: 940px}
.homepage #layout {background: url('../img/header.jpg') no-repeat 0 81px;}  
  
    /* logo ------------------------------------------------------------------ */
    a#logo {display: block;color: #5c6c18;text-decoration: none;width: 308px;height: 84px;position: absolute;top: 81px;left: 0}
    a#logo:hover {color: #fff}
        a#logo span {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;cursor: pointer;background: url('../img/logo.jpg') no-repeat}
    
    /* navigation --------------------------------------------------- */
    ul#nav {left: -22px;position: absolute;top: 19px;height: 39px}
        ul#nav li {background: #171414 url('../img/nav-left.jpg') no-repeat;float: left;}
            ul#nav li a {background: url('../img/nav-right.jpg') no-repeat 100% 0;color: #8e797c;height: 39px;line-height: 39px;padding: 0 15px 0 22px;font-size: 1.3em;display: block;float: left;text-transform: uppercase;text-decoration: none}
            ul#nav li a .plus {display: block;padding-left: 17px;background: url('../img/nav-plus.jpg') no-repeat 0 14px}
            ul#nav li a:hover .plus {background-position: 0 -54px}
            ul#nav li.active a .plus,
            ul#nav li.active a:hover .plus {background: url('../img/nav-active-plus.jpg') no-repeat 0 16px} 
            ul#nav li a:hover {color: #fff;text-decoration: none}
            ul#nav li.active {background: #ededed url('../img/nav-active-left.jpg') no-repeat;color: #3e4c58;text-decoration:none}
            ul#nav li.active a {background: url('../img/nav-active-right.jpg') no-repeat 100% 0;line-height: 43px;color: #3e4c58}
            
    
    #search {right: 0;position: absolute;top: 18px;width: 211px}
        #search label {display: none}
        #search .text {background: url('../img/search-input.jpg') no-repeat;border: 0;float: left;height: 15px;color: #c4a1a1;font-size: 0.9em;font-family: Arial;padding: 10px;width: 160px}
        #search ..submit {float: left}
    
    #intro {height: 290px;width: 440px}
        #intro p {text-align: justify}
       
    .container {padding-bottom: 40px}

        /* CONTENT */
        #content {float: left;width: 600px}
            #content p.pageInfo {margin-bottom: 30px}
            #content ul li {background: url('../img/arrow.gif') no-repeat 0 50%;padding: 6px 0 6px 13px}
            #content ul li.add_pr {background: url('../img/add_project.gif') no-repeat 0 50%;padding: 5px 0 6px 15px}
            #content ul li.diskretne {background: url('../img/diskretne.gif') no-repeat 0 50%;padding: 5px 0 6px 15px}
            #content .box {background: #ebebeb url('../img/box-top.jpg') no-repeat;margin-bottom: 20px}
                #content .box .in {background: url('../img/box-btm.jpg') no-repeat bottom;padding: 20px}
   
            #content .cols {margin-bottom: 20px}
            #content .cols .floatLeft,
            #content .cols .floatRight {width: 50%}
            #content .contact p {font-size: 1.2em}
                #content .contact p strong {font-size: 0.8em}
                
            #content .form {background: url('../img/form-bg.jpg') repeat-y;margin-bottom: 20px}
                #content .form fieldset {background: url('../img/form-top.jpg') no-repeat;padding: 15px 0 0}
                    #content .form fieldset .btm {background: url('../img/form-btm.jpg') no-repeat bottom;padding: 0 0 8px}
                    #content .form table {width: 100%}
                    #content .form th {padding: 18px 0 18px 20px;text-align: left;width: 20%;vertical-align: top}
                    #content .form td {padding: 5px 20px 5px 0;width: 80%}
                    #content .form .file {background: url('../img/form-input.jpg') no-repeat;padding: 6px;width: 199px;height:18px;border: 0}
                    #content .form .text {background: url('../img/form-input.jpg') no-repeat;padding: 6px;width: 199px;height:18px;border: 0}
                    #content .form .text.required {background: url('../img/form-input-required.jpg') no-repeat}
                    #content .form .textarea {background: url('../img/form-textarea.jpg') no-repeat;padding: 6px;width:438px;height:158px;border: 0}
                    #content .form .textarea.required {background: url('../img/form-textarea-required.jpg') no-repeat}
                    #content .form .checkbox {width: 20px;height: 20px;float: left;position: relative;top: -4px;margin-right: 2px}
                    #content .form .radio {width: 20px;height: 20px;float: left;position: relative;top: -5px;margin-right: 2px}
                    #content .form tfoot td {padding-top: 20px}
                    #content .form .submit {background: url('../img/form-submit.jpg') no-repeat;cursor: pointer;width: 105px;height:34px;color: #fff;font-weight: bold;text-transform: uppercase;font-family: Arial;font-size: 1.0em;padding-bottom: 2px;float: right;border: 0}
                    #content .form span.required {background: url('../img/form-required.jpg') no-repeat 0 50%;padding: 2px 0 2px 20px;font-weight: bold;position: relative;top:8px;float: left;}
                                
        /*  SIDEBAR */             
        .sidebar {float: right;width: 300px;}
        .homepage .sidebar {padding-top: 20px}
            .sidebar .poll {border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 15px 0 5px;}
            .sidebar .poll li {margin-bottom: 23px}
            .sidebar .poll li a {display: block;margin-bottom: 13px}
            .sidebar .poll li .status {height: 12px;font-size: 10px;width: 265px}
            .sidebar .poll li .status .bar {position: relative;font-size: 0;background: #3e4c58 url('../img/poll-right.jpg') no-repeat 100% 0;height: 12px;line-height: 12px}
            .sidebar .poll li .status .bar div {height: 12px;background: url('../img/poll-left.jpg') no-repeat;}
            .sidebar .poll li.dark a {color: #2c2626}
            .sidebar .poll li.dark .status .bar {background: #2c2626 url('../img/poll-right2.jpg') no-repeat 100% 0}
            .sidebar .poll li.dark .status .bar div {background: url('../img/poll-left2.jpg') no-repeat}
            .sidebar .poll li .status .bar span {position: absolute;top: 0;font-size: 11px;display: block;width: 30px;right: -35px}
            .sidebar .box {background: #ebebeb url('../img/side-box-top.jpg') no-repeat;margin-bottom: 20px}
                .sidebar .box .in {background: url('../img/side-box-btm.jpg') no-repeat bottom;padding: 20px}
                .sidebar .box ul li {background: url('../img/arrow.gif') no-repeat 0 55%;padding: 6px 0 6px 13px}
    
                                                     
  	/* footer ----------------------------------------------------------------- */
  	#footer {background: #ebebeb url('../img/bg-footer-repeat.jpg') repeat-x;color: #7b7b7b;font-size: 0.9em;height: 100px;margin: 0}
      	#footer span {display: block;width: 940px;padding: 15px 0;margin: 0 auto}



hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.floatLeft {float: left;}
.floatRight {float: right;}
.bold {font-weight: bold;}
.small {font-size: 0.9em}
p.sidepadding15 {padding: 0 15px}
.alignLeft {text-align: left}
.alignCenter {text-align: center}
.alignRight {text-align: right}
.noborder {border: 0;}
.noMargin {margin: 0}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* posuvník */

.posuv_line {
  float: left;
  width: 600px;
  padding: 5px 0px 10px 0px;
}
.posuv_panel {
  float: right;
  margin: 0px 5px 0px 0px;
}
.posuv_akt_page {
  float: left;
  background: #c0c0c0;
  color: black;
  font-size: 12px;
  width: 20px;
  padding: 2px 1px 2px 1px;
  margin: 0px 0px 0px 4px;
  border: 1px #69737d solid;
  text-align: center;
  font-weight: bold;
}
a.posuv_page {
  float: left;
  display: block;
  text-decoration: none;
  font-size: 12px;
  width: 20px;
  padding: 2px 1px 2px 1px;
  margin: 0px 0px 0px 4px;
  border: 1px #69737d solid;
  text-align: center;
}
a.posuv_page:hover {
  text-decoration: none;
  background: #69737d;
  color: white;
}