﻿#container-main {
    width: 900px; /*Width of main container*/
    height: 100%;
    color: #000000;;
    margin: 0 auto; /*Center container on page*/
    position: relative;
    /*border: 1px solid;*/
    text-align: justify;
}

#container-header {
    height: 360px; /*Height of top section*/
}

#container-header h1 {
    margin: 0;
    padding-top: 15px;
}

#content-wrapper {
    float: left;
    width: 100%;
}

#content-column {
    margin: 0px 6px 0px 260px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
    /*border: 1px solid;*/
    padding: 5px 2px 4px 38px;
    /*background-color: #fffbcc;*/
    min-height: 1000px; /* pro standardní prohlížeče */
    _height: 1000px; /* pro Internet Explorer 6, který to chápe jako min-height*/
}

#left-column {
    float: left;
    width: 270px; /*Width of left column in pixel*/
    margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
    padding-left: 12px;
    margin-top: 100px;
    min-height: 946px;
    /*border: 1px solid;*/
}

#left-column h1 {
    font-size: 24px;
    background: url(../images/bg/h1-wrapper-2015.png) no-repeat top left;
    height: 60px;
    width: 300px;
    margin-left: -38px;
    padding-left: 24px;
    padding-top: 28px;
}

#calendar-div {
    margin: 0 auto;
}

#right-column {
    float: left;
    width: 25px; /*Width of right column*/
    margin-left: -25px; /*Set left margin to -(RightColumnWidth)*/
    background: #FDE95E;
    /*writing-mode: tb-rl;
    filter: flipv fliph;
    */
}

#footer {
    width: 100%;
    /*height: 443px;*/
    height: 500px;
    margin: 0 auto;
    clear: left;
    text-align: center;
    background: #EBF3FE url(../images/bg/bg-footer-2015.jpg) no-repeat center bottom;
}

#footer a {
    text-decoration: underline;
}

#footer-info {
    margin: 0 auto;
    margin-left: 250px;
    text-align: center;
    font: 0.9em "trebuchet ms", serif;
    padding-top: 40px;
    color: #000099;
}

