/* ===================
BASIC RULES 
=====================*/
/* --------------
reset.css
----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* --------------
// reset.css
----------------*/
* {
  box-sizing: border-box;
}
.attach-video-flash.hide {
  display: block;
  float: left;
  width: 100%;
}
body {
  margin: 0px;
  background: url(/cimagebank/head-bg.jpg) repeat-x;
  font-family: arial;
}
img{
  border: none;
}
a{
  color: #0781c5;
  cursor: pointer;
}
nav {
  display: none;
}

/* --------------
container rules
-------------*/
#base {
  width: 1000px;
  margin: 0 auto;
}
/* --------------
// container rules
-------------*/
/* ===================
// BASIC RULES 
=====================*/
/* ===================
HEADER RULES
=====================*/
header{
  height: 600px;
  width: 100%;
}
#head {
  background: url(/cimagebank/header-bottom.jpg) bottom no-repeat;
}
#header{
  height: 610px;
  width: 1000px;
  background: url(/cimagebank/menu-bg.jpg) top no-repeat;
  margin: 0 auto;
}
#header img{
  margin-top: 35px;
  float: left;
}
.language{
  width: 600px;
  float: right;
  font-size: 14px;
  color: #8b8b8b;
  margin-top: 10px;
  margin-right: 10px;
  text-align: right;
}
.language a{
  color: #8b8b8b;
  text-decoration: none;
}
.menu{
  width: 560px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin-left: 188px;
  margin-top: 80px;
  text-align: right;
}
.menu .link a{
  color: #0781c5;
  text-decoration: none;
  position:  relative;
  top: 8px;
}
.menu .link{
  height: 31px;
  float: left;
}
.menu .link:hover{
  background: url(/cimagebank/menu-bg-y.jpg) repeat-x;
}

.menu .link .r{
  height: 31px;
  width: 7px;
  float: left;
}
.menu .link .l{
  height: 31px;
  width: 7px;
  float: right;
}

.menu .link:hover a{
  height: 5px;
  padding-top: 10px;
}
.menu .linka{
  background: url(/cimagebank/menu-bg-y.jpg) repeat-x;
  color: white;
  height: 31px;
  float: left;
  margin: 0 2px;
}
.menu .linka a{
  color: #0781c5;
  text-decoration: none;
  position:  relative;
  top: 8px;
}
.menu .linka .ra{
  background: url(/cimagebank/menu-bg-right.jpg) no-repeat;
  height: 31px;
  width: 7px;
  float: left;
}
.menu .linka .la{
  background: url(/cimagebank/menu-bg-left.jpg) no-repeat;
  height: 31px;
  width: 7px;
  float: right;
}
/* ===================
// HEADER RULES
=====================*/
/* ===================
BODY RULES
=====================*/
h1 {
  display: block;
}
.home h1,
#context{
  display: none;
}
.desc-format p {
  padding: 10px 0;
}
#col-content {
  float: left;
  width: 640px;
  font-size: 14px;
}
.col1 .col-content,
.col2 .col-content {
  background-color: rgb(255, 255, 0);
  font-size: 2em;
  font-weight: bold;
}
.col1 .col-content,
.col5 .col-content,
.col8 .col-content {
  color: #0000cd;
}
.col2 .col-content,
.col3 .col-content,
.col6 .col-content,
.col7 .col-content {
  color: #f00;    
}
.col3 .col-content,
.col5 .col-content,
.col6 .col-content,
.col8 .col-content,
.col9 .col-content {
  font-weight: bold;
}
.col4 .col-content {
  font-style: italic;
  color: #000080;
  font-size: 14px;
}
.col4 .col-content,
.col7 .col-content {
  background-color: #ffff00;
}
.col7 .col-content {
  text-decoration: underline;
}
.desc-format .col2,
.desc-format .col3 {
  width: 100%;
} 
.desc-format .col3 {
  margin-left: 0;
}
.group-content h4 {
  font-size: 16px;
  font-weight: bold;
}
.siblings {
  display: none;
}
.below {
  float: left;
  text-align: center;
  padding-left: 0;
  width: 100%;
}
.attachments .attachment, .downloadable_attachments .attachment {
  position: relative;
  width: 10%;
  float: left;
  margin: 5%;
}
.attachments .attachment img, .downloadable_attachments .attachment img {
  margin: 0 0 0 0;
  float: left;
  width: 110px;
  height: initial;
}
.attachments .attachment a.image_zoom, 
.downloadable_attachments .attachment a.image_zoom, 
span.content-img a.image_zoom {
  background: none;
}
span.date {
  display: none;
}
.groups div {
  padding: 1px 0;
}
.groups div a {
  text-decoration: underline;
}
/* --------------
pages sections
-------------*/
/*
.nabidka.article_item #col-content .perex {
  display: none;
*/
}
.nabidka h1 {
  display: block;
  color: #0781c5;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 30px;
}
.omne .col-content {
  color: #000080;
  background-color: #fff;
}
.omne .col1 .col-content, 
.omne .col3 .col-content {
  font-style: italic;
}
.omne .col2 .col-content {
  font-size: 14px;
}
.article {
  float: left;
  width: 100%;
  position: relative;
  border: 1px solid #9c9292;
  border-radius: 15px;
  padding: 20px !important;
  margin: 10px;
  background-color: #f9f9f9;
}
.article .image img, {
  float: left;
  margin: 0 10px;
}
h1,
.nabidka h3,
.program h3,
.galerie h4,
.nabidka h4,
.program h4  {
  color: #0781c5;
  font-size: 27px;
  font-weight: bold;
  margin-bottom: 20px;
}
.nabidka .widget-h4 {
  font-size: 24px;
}
.kontakt h5 {
  font-size: 16px;
  font-weight: bold;
}
.widget h2 {
  font-size: 25px;
  color: #0781c5;
  font-weight: bold;
}
.kontakt .content-widget {
  margin-top: 50px;
}
.event .date_from-to {
  float: left;
  font-size: 18px;
  margin-top: 15px;
  width: 70%;
}
dl.event-specification {
  display: none;
}
.article .image img {
  float: left;
  margin: 7px 10px 3px 0;
}
.event {
  padding: 10px 10px 20px 10px;
  float: left;
  width: 100%;
  background-color: #e9ebee;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.event span.description {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.items .event span.description a {
  color: black;
}
.items .event .image {
  display: none;
}
.article_item #content-widget-33071694,
.item.kurzy  #content-widget-33071694 /* order form */ {
  display: block;
}

