/* 



    sysapp 0.1.2  Main CSS file (screen width resolution min. 1024)

    ----------------------------------------------------------------------

    Author       Jan Koprajda (jan.koprajda@dzonny.com)

    Last edit    07 Feb 10



*/



html {

     overflow: -moz-scrollbars-vertical;

}



/*  ----- Odkazy -----  */



a:link    { color: #333; }

a:visited { color: #333; }



a:hover,

a:active,

a:focus   { 

	text-decoration: none;

}



/*  ----- Odstavce -----  */

p {

  line-height: 21px;

  margin-bottom: 15px;

  text-align: justify;

}



/* ----- Table -----  */

table {

    width: 100%;

    border: 1px solid #dedede;

}

table thead {

    display: none;

}

table th,

table td {

    padding: 7px 12px;

    line-height: 20px;

    text-align: justify;

    border: 1px solid #eee;

}

table th {

    font-weight: bold;

    vertical-align: top;

}

table tbody tr th, table tbody tr td {

    background-color: none;

}

table tbody tr.even th, table tbody tr.even td {

    background: none;

}

table tbody th {

    width: 180px;

    text-align: right;

    border-right: 1px solid #eee;

}



/* ----- Forms -----  */

form table {

  width: 520px;

  margin: 10px 0 15px 60px;

  border: 0;

}

form table tbody td,

form table tbody th {

        padding: .1em 0;

        border: 0;

}

form table tbody th {

        width: 100px;

        padding: .5em 0 .1em 0;

        text-align: left;

        font-weight: normal;

}

#content .form-object ul {

    padding: 0;

    margin: 0;

}

.form-object ul li {

    list-style: none;

    font-size: 11pt;

    margin-bottom: 10px;

}

input,

textarea,

select {

        margin-right: 2px;

}

input,

textarea {

/*        font-family: Arial, Helvetica, sans-serif; */

        font-family: Georgia, Times New Roman, Times, serif;

        padding: 2px 3px;

}

textarea {

        margin-top: 2px;

        margin-bottom: 2px;

        overflow: visible;

        font-size: 10pt;

        width: 406px;

        padding: 2px;

        border: 1px solid #ccc;

}

input {

        margin-top: 2px;

        margin-bottom: 2px;

        overflow: visible;

        font-size: 10pt;

        width: 400px;

        padding: 5px;

        border: 1px solid #ccc;

}

input[type="radio"],

input[type="checkbox"]{

        position: relative;

        top: 1px;

        left: -2px;

}

input.submit {

        padding: 4px 10px 3px;

        width: 100px;

}

form table tbody tr.required th,

form li.required label {

        font-weight: bold;

}

form .errored input,

form .errored textarea {

    border-color: #c40000;

    background: #fccfcf;

    color: #c40000;

}

input:focus,

textarea:focus {

        border-color: #777;

        background: #efefef;

}

form .errored input:focus,

form .errored textarea:focus {

        background: #efefef;

}

/* ------ Errors ------ */

#content ul.errorlist,

.form-object ul.errorlist {

    width: 392px;

    background: #c40000;

    padding: 1px 10px 5px 10px;

    margin: 0 0 0 0;

}

.form-object .errorlist li {

    color: #fff;

    list-style: none;

    margin: 0;

    padding: 3px 0 0 0;

}

p.form-sent {

    padding: 7px 10px;

    color: #fff;

    background: #009d00;

}

.form-sent a {

    color: #fff;

}



/*  ----- Clear, Hide -----  */



.hide,

.blind a,

.print {

	left: -10000px;

	overflow: hidden;

	position: absolute;

	width: 0; height: 0;

}

         .clear { clear: both; }

     span.clear { display: block; }

#ie6 span.clear,

#ie7 span.clear { display: inline; }



/* -------- image floats --------- */



img.left {

    float: left;

     margin: 5px 15px 10px 0;

}

img.right {

    float: right;

    margin: 5px 0 10px 15px;

}



/*

    PAGE LAYOUT

    ------------------------------------------------------------------------

*/



body {

  background: #fff;

  font-family: Georgia, Times New Roman, Times, serif;

  font-size: 100%;

  text-align: center;

}



div#page {

	margin: 100px auto;

	position: relative;

	width: 980px;

	text-align: left;

	color: #333;

    border: 2px solid #ededed;

    border-width: 0 0px;

    background: #fff;

}



