@charset "utf-8";

/* ===== CSS pro web Agentury VIA ===== */

/* ===== Import Blueprintu a pravidel jej upravujich  ===== */

@import "blueprint/screen.css";
@import "blueprint-extra.css";


/* ===== Pismo a obecne prvky ===== */

body {  
  font-size: 12px;
  line-height: 18px;
  /* font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; */
}

a {
  text-decoration: underline;
  font-weight: bold;
}

h2 {
  line-height: 28px;
}

/* ===== Layout ===== */

body {  
  background-image: url(../img/body_bg.png);
  background-color: #c3c3c3;
  background-repeat: repeat-x;
  background-position: center top;
  padding-bottom: 40px;
}

#container {
  width: 951px;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  CCBorderRadiusBL: 5px;
  CCBorderRadiusBR: 5px;
  border-bottom-left-radius: 5px;  
  border-bottom-right-radius: 5px;  
}

#head {
  background-color: #f2f2f2;
}

#logo {
  width: 185px;
  height: 118px;
  float: left;
  margin: 10px 0 0;
}

/* Navigace */

#navigation  {
  float: right;
  margin: 100px 0 0;
  width: 576px;
}

.cufon-ready #navigation  {
  width: 567px;
}

#navigation a,
#navigation strong {
  float: left;
  display: block;
  height: 38px;
  font-size: 14px;
  line-height: 38px;
  padding: 0 15px;
  margin-left: 7px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius: 5px 5px 0 0;
  CCBorderRadiusTL: 5px;
  CCBorderRadiusTR: 5px;
  border-top-left-radius: 5px;  
  border-top-right-radius: 5px;  
}

#navigation a:hover,
#navigation strong:hover {
  color: #fff;
}

#navigation .first {
  margin-left: 0;
}

#navigation a.grey:hover      { background-color: #767676; }
#navigation a.green:hover     { background-color: #bbdd54; }
#navigation a.blue:hover      { background-color: #54bbbb; }
#navigation a.orange:hover    { background-color: #ff9854; }


/* Navigace druhe urovne 
   ve spolupraci se Superfish http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started 
*/

#second_level_navigation {
  clear: both;
  height: 31px;
  background-repeat: no-repeat;
  background-position: left top;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius: 5px 0 0 0;
  CCBorderRadiusTL: 5px;
  border-top-left-radius: 5px;
}

#second_level_navigation ul {
  list-style-type: none;   
  margin: 0;
}

#second_level_navigation em {
  font-weight: normal;
}

#second_level_navigation a,
#second_level_navigation em {
  color: #fff;
  text-decoration: none;  
  font-weight: normal;
  line-height: 31px;
  height: 31px;
  padding: 0 10px;
  border-left: 1px solid #fff;
}

#second_level_navigation.grey a:hover,
#second_level_navigation.grey em        { background-color: #767676; }
#second_level_navigation.green a:hover,
#second_level_navigation.green em       { background-color: #bbdd54; }
#second_level_navigation.blue a:hover,
#second_level_navigation.blue em        { background-color: #54bbbb; }
#second_level_navigation.orange a:hover,
#second_level_navigation.orange em      { background-color: #ff9854; }

#second_level_navigation ul ul a {
  border-left: 0;
}

/* Uprava Superfish menu */

#second_level_navigation .sf-menu li {
  background: transparent;
}

/* Vnorene menu */
#second_level_navigation .sf-menu li ul li {
  background-color: #333;
  border-top: 1px solid #fff;
  opacity: .9;
  filter:alpha(opacity=90);
}

.section_grey #second_level_navigation .sf-menu li ul li               { background-color: #333; }
.section_green #second_level_navigation .sf-menu li ul li              { background-color: #9c0; }
.section_blue #second_level_navigation .sf-menu li ul li               { background-color: #099; }
.section_orange #second_level_navigation .sf-menu li ul li             { background-color: #f60; }



/* #content -- prvek, ve kterem je veskery obsah */

#content {
  clear: both;
  padding: 20px 30px 30px 30px;
}

/* Paticka */

#foot {
  margin: 0 30px 0 30px;
}

#foot_copyright {
  width: 200px;
  float: left;
}

#foot_navigation {
  width: 600px;
  float: right;
  text-align: right;
}

#foot_navigation a {
  padding: 5px;
}

#foot_navigation a.active {
  font-weight:normal;
}


/* === Sloupce === */

/* Zakladni sloupec (1/4 sirky #content) */
.column {
  width: 205px;
  margin-right: 0;  
  margin-left: 23px;
  float: left;
}

/* Dvojnasobny sloupec (2/4 sirky #content) */
.double-column {
  width: 433px;
  margin-left: 23px;
  float: left;
}