.inner-space {
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

.widget-left {
    position: relative;
    float: left;
    width: 160px;
    margin: 10px 2px 2px 2px;
    padding: 4px;
    /*background: rgb(255,255,51);*/
}

.widget-left h1 {
    color: #ffffff;
    margin: -4px -4px 4px -4px;
    padding: 0px 4px 4px 8px;
    background: #0066ff;
}

.navigation-top {
    /*background: url(images/nav/navigation.png) top left repeat-x;/*
	/*height: 134px;*/
    overflow: auto;
    display: block;
    float: left;
    width: 100%;
    margin-left: 0px;
    /*border: 1px solid;*/
}

.navigation-top * {
    padding:0;
    margin:0;
    font-size: 18px;
    font-family: "trebuchet ms", Georgia;
    font-weight: bold;
    text-transform: uppercase;
}

.navigation-top ul {
    display: block;
    float: left;
    padding: 0px 0 0 0;
    margin: 0px;
}

.navigation-top ul li {
    list-style: none;
    float: left;
    margin: 15px 4px 0px 10px;
    text-shadow: -0.2em 0.2em 0.2em white; color: #002077;
}

.navigation-top ul li a {
    /*background: url(../images/nav/nav_right.png) top right no-repeat !important;
    background: url(../images/nav/nav_right_IE6.png) top right no-repeat;*/
    display: block;
    padding: 0px 2px 0px 2px;
    text-decoration: none;
}
.navigation-top ul li.selected a {
    /*background: url(../images/nav/nav_selected_right.png) top right no-repeat !important;
    background: url(../images/nav/nav_selected_right_IE6.png) top right no-repeat;*/
    /*color: #578ba0;*/
    /*text-shadow: 1px 1px 3px #666, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#F39F01;*/
    text-shadow: -0.2em 0.2em 0.2em white, -1px -1px 3px #FFF, 1px 1px #666, -1px -1px #FFF; color:#F39F01;
}

.navigation-top a:hover {
    text-decoration: underline;
    color: #002077;
}

.navigation-top ul li a span {
    /*background: url(../images/nav/nav_left.png) top left no-repeat !important;
    background: url(../images/nav/nav_left_IE6.png) top left no-repeat;*/
    display: block;
    padding: 12px 6px 12px 6px;

}

.navigation-side {
    position: relative;
    float: left;
    width: 260px;
    margin: 10px 2px 2px 2px;
    padding: 2px;
    /*  text-transform: uppercase;*/
}

.navigation-side * {
    padding:0;
    margin:0;
    /*margin:30px 0px;*/
    font-family: "trebuchet ms", Helvetica, sans-serif, Arial;
    font-size: 19px;
}

.navigation-side ul {
    float: left;
    padding: 4px 0 0 0;
    margin: 0px 0 0 0px;
    display: block;
}

.navigation-side ul li {
    list-style: none;
    float: left;
    margin: 9px 0 10px 10px;
    display: block;
    /*border: 1px solid;*/
    width: 244px;  
}

.navigation-side ul li a {
    padding: 4px 6px 0 10px;
    display: block;
    text-decoration: none;
    color: #1055CA;
    text-align: left;
}
.navigation-side ul li a:hover {
    color: #F39F01;
}

.navigation-side ul li a.selected {
    color: #F39F01;
}

/* **************************************************************************
	.blok {
	  width: 160px;
	  margin-top: 120px;
	  margin-left: 55px;
	  background: url(images/div-spodni.gif) no-repeat bottom left;
	}
	.blok h3 {
	  margin: 0;
	  padding: 6px 8px 4px 10px;
	  font-size: 130%;
	  color: #333;
	  border-bottom: 1px solid #E0CFAB;
	  background: url(images/h3-pozadi.gif) no-repeat top left;
	}
	.blok ul {
	  margin: 0;
	  padding: 14px 10px 14px 10px;
	  list-style:none;
	}
	.blok ul li {
	  margin: 0 0 6px;
	  padding: 0;
	}
        
	Nezničitelný blok
        
	.uzaviraci {
	  float: left;
	  color: #666;
	  background: url(images/kulaty-pravy.gif) top right no-repeat;
	}
	.popis {
	  margin: 0;
	  padding: 9px 9px 0 9px;
	  background: url(images/kulaty-levy.gif)top left no-repeat;
	}
	.odkaz {
	  margin:0;
	  padding:0 0 0 9px;
	  background:url(images/kulaty-levy.gif) bottom left no-repeat;
	}
	.odkaz em {
	  display: block;
	  padding: 0 9px 9px 0;
	  font-style: normal;
	  background: url(images/kulaty-pravy.gif) bottom right no-repeat;
	}
************************************************************************** */
.gallery ul {
    display: block;
    float: left;
    margin: 0 0 0 0px;
}

.gallery ul li {
    list-style: none;
    float: left;
    margin: 2px 1px 2px 1px;
}

.star {
    color: red;
}

/* Větší rozestup mezi řádky spec. formuláře */
.parte {
    line-height: 200%;
    padding: 10px;
    border: 1px solid; 
}

.card-left, .card-right {
    float: left;
    width: 170px;
    height: auto;
    min-height: 120px;
    max-height: 130px;
    margin: 0 15px 15px 0;
    padding-top: 10px;
    padding-left: 4px;
    text-align: center;
    font-size: 75%;
}

.card-left:hover {
    background: #E4F7FA;
}

.card-thumb {
    float: left;
    width: 104px;
    height: 80px;
    margin: 10px 2px;
    text-align: center;
}

.search-image {
    background: url(../images/bg/search-placeholder.png) no-repeat center left !important;
    position: absolute;
    height: 20px;
    width: 20px;
    margin-left: 13px;
    margin-top: -23px;
}

.news-subscription-image {
    background: url(../images/bg/email-subscription-placeholder.png) no-repeat center left !important;
    position: absolute;
    height: 22px;
    width: 22px;
    margin-left: -6px;
    margin-top: 14px;
}

.googlesearch form {
    margin: 0px 15px 0px 15px; 
    padding: 0px;
    background-color: transparent;
    border: none;
    border-radius:0px;
}

.gsc-control-cse { 
    padding: 0 !important; 
    margin: -29px 42px 2px 42px;
}

input.gsc-input {
   //background: url(../images/bg/search-placeholder.gif) no-repeat top center !important;
   background: none !important;
}

.gsc-input-box {
    width: 185px;
    border: none !important;
}

.gsc-input-box-focus {
    box-shadow: none !important;
    border: none !important;
    outline: none;
}

.gsc-input-box-hover {
    box-shadow: none !important;
    border: none !important;
    outline: none;
}

.gsc-search-button {
    visibility: hidden;
}

.slideshow {
    position: absolute; 
    width: 250px; 
    height: 192px; 
    margin-top: 235px; 
    margin-left: 26px; 
}

.external-logo {
    position: absolute;
    width: 120px;
    height: 32px;
    margin-top: 330px;
    margin-left: 810px;
    /*border: 1px solid #F39F01;*/
}

.slideshow img {
    border: 1px solid #EBF3FE;
    width: 241px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
    padding: 0px;
    
    box-shadow: 0px 0px 5px 5px #8FB8F6; 
    -moz-box-shadow: 0px 0px 5px 5px #8FB8F6; 
    -webkit-box-shadow: 0px 0px 5px 5px #8FB8F6; 
    -khtml-box-shadow: 0px 0px 5px 5px #8FB8F6; 
}