/*  ----- Header -----  */



div#header {

  width: 980px;

  height: 200px;

}



/* -- Logo -- */



div#logo {

  width: 100%;

  float: left;

  padding-right: 0px;

  margin: 15px 0 0 0;

}



#logo h1,

#logo a {

	display: block;

	height: 170px;

	position: relative;

	margin-bottom: 0;

    font-size: 0;

    text-decoration: none;

}



#logo a:hover {

    background: none;

}

	

#logo h1 span,

#logo a span {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	background: url(../img/logo.png) no-repeat;

	height: 200px;

	width: 100%;

}



#ie6 #logo h1 span,

#ie6 #logo a span {

        behavior: url('/media/shared/js/pngfix/iepngfix.htc');

}



/* -- Info -- */

div#info {

	font-size: 13pt;

	width: 100%;

	line-height: 25px;

	overflow: hidden;

	padding: 0px 0px 0px 12px;

	margin-right: 1;

	color: #333;



}



#info div {

  margin: 0px;

}



/*  ----- Top Navigation -----  */



div#top-navigation {

  position: absolute;

  z-index: 10;

  top: 200px;

  left: 0;

  background:  url(../img/menu-bg.gif) left bottom repeat;

  text-align: left;

  width: 100%;

  height: 69px;

}



#top-navigation h2 {

  display: none;

}

#top-navigation ul {

  display: block;

  position: relative;

  left: 0;

  text-align: left;

  width: 980px;

}

#top-navigation li {

	float: left;

	margin: 0;

}

#top-navigation li a, #top-navigation li span {

	color: #fff;

	display: block;

	float: left;

	font-weight: bold;

	font-size: 15.5px;

	height: 1%;

	line-height: 21px;

	padding: 7px 14px 6px 13px;

	margin-bottom: 0;

	text-decoration: none;

	text-transform: uppercase;

    border-left: 1px solid #fff;

}

#top-navigation li a:hover,

#top-navigation li a:active,

#top-navigation li a:focus { 

	background: #333;

}



#top-navigation li.active a, #top-navigation li.active span { 

	background: #f9f9f9;

    color: #333;

}



/*  ----- Left Blocks ----- */



div#left-blocks {

  width: 970px;

  float: left;

  background: #fff;

  /* vzdalenost od vrchu */

  margin: 69px 0 0 0;

  padding: 0px 0px 0px 10px;

  padding-bottom: 15px;

}



/* --------- Quick Path ---- */

div#quick-path {

  position: absolute;

  z-index: 15;

  top: 263px;

  left: 20px;

  font-size: 11pt;

}



/* ----- Content -----  */



div#content {

  width: 100%;

  float: right;

  position: relative;

  height: 1%;

  padding: 0;

  margin-top: 30px;

}

div#left-blocks .home {

  margin-top: 0;

}

#content .content-in {

  padding: 10px 25px 10px 10px;

}

#content h1,

#content h2,

#content h3 {

	color: #339900;

	position: relative;

	left: -1px;

    font-size: 28pt;

    font-weight: normal;

    margin-bottom: 25px;

}

#content h2 {

  color: #333;

  font-size: 12pt;

  font-weight: bold;

  text-decoration: underline;

  margin-bottom: 10px;

}

#left-blocks .home h2.title {

    color: #00CC00;

    position: relative;

    left: -1px;

    font-size: 31pt;

    font-weight: normal;

    text-decoration: none;

    margin-bottom: 25px;

/*    display: none;  */

}

#content h3 {

  color: #333;

  font-size: 13pt;

  font-weight: normal;

}