/* --------------
sidebar rules
-------------*/
#col-add {
  width: 330px;
  margin-top: 20px;
  margin-left: 640px;
  top: 0px;
  padding: 0 25px;
  background: url(/cimagebank/sloupek/bg-right.jpg) left top no-repeat;
}
#col-content .siblings-content-add {
  display: none;
}
#col-content .in {
  padding: 10px 10px;
}
#col-add .siblings-content-add {
  display: block;
}
#col-add h4{
  color: #0781c5;
  font-size: 17px;
  margin-bottom: 20px;
}
#col-add .siblings-content-add p:nth-of-type(2),
#col-add .siblings-content-add p:nth-of-type(3) {
  width: 300px;
  margin-bottom: 30px;
  position: relative;
  top: 13px;
}
#col-add .siblings-content-add p:nth-of-type(2) {
  font-weight: bold;
}
#col-add .siblings-content-add p:nth-of-type(3) a {
  font-weight: bold;
  display: block;
  position: relative;
  /*left: 135px;
  bottom: 75px;*/
  top:10px;
}
#col-add .siblings-content-add p:nth-of-type(1) img{
  float: left;
  margin: 0 10px 10px 0;
}
#col-add p{
  font-size: 13px;
}
#col-add .video{
  text-align: center;
  float: left;
  width: 300px;
  margin-bottom: 40px;
}
#col-add a.ext-link {
  background-image: none;
}
#content-widget-33071694 {
  display: none;
}
.kontakt #content-widget-33071694,
.nabidka.article_item #content-widget-33071694 {
  display: block;
}
span.video iframe {
  width: 250px;
  height: 170px;
}
/* --------------
// sidebar rules
-------------*/
/* ===================
// BODY RULES 
=====================*/
/* ===================
FOOTER RULES 
=====================*/
footer{
  height: 150px;
  float: left;
  width: 1000px;
  margin-top: 70px;
  background: url(/cimagebank/footer.jpg) no-repeat;
  font-size: 12px;
}
footer a {
  text-decoration: none;
  color: #464646;
  font-weight: bold;
}
footer p {
  width: 300px;
  margin: 100px 0 0 410px;
  color: #464646;
  font-weight: bold;
}
/* ===================
// FOOTER RULES 
=====================*/