* {margin: 0;padding: 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{list-style-type:none}
ol {padding: 5px 17px;font-size: 0.9em}
body {background: #C7DFF5 url('bg.png') repeat-x;font: normal 12px Arial,sans-serif; color: #000}

p {line-height: 1.3em;padding: 0 0 15px 0;text-align: justify;}
#homepage p {font-size: 1.0em}
body#homepage {background: #C7DFF5 url('bg-body-home.png') repeat-x; }
p.big {font-size: 1.2em}
p a.more {float: right}
address {font-style: normal;padding-bottom: 15px}
#content strong {color:#2167A5;}

/* LINKS ---------------------------------------------------------------------------------------------------------- */
a {color: #2167a5;text-decoration: underline;}
a:link {color: #2167a5;}
a:focus {color: #2167a5; outline: 0}
a:visited {color: #2167a5}
a:hover {color: #2167a5;text-decoration: none;}

/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0}
h1 { font-size: 1.8em;margin: 0 0 10px; color: #75bee8;font-weight: bold}
#homepage h1 {margin: 0}
h2 { font-size: 1.6em; margin: 0 0 10px; color: #75bee8;font-weight: bold;}
#homepage h2 {color: #000;font-weight: bold; }
h3 { margin: 0;font-size: 1.0em;padding: 0;color: #75bee8}
h4 { font-size:1.0em;margin: 5px 0 10px;color: #75bee8;padding-bottom: 5px;border-bottom: 1px solid #ccc}

#layout {padding: 355px 0 0;margin: 0 auto;width: 1000px;position: relative}

    /* logo */
    a#logo {display: block;font-size: 1.5em;width: 405px;height: 156px;color: #fff;text-indent: -9999px;position: absolute;left: 45px;top: 97px;text-decoration: none;background: url('../images/logo.png') no-repeat}

    /* slogan */
    #slogan {display: block;font-size: 1.0em;width: 239px;height: 55px;color: #fdc101;text-indent: -9999px;position: absolute;left: 400px;top: 130px;text-decoration: none;background: url('../images/slogan.png') no-repeat}
    
    
    /* navigation */
    ul#nav {position: absolute;left: 42px;top: 280px;padding: 0; z-index:2;}
        ul#nav li {float:left;margin: 0 16px 0 0}
            ul#nav li a {font-size: 1.5em;padding:0; line-height: 32px;display: block;text-align: center;text-decoration: none;float: left;color: #000;font-weight: bold; text-transform:lowercase;}
            ul#nav li a:hover {color: #fff; text-decoration:underline;}
            ul#nav li.active a { color:#fff; text-decoration:underline;}
            
    
    #subnav {position: absolute;left: 0;top: 330px;width: 100%;height: 44px; /*background: url('../images/submenu-bg.png') no-repeat 50% 0*/}
        #subnav ul {padding: 1px 0 0;width: 940px;margin: 0 auto}
        #subnav ul li {float:left;margin: 0 10px 0 0}
            #subnav ul li a {font-size: 1.3em;padding: 0 12px;line-height: 35px;display: block;text-align: center;text-decoration: none;float: left;color: #fff;font-weight: bold}
            #subnav ul li a:hover {color: #fff;background: #f6b47a;}
            #subnav ul li.active a {color: #fff;background: #f6b47a;}
    
    
    /* langs */
    #langs {position: absolute;right: 10px;top: 40px;color: #000;font-size: 1em}
    #langs a {color: #000;text-decoration: none}
    #langs a:hover {color: #6d98c0}
    #langs a.active {color: #6d98c0}
    
    /* flash */
    #flash {width: 365px;height: 239px;position: absolute;right: 0;top: 71px}

    #sideLeft {float: left;width: 790px}

    #content {float: right;width: 590px; }
    #content.wider { width:760px;  }
    #content h2 { font-size:1.3em;}
    .content.home h3 { color:#fff; font-size:1.6em; background: #7dadd6; font-weight:normal; padding:3px 0 3px 15px}
    #content .content.home h2, #content .news h2 { font-size:1.5em;}
	.content.home a.more { color:#000; font-size:1.1em; font-weight:bold; }
    .content.home p { font-size:0.9em; padding:10px 0 10px 15px;}
	#content .padding {padding: 25px 30px}
    #content.wider .padding { padding: 50px 30px 50px 10px;}
	#homepage #content {padding-top: 0;width: 798px;float: left}
   
    #content .wrap {padding: 10px 10px 0 5px} 
    #content .content {float: right;width: 515px}
    #content .news {float: left;width: 250px;}
    #content .news a { color:#000; font-size:1.1em; font-weight:bold; float:right;}
    
    #content ul {padding: 5px 0 15px 0;list-style-type: none;}
    #content ul ul, #content ul ul ul { padding:0; margin:0;}
	#content ul li {padding: 0 0 0 15px;background: url('bg-li.png') no-repeat 0 8px; line-height:22px;}
	.content-bg-end { background: url('bg-content-end.png') no-repeat left top; height:25px; width:980px; position:relative; top:12px;}
	.content-bg-end.home { background: url('bg-content-end2.gif') no-repeat left top; height:25px; width:980px; position:relative; top:0;}
	
    /*#content .colsWrap {background: url('../images/cols-bg.png') repeat-y}*/
    /*#content .cols {background: url('../images/cols-top.png') no-repeat}*/
    #content .cols ul {padding: 0 7px;}
    #content .cols ul li {width: 252px;float: left;padding: 0;background: none;min-height: 280px;position: relative}
    #content .cols ul li a.link {display: block;width: 100%;height: 100%;_height: 280px;cursor: pointer;z-index: 100;position: absolute;top: 0;left: 0;text-indent: -9999px}
    #content .cols ul li h2 {margin: 0;font-size: 1.6em;position: relative;z-index: 1;padding: 5px 15px;font-weight: bold}
    #content .cols ul li p {padding: 0 15px 5px;font-size: 0.9em;position: relative;z-index: 1;text-align: justify;width: 220px}
    #content .cols ul li p .more {float: right;text-decoration: underline}
    #content .cols ul li:hover p .more {text-decoration: none}
    #content .cols ul li.center {margin: 0 14px 0 13px;text-align: left;}
    #content .colsBtm {background: url('../images/cols-btm.png') no-repeat;height: 11px;font-size: 0;line-height: 0;margin-bottom: 20px}
    
    #content .news ul li {padding: 0;background: none}
    #content .news ul li span {padding-left: 7px;background: url('../images/square.png') no-repeat 0 6px}
    
    table {width: 100%;border-collapse: collapse;margin-bottom: 15px;font-size: 1.0em}
    table th {text-align: left;padding: 10px;color: #fff;}
    table td {padding: 5px 0;}
           
    .sidebar {width: 198px;}
    .sidebar .boxTop {font-size: 0;line-height: 0;height: 7px;background: url('../images/sidebar-top.png') no-repeat}
    .sidebar .box {min-height: 500px; /*background: url('../images/sidebar-bg.png') repeat-y; */padding: 10px 16px 10px 2px}
    .sidebar .boxBtm {font-size: 0;line-height: 0;height: 10px;background: url('../images/sidebar-btm.png') no-repeat}
    .sidebar h3 {color: #fff;margin: 0;font-size: 1.0em;padding: 0}
    .sidebar .inBox {padding: 3px 10px; /*background: url('../images/sidebar-sep.png') no-repeat 0 100%; */margin-bottom: 0;}
    .sidebar .inBox a { color:#000;}
	.sidebar .inBox p { margin-bottom:17px;} 
	.sidebar .inBox strong.odsaz { padding-bottom:3px; display:block; }
	.sidebar .inBox a.more { font-weight:bold; margin-top:5px; font-size:1.1em; }
	.sidebar .inBox.last {margin: 0;background: none}
    .sidebar fieldset {padding-bottom: 15px}
    .sidebar form label {display: none}
    .sidebar .text {background: #fff url('../images/input-bg.png') repeat-x 0 100%;padding: 2px 0;width: 100%;color: #000;margin: 6px 0 4px;border: 1px solid #575757;border-left-color: #e3e3e3;border-right-color: #e3e3e3;border-bottom-color: #dcdcdc}
    .sidebar .submit {width: 52px;height: 19px;border: 0;background: url('../images/submit-bg.png') no-repeat;font-size: 0.9em;line-height: 19px;padding: 0 0 3px;float: right}
    .sidebar ul {padding: 0 0 0 0;list-style-type: none;font-weight: bold}
    .sidebar ul li {padding: 0 0 0 15px;background: url('bg-li.png') no-repeat 0 4px;margin: 0;}
    .sidebar .nav {padding: 10px 0 }
    .sidebar .nav li {padding: 0; background:none; }
    
    .sidebar .nav li a {font-weight: normal;padding: 5px 5px 5px 20px;display: block;text-decoration: none;font-size: 1.2em; color:#000;}
    /*.sidebar .nav li.active a {font-weight: bold; }
    .sidebar .nav li a:hover { }*/
    
	.sidebar .nav li.active a {font-weight: bold; background: #B5D3EC; border-top:1px solid #3E4851; border-bottom:1px solid #DAE9F6;}
    .sidebar .nav li a:hover { background:#B5D3EC; }
    
    
  	/* FOOTER ----------------------------------------------------------------------------------------------------- */
  	#footer {position: relative;background: url('bg-footer.png') repeat-x;height: 79px}
    #footer .foot {width: 1000px; margin: 0 auto;padding: 18px 0 0;color: #fff;font-size: 0.9em}
    #footer a {color: #fff;text-decoration: none}
    #footer a:hover {color: #fff; text-decoration: underline}
    #footer .floatRight {padding-top: 10px}        
	#footer .foot.clearfix {background:none; }

/* OTHER ----------------------------------------------------------------------------------------------------- */
.alert {background: #0266a7 url('../images/alert-bg.png') repeat-y 50% 0;margin: 20px 0;position: absolute; top:500px; left:40%; border: 1px solid #003d64;width: 300px; display:none; }
.alert p {padding: 25px 10px;font-size: 1.2em;font-weight: bold;text-align: center}
.alert a.close {position: absolute;right:-6px;top:-6px;}
.alert.block { display:block; }
.text {background: #292929;border: 1px solid #1a1a1a;border-bottom-color: #848484;border-right-color: #565656;color: #fff;margin-right: 5px}
hr {display: none}
.sep {display: block;width: 174px;height: 4px;background: red url('../images/sidebar-sep.png') no-repat;margin: 10px 0;border: 0;}
.submit {width: 140px;font-size: 12px;font-family: Arial;cursor: pointer;background: #e26d0e url('../images/butt-gradient.png') repeat-x;color: #000;border: 0;padding: 4px 0;margin: 0;}
.high {font-weight: bold}
.clear {clear: both;display: block;height: 0;line-height: 0;font-size: 0;width: 100%}
.noscreen {display: none}
.floatLeft {float: left}
.floatRight {float: right;}
.big {font-size: 1.2em}
.small {font-size: 0.9em}
.image img,
img.image {border: 1px solid #e49206}
img.floatLeft {margin-right: 10px}
img.floatRight {margin-left: 10px}
.bold {font-weight: bold}
.alignRight {text-align: right}
.center {text-align: center}
.noborder {border: 0}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block; background: url('bg-content.png') repeat-y;  position:relative; top:12px; }
.clearfix.home { background:  url('bg-content2.gif') repeat-y; position:relative; top:0;}
.wrap.clearfix { background:none; }

/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block; }
.home-text a { float:right; }

.breadcrumb { position:absolute; top:370px; }
#content .breadcrumb li { display:inline; padding:0 2px 0 2px; list-style-type:none; background: none; }
ul#nav li a.home-href { background: url('../images/home.png') no-repeat left -15px; width:13px; height:14px; display:block; margin:10px 0 0 0; padding-left:5px;}
ul#nav li.home-active a { background-position:left 0; }

form.contact { padding:10px 0 0 15px; background: #2167a5; width:100%; height:auto;}
form.contact input { background:url('bg-input.png') repeat-x; border:none; height:23px; width:180px; }
form.contact label { color:#fff; }
form.contact p { color:#fff; }
form.contact input#subject { width:255px;}
form.contact textarea { width:510px; height:90px; background: url('bg-textarea.png') repeat-x; border:none; }
form input.submit { background: #b5d3ec; border:none; color:#2167a5; margin-right:20px; text-transform: uppercase; width:88px; height:23px; }

.pager { width: 100%; text-align:center;}
.pager ul { list-style-type:none; }
#content .pager li { list-style-type:none; background: none; display:inline;padding:0; font-weight: bold;  padding:0 10px 8px 10px; line-height:35px;}
.pager ul li a { text-decoration:underline; color:#000000;  }
.pager li.first { cursor:pointer; cursor:hand; width:22px;}
.pager li.prev { cursor:pointer; cursor:hand; margin-right:10px;}
.pager li.next { cursor:pointer; cursor:hand; margin-left:10px;}
.pager li.last { cursor:pointer; cursor:hand;} 
.pager.bottom { padding-top:10px;}
#content a.more { float:left; font-size: font-size:1.1em; margin-top:0; color:#000; margin-bottom:25px; clear:both; }
#content a.fright { float:right; }
p.date { padding-bottom:2px;}

form#login_form table {width: 300px;}
form#login_form input.text {width: 100%; background: url("bg-content.png") repeat-y scroll 0 0 transparent;}
div#user_info {float:right;}
h2.error {color: #f00;}

#footer .floatLeft { width:650px; }
.footer-loga { float:right; width:375px; }
.footer-loga a{ margin-right: 2px; }

a.vox { background: url('logo-vox.png') no-repeat left top; display:block; width:50px; height:42px; float:left; margin-right:15px; }
a.vox:hover { background-position: left -64px;}
a.aivd { background: url('logo-aivd.png') no-repeat left top; display:block; width:50px; height:42px; float:left; }
a.aivd:hover { background-position: left -62px;}
a.chk { background: url('logo-chk.png') no-repeat left top; display:block; width:50px; height:42px; float:left;}
a.chk:hover { background-position: left -58px; }
a.cse { background: url('logo-cse.png') no-repeat left top; display:block; width:50px; height:42px; float:left;}
a.cse:hover { background-position: left -58px; }
a.pravni-radce { background: url('logo-pravni-radce.png') no-repeat left top; display:block; width:79px; height:42px; float:left;}
a.pravni-radce:hover { background-position: left -63px; }
a.educity { background: url('logo-educity.png') no-repeat left top; display:block; width:67px; height:42px; float:left;}
a.educity:hover { background-position: left -61px; }



.right-line { background: url('bg-right-line.png') no-repeat; width:170px; height:4px; margin:3px 0 8px 0;}
.right-line-small { background: url('bg-right-line-small.png') no-repeat right center; width:160px; height:4px; margin:0 0 8px 0;}