#content ul {

  font-size: 10pt;

  line-height: 21px;

  padding-left: 15px;

  padding-bottom: 5px;

  list-style-type: disc;

}

#content ul ul {

  padding-left: 30px;

  list-style-type: circle;

}



.item {

    background: #f8f8f8;

    padding: 10px;

    margin-bottom: 10px;

}

.item img {

  float: left;

  margin: 0 15px 10px 0;

  border: 1px solid #eee;

}

.item a:hover img {

  border: 1px solid #333;

}



div.basic-info {

    background: #f8f8f8;

    padding: 10px;

}

.basic-info p.ico {

   margin: 0;

   padding: 0;

}





/******* icons *************/

#content .icons.right ul {

  float: right;

  list-style: none;

}

#content .icons.left ul {

  float: left;

  list-style: none;

  display: none;

}

#content .icons.right li {

  margin: 0 0 0 10px;

}

#content .icons.left li {

  margin: 7px 15px 0px 0px;

}

#content .icons.left li img {

  padding: 10px 10px 10px 10px;

  border: 1px solid #F1F1F1;

}

#left-blocks div.subpage div.icons {

/*  display: none; */

}







/* ----- Left column -----  */



div#left-column {

  width: 220px;

  float: left;

  margin-top: 30px;

}

div#left-blocks .home #left-column {

  margin-top: 0;

}



/* ----- Column navigation -----  */



div#col-navigation {

  width: 260px;

  background: /* url(../img/bg-colnav.png) */ 0 0 repeat-x #003399;

}

#col-navigation ul {

  list-style-type: none;

  padding: 10px 0 12px 0;

}

#col-navigation li {

  margin: 0;

}

#col-navigation li a {

  background: url(../img/nav-arrow.gif) 100% 50% no-repeat transparent;

  color: #CCC;

  display:block;

  height: 1%;

  font-size: 12pt;

  font-weight: normal;

  padding: 8px 6px;

  text-decoration:none;

  width: 248px;

}

#ie6 #col-navigation li a {

  width: 260px;

}

#col-navigation li a:hover,

#col-navigation li a:active,

#col-navigation li a:focus { 

	background: #3978A1;

	color: #fff;

}

#col-navigation li.active a { 

	background: #fff;

	color: #000;

}

#col-navigation li.active a:hover,

#col-navigation li.active a:active,

#col-navigation li.active a:focus { 

	background: #c00;

	color: #fff;

}





/* ----- content navigation -----  */

div#content-navigation {

    padding-bottom: 10px;

}

#ie6 div#content-navigation {

    margin-left: -45px;

}

div#content-navigation ul {

/*    float: left; */

    width: 100%;

    list-style: none;

    margin: auto;

}

div#content-navigation li {

    height: 175px;    

    width: 22%;

    float: left;

    margin: 5px 13px 11px 0;

    text-align: center;

    border: 1px solid #666666;

    background: #EBFADF;



}

#content-navigation a img {

   border: 1px solid #ebebeb;

   margin: 5px 5px 5px 5px;

/*   display: none; */

}

#content-navigation a:hover img {

    border: 1px solid #000;

/*    display: none; */

}

div#content-navigation li.order-4,

div#content-navigation li.order-8,

div#content-navigation li.order-12,

div#content-navigation li.order-16 {

    margin-right: 0;

}

div#content-navigation li.order-1,

div#content-navigation li.order-4,

div#content-navigation li.order-7,

div#content-navigation li.order-10,

div#content-navigation li.order-13 {

    margin-left: 0;

}

div#content-navigation h2 {

    width: 90%;

    padding: 0 0 0px 0;

    margin: 0px;

    line-height: 20px;

    font-size: 12pt;

    color: #000;

/*    background: #fff;  */

    text-decoration: none;



}

div#content-navigation a:hover h2 {

    color: #666;

    text-decoration: none;

}



/* ----- block content navigation -----  */

.block.content-navigation {

    clear: both;

    padding-bottom: 40px;

}