/* Trojnasobny sloupec (3/4 sirky #content) */
.triple-column {
  width: 661px;
  margin-left: 23px;
  float: left;
}

/* Prvni sloupec z rady (ma nulove odsazeni) */
.column.first,
.double-column.first,
.triple-column.first {
  margin-left: 0;
}

/* Zobrazi grid */
.show_grid #content {
  background-image: url(../img/grid.gif);
  background-repeat: repeat-y;
}

/* ===== Barvy ===== */

/* Nadpisy */

h1, h2, h3                 { color: #666; }


/* Barvy odkazu urcuje sekce */

.section_grey a             { color: #333; }
.section_grey a:hover       { color: #767676; }

/* puvodni barvy od Martina */
/*
.section_green a            { color: #9c0; }
.section_green a:hover      { color: #bbdd54; }
*/

/* upravene barvy (tmavsi odstin) na podnet holek z Icka */
.section_green a            { color: #86b300; }
.section_green a:hover      { color: #9c0; }

.section_blue a             { color: #099; }
.section_blue a:hover       { color: #54bbbb; }

.section_orange a           { color: #f60; }
.section_orange a:hover     { color: #ff9854; }


/* Obecna definice barevnych boxiku */

#container .grey {
  background-color: #333;
  color: #fff;
}

#container .green {
  background-color: #9c0;
  color: #fff;
}

#container .blue {
  background-color: #099;
  color: #fff;
}

#container .orange {
  background-color: #f60;
  color: #fff;
}

/* ===== Obecne prvky layoutu ===== */

/* Boxik s barevnym pozadim a kulatymi rohy */

.rounded_box {
  background-color: #333;
  color: #fff;
  padding: 5px 10px 10px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  CCBorderRadius: 5px;
  border-radius: 5px;
}

.rounded_box *,
.rounded_box a {
  color: #fff;
}

.rounded_box h2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}

/* ... musime odecist padding */
.column.rounded_box {
  width: 185px;
}

/* Obecny boxik */

.box {
  padding: 10px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  CCBorderRadius: 5px;
  border-radius: 5px;  
}

.section_grey .box            { background-color: #b9b9b9; }
.section_green .box           { background-color: #dceea8; }
.section_blue .box            { background-color: #a8dcdc; }
.section_orange .box          { background-color: #ffcba8; }

/* ===== Uvodni stranka ===== */


/* Predstaveni - velky boxik s obrazkem */

#introduction {
  height: 340px;
  background-image: url(../img/introduction_bg.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
}

#introduction_image {
  width: 633px;
  height: 340px;
  float: right;
  margin: 0;
}

#introduction_text {
  width: 270px;
  float: left;
  margin-top: 35px;
  margin-left: 30px;
  font-size: 18px;
  line-height: 22px;
  color: #494848;
}

#introduction_text strong {
  color: #000000;
  font-weight: normal;
}

#introduction_text p {
  padding: 10px;
  margin-bottom: 0;
}

#introduction_text h1 {
  display: inline-block;
  padding: 10px;
  background-color: #333;
  color: #fff;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  CCborderRadius: 5px;
  border-radius: 5px;
}

#introduction_link {
  font-size: 12px;
  line-height: 18px;
}

#introduction_link a {
  color: #000;
  text-decoration: underline;
}

/* Novinky na titulce */

#home_news ul,
#home_news li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#home_news li {
  margin-bottom: 5px;
}


/*  ===== Uprava velikosti textu generovanych Cufonem ==== */

.cufon-active #introduction_text h1 
  { font-size: 34px; line-height: 34px; }


/*  ===== Michalovy dodelavky ==== */
.right {
    text-align:right;
}
table {
    border-bottom:1px dotted #b9b9b9;
}
td, th {
    border-top:1px dotted #b9b9b9;
    padding:2px 4px;
}
.sf-sub-indicator {
    display:none;
}
.spacer {
    height:18px;
}

/* Prefix pred nadpisy detailnich stranek (akce, projekt, zprava, apod.) */
.prefix {
  text-transform:uppercase;
  position:relative;
  top:-2px;
  display: inline-block;
  padding: 8px;
  background-color: #9c0;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  margin-right: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  CCborderRadius: 5px;
  border-radius: 5px;
}
.section_grey .prefix {
  background-color: #333;
}
.section_green .prefix {
  background-color: #9c0;
}
.section_blue .prefix {
  background-color: #099;
}
.section_orange .prefix {
  background-color: #f60;
}

/* Podbarveni hlavnich titulku na uvodnich strankach jednotlivych sekci */
.section_blue #introduction_text h1 {
  background-color: #099;
}
.section_orange #introduction_text h1 {
  background-color: #f60;
}
.section_green #introduction_text h1 {
  background-color: #9c0;
}