#ie6 .block.content-navigation {

    margin-left: -45px;

}

#content .block.content-navigation ul {

/*    float: left; */

    width: 100%;

    list-style: none;

    margin: auto;

}

.block.content-navigation li {

    float: left;

    margin: 0px 25px 11px 0;

    text-align: center;

    border-left: 5px solid #EBEBEB;

    border-right: 5px solid #EBEBEB;

    border-top: 8px solid #EBEBEB;

    background: #EBEBEB;

}

.block.content-navigation a img {

   border: 1px solid #ebebeb;

}

.block.content-navigation a:hover img {

    border: 1px solid #000;

}

.block.content-navigation li.order-3,

.block.content-navigation li.order-6,

.block.content-navigation li.order-9,

.block.content-navigation li.order-12 {

    margin-right: 0;

}

.block.content-navigation li.order-1,

.block.content-navigation li.order-4,

.block.content-navigation li.order-7,

.block.content-navigation li.order-10,

.block.content-navigation li.order-13 {

    margin-left: 0;

}

.block.content-navigation h2 {

    width: 200px;

    padding: 0 0 2px 0;

    margin: 0px;

    line-height: 20px;

    font-size: 10px;

    color: #9F9F9F;

	background: #003399;



}

.block.content-navigation a:hover h2 {

    color: #000;

    text-decoration: underline;

}





/**** partners ****/



.block.partners {

}



.block.partners ul {

    text-align: center;

}



.block.partners li {

}



.block.partners img {

}



.block.partners .object {

    display: inline;

    width: auto;

    float: none;

}

.block.partners h2,

.block.partners .more {

    display: none;

}



.block.partners.brands {

}







/**** top article ****/

.block.top-article {

    width: 630px;

    float: left;

    color: #AFAFAF;

    font-size: 13pt;

    padding: 0;

    background-color: #000;

    clear: none;

}

.block.top-article .object {

    width: 100%;

    height: auto;

    float: none;

    margin: 0;

    background: none;

}

#content .block.top-article h2 {

    color: #fff;

    font-weight: normal;

    background-color: #9F9F9F;

    margin: 0;

    padding: 15px;

    border-bottom: 1px solid #3F3F3F;

}

.block.top-article h2 a {

    color: #fff;

    font-size: 15pt;

    border-bottom: 1px solid #5F5F5F;

}

.block.top-article h2 a:hover {

    border-bottom: 1px solid #fff;

}

.block.top-article div.items {

    background-color: #000;

}

.block.top-article p {

    color: #AFAFAF;

    line-height: 20px;

    padding: 15px 15px 0 0;

}

.block.top-article img {

    float: left;

    margin: 15px;

}

.block.top-article .items p a {

    color: #fff;

    text-decoration: underline;

}

.block.top-article .items p a:hover {

    text-decoration: none;

}







/* ----- block akce-listek -----  */

.block.akce-listek {

    clear: both;

    padding-bottom: 40px;

}



.block.akce-listek first {

    background: #000;

    padding: 10px;

    margin-bottom: 10px;

}





#ie6 .block.akce-listek {

    margin-left: -45px;

}

#content .block.akce-listek ul {

/*    float: left; */

    width: 100%;

    list-style: none;

    margin: auto;

}

.block.akce-listek li {

    float: left;

    margin: 0px 25px 11px 0;

    text-align: center;

    border-left: 5px solid #EBEBEB;

    border-right: 5px solid #EBEBEB;

    border-top: 8px solid #EBEBEB;

    background: #000;

}

.block.akce-listek a img {

   border: 1px solid #ebebeb;

}

.block.akce-listek a:hover img {

    border: 1px solid #000;

}

.block.akce-listek li.order-3,

.block.akce-listek li.order-6,

.block.akce-listek li.order-9,

.block.akce-listek li.order-12 {

    margin-right: 0;

}

.block.akce-listek li.order-1,

.block.akce-listek li.order-4,

.block.akce-listek li.order-7,

.block.akce-listek li.order-10,

.block.akce-listek li.order-13 {

    margin-left: 0;

}

.block.akce-listek h2 {

    width: 200px;

    padding: 0 0 2px 0;

    margin: 0px;

    line-height: 20px;

    font-size: 10px;

    color: #9F9F9F;

    background: #000;

    display: none;



}

.block.akce-listek a:hover h2 {

    color: #000;

    text-decoration: underline;

}









/* ----- block left-news -----  */

.block.left-news {



    background: #fff;

}





#ie6 .block.left-news {

    margin-left: -45px;

}





.block.left-news a img {

   border: 1px solid #ebebeb;

   margin: 5px 5px 5px 5px;

}



.block.left-news a:hover img {

    border: 1px solid #ebebeb;

}





.block.left-news h2 {

    width: 211px;

    padding: 8px 0px 8px 8px;

    margin: 0px;

    font-size: 14px;

    color: #fff;

    background: #000;

/*    display: none; */



}















/* ----- block home ---- */















/* ----- Block left menu -----  */



div.block {

  background: #497592;

  width: 220px;

  padding-bottom: 0px;

  margin: 0px 0 0px 0px;

}

#content .block {

  background: none;

  width: 100%;

}

#content .block .object {

    background: #f8f8f8;

    padding: 10px;

    margin-bottom: 10px;

}

#content .block .object img {

  float: left;

  margin: 0 15px 10px 0;

  border: 0px solid #eee;

}

#content .block .object a:hover img {

  border: 0px solid #333;

}

#content .block h3 {

  margin-bottom: 5px;

}

#content .block .date {

  font-size: 9pt;

}

#content .block p {

  padding-left: 0;

}

#content .show-all {

  display: none;

}

.block h2 {

  color: #fff;

  padding: 7px;

  position: relative;

  font-size: 15px;

}

.block p {

  font-size: 0.8em;

  line-height: 18px;

  text-align: left;

	padding: 7px 5px 2px 7px;

	margin: 0;

}

#ie6 .block table {

  width: 220px;

}

.block table th {

	font-weight: normal;

	vertical-align: middle;

}

.block form table {

  margin: 5px 0 0 5px;

}

.block input {

	margin-top: 2px;

	margin-bottom: 2px;

	overflow: visible;

	width: 125px;

}

.block input.submit {

	width: 80px;

}



/* ----- navigation -------- */

.block.navigation {

}

.block.navigation ul {

  width: 220px;

  padding-bottom: 0px;

  margin: 0px 0 0px 0px;

}

.block.navigation li {

  width: 220px;

  padding-bottom: 0px;

  margin: 0px 0 0px 0px;

}

.block.navigation li a {

    background: /* url(../img/block-nav-menu.gif) 0 0 repeat-x*/ #F8F8F8;

    display:block;

    font-size: 10pt;

    padding: 8px 6px;

    text-decoration:none;

    width: 199px;

    border-top: 1px solid #fff;

    border-left: 10px solid #F8F8F8;

    border-bottom: 1px solid #fff;



}

#ie6 .block.navigation li a {

    width: 220px;

}

.block.navigation li a:hover,

.block.navigation li a:active,

.block.navigation li a:focus {

    background: #F8F8F8;

    color: #000;

    border-top: 1px solid #fff;

    border-left: 10px solid #4A6672;

    border-bottom: 1px solid #fff;

    width: 199px;

  padding: 8px 6px;

}

.block.navigation li.active a {

    margin: 0px 0 0px 0px;

    background: #fff;

    color: #000;

    border-top: 1px solid #fff;

    border-left: 10px solid #DF003B;

    border-bottom: 1px solid #fff;

    width: 199px;

}

.block.navigation li li a, .block.navigation li.active li a {

    background: #fff;

    width: 151px;

    padding-left: 25px;

    border-top: 1px solid #fff;

    border-left: 10px solid #F8F8F8;

    border-bottom: 1px solid #fff;

}

.block.navigation li li.active a {

    border-left: 10px solid #4A6672;

}