/* Tmavsi boxy, napr. <div class="box green"> */
.box.green *,
.box.blue *,
.box.orange *,
.box.grey *,
.box.green a,
.box.blue a,
.box.orange a,
.box.grey a {
    color: #fff;
}
.section_grey .rounded_box.green a:hover, 
.section_green .box.green a:hover {
    color:#dceea8;
}
.section_grey .rounded_box.blue a:hover, 
.section_blue .box.blue a:hover {
    color:#a8dcdc;
}
.section_grey .rounded_box.orange a:hover, 
.section_orange .box.orange a:hover {
    color:#ffcba8;
}
.section_grey .rounded_box.grey a:hover, 
.section_grey .box.grey a:hover {
    color:#b9b9b9;
}

/* Svetlejsi boxy, napr. <div class="box"> */
.box *,
.box a {
    color: #333;
}
.section_green .box a:hover {
    color:#9c0;
}
.section_blue .box a:hover {
    color:#099;
}
.section_orange .box a:hover {
    color:#f60;
}
.section_grey .box a:hover {
    color:#333;
}

/* Polozky v lokalnich menu */
.local_menu li a {
    font-weight:normal;
    text-decoration:none;
}
.local_menu li span.active {
    font-weight:bold;
}
.section_green .local_menu li span.active {
    color:#dceea8;
}
.section_blue .local_menu li span.active {
    color:#a8dcdc;
}
.section_orange .local_menu li span.active {
    color:#ffcba8;
}
.section_grey .local_menu li span.active {
    color:#b9b9b9;
}

/* Nastylovani maleho kalendare u akci v IC sekci */
.small-calendar .selected {
    background:#dceea8;
}
.small-calendar .selected,
.small-calendar .selected a {
    color:#9c0;
}
.section_green .small-calendar .selected a:hover {
    color:#767676;
}
.small-calendar .today,
.small-calendar .today a {
    color:#333;
}

/* Obarvene <hr> */
.section_grey hr {
    color:#b9b9b9;
    background-color:#b9b9b9;
}
.section_green hr {
    color:#dceea8;
    background-color:#dceea8;
}
.section_blue hr {
    color:#a8dcdc;
    background-color:#a8dcdc;
}
.section_orange hr {
    color:#ffcba8;
    background-color:#ffcba8;
}

/* Zvyrazneni radku s dulezitou udalosti -- sekce IC */
.section_green tr.important td {
    background-color:#dceea8;
}
.section_green tr.important td a {
    color:#333;
}
.section_green tr.important td a:hover {
    color:#86b300;
}
.section_green tr.important td img {
    padding:0 0 2px 4px;
    vertical-align:middle;
}

table.events tr td {
    vertical-align:middle
}

/* ===== Strankovani ===== */

a.pager,
a.pager:hover {
  display: inline-block;
  width: 20px;
  height: 24px;
  background-color: #333;
  background-repeat: no-repeat;
  vertical-align: middle;
}

a.pager:hover {
  background-color: #767676;
}

a.pager span {
  display: none;
}

a.pager.left {
  background-image: url('../img/pager_left.png');
  margin-right: -2px;
}

a.pager.right {
  background-image: url('../img/pager_right.png');
}



.section_grey #content a.pager       { background-color: #333; }
.section_green #content a.pager 		  { background-color: #9c0; }
.section_blue #content a.pager 		  { background-color: #099; }
.section_orange #content a.pager 	  { background-color: #f60; }

.section_grey #content a.pager:hover       { background-color: #767676; }
.section_green #content a.pager:hover 		  { background-color: #bbdd54; }
.section_blue #content a.pager:hover 		  { background-color: #54bbbb; }
.section_orange #content a.pager:hover 	  { background-color: #ff9854; }


/* Radkovani dole */

.pagination {
    text-align: left;
}

.actual_page {
  display: inline-block;
  padding: 3px 10px;
  background-color: #333;
  color: #fff;
  margin-right: -2px;
  vertical-align: middle;
}

.section_grey #content .actual_page       { background-color: #333; }
.section_green #content .actual_page 		  { background-color: #9c0; }
.section_blue #content .actual_page 		  { background-color: #099; }
.section_orange #content .actual_page 	  { background-color: #f60; }




/* neuhlazene!!!!!!! */
table.catalogue td {
    padding-top:10px;
    padding-bottom:10px;
}
.attachments {
    margin-top:18px;
}
#filter ul {
    list-style:none;
    padding:0;
    margin:0;
}
#filter ul li, #filter p {
    float:left;
    padding-right:1.2em;
}
#filter p {
    margin-bottom:0;
}
.section_green #filter-box.box {
    background:#9c0;
}