.block.navigation li.active a:hover,

.block.navigation li.active a:active,

.block.navigation li.active a:focus {

    background: #fff;

    border-top: 1px solid #fff;

    border-left: 10px solid #4A6672;

    border-bottom: 1px solid #fff;

    width: 199px;

}







/* ----- contacts, organization -----  */

div#organizations ul {

    list-style: none;

}

#organizations div.district {

    font-weight: bold;

    font-size: 11pt;

    color: #fff;

    background: #54ABE0;

    padding: 5px 10px;

}

#organizations h2 {

    font-size: 12pt;

}

#organizations h3 {

    margin: 0;

}

#organizations li li {

    padding: 10px;

    margin: 10px 0 0 0;

    background: #f8f8f8;

}

#organizations div.more {

    display: none;

    padding: 5px 0;

    margin: 0;

}

#organizations div.general-contacts {

    width: 45%;

    float: left;

}

#organizations p {

    font-size: 10pt;

}

#organizations div.go-to-detail {

    clear: both;

    font-size: 10pt;

    text-align: right;

    padding: 0 15px 0 0;

}



/* ----- patterns -----  */

div#patterns {

    clear: both;

}

div#patterns div.pattern {

    height: 68px;

}

#patterns .pattern-name {

    width: 20%;

    height: 62px;

    float:left;

    text-align: center;

    background-color: transparent;

}

#patterns .pattern-color {

    width: 80%;

    height: 62px;

    float: right;

}



div#pattern {

    height: 500px;

}



/* ----- Footer -----  */

div#footer {

    width: 980px;

	font-size: 8pt;

	height: 1%;

	line-height: 13px;

	margin: 0 auto;

	padding: 0;

	text-align: right;

	clear: both;

}

#footer div {

  padding: 25px;

}



/* ----- Pagination -----  */

#content .pagination {

    width: 697px;

    height: 30px;

    font-size: 9pt;

    font-weight: bold;

    background: #54ABE0;

    border: 0;

    color: #fff;

    margin: 0 0 10px 0;

    padding: 0;

}

#content .pagination p {

    display: block;

    width: 557px;

    position: relative;

    float: left;

    z-index: 100;

    text-align: center;

    margin: 0;

    line-height: 2px;

    padding: 13px 0 0 0;

}

#content .pagination a {

    color: #fff;

    font-size: 11pt;

}

#content .pagination span {

    font-size: 14pt;

}

#content .pagination p.prev,

#content .pagination p.next {

    width: 70px;

}

#content .pagination p.next a,

#content .pagination p.prev a {

    text-decoration: none;

    font-size: 14pt;

}

#content .pagination p.next a:hover,

#content .pagination p.prev a:hover {

    color: #fff;

}

#content .pagination .bottom {

    height: 9px;

}



#content .filter ul {

  padding: 3px 0 11px 0;

  background: url("../img/block-bg-bottom.png") no-repeat scroll right bottom;

}

.filter h2 {

    display: none;

}

.filter ul li {

    list-style: none;

    float: left;

    margin: 0 20px 7px 0;

}

.filter ul li.order-2,

.filter ul li.order-5,

.filter ul li.order-8,

.filter ul li.order-11,

.filter ul li.order-14,

.filter ul li.order-17,

.filter ul li.order-20 {

    margin-right: 0;

}

.filter li label {

    font-size: 9pt;

}

.filter input {

    width: 224px;

    padding-top: 1px;

    padding-bottom: 1px;

    margin-top: 0;

}

.filter select {

    width: 217px;

    color: #555;

    padding: 1px;

    border: 1px solid #dedede;

}

.filter select.active {

    background: #aaa;

}

.filter select option {

    color: #000;

}

.filter input.money {

    text-align: right;

}

/*** attributtes table ***/

div#attributes {

    clear: both;

}

#content div.files {

    margin-top: 20px;

}

/**** --- google search --- ****/

form#cse-search-box input[type=submit] {

    width: 100px;

}