/* Body */

/* #A5D515 - zelena
   #F6F4F0 - svetle seda
   #888888 - tmave seda
*/

html {
    width: 100%;
    position: relative;
    min-height: 100%;
}

div.obsah
{
	background-color: #a5d515;
    /* backgroud size (width) fix resize window*/
    min-width:1200px;
    padding: 20px;
}

html{overflow-y:scroll;}


iframe  {margin:0px;}
img     {border:0;}

body
{
    color:#000000;
    background-color:#a5d515;
    margin: 0 0 100px; /* bottom = footer height */
	font-family: "trebuchet ms", arial, "liberation sans";
	font-size: 14px;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color:#C7F715;
}

#shell { 
    width:1098px; 
    margin: 50px auto auto auto;
    height: 100%;
}

div.power 
{   
    margin: 30px 20px;
    color:#000000;
	font-size: 20px;
    display:inline;
    width:1098px;
    clear:both;
    /* box-shadow: 10px 10px 5px #C0C0C0; */
}

table.tabulka { 
    border: 2px;
    border-collapse:separate;
    /*margin: 50px;*/
}

.whiteText {
	font-size: 20pt;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    text-align:center;
    padding: 13px 0;
}

.tabulka thead th {
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.tabulka thead th:empty {
    background:transparent;
    border:none;
}

.tabulka tbody th {
    padding:15px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:1px solid #93CE37;
    border-bottom:3px solid #9ED929;
    background-color:#9DD929;
    background:-webkit-gradient(
        linear,
        left bottom,
        right bottom,
        color-stop(0.02, rgb(123,192,67)),
        color-stop(0.51, rgb(139,198,66)),
        color-stop(0.87, rgb(158,217,41))
        );
    background: -moz-linear-gradient(
        center right,
        rgb(123,192,67) 2%,
        rgb(139,198,66) 51%,
        rgb(158,217,41) 87%
        );
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius:5px 5px 0px 0px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.tabulka tbody td {
    padding:10px;
    text-align:center;
    background-color:#DEF3CA;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#666;
    text-shadow:1px 1px 1px #fff;
}

.styled-select {
   width: 120px;
   height: 34px;
   overflow: hidden;
   background: transparent url('/img/down_arrow_select.jpg') no-repeat right;
   border: 1px solid #ccc;
}

.styled-select select {
   background: transparent;
   text-shadow:1px 1px 1px #fff;
   width: 148px;
   padding: 5px;
   border: 0;
   border-radius: 0;
   color:#333;
   font-size: 16px;
   line-height: 1;
   height: 34px;
   -webkit-appearance: none;
}

.styled-select select:focus {
   outline: none;
}

.small {
    font-size: 65%;
}

div#arrows {
    width:100%;
    clear:both;
    height:65px;
}


div#prev-day {
    margin:0 auto;
    float:left;
    width:65px;
    height:50px;
}

div#day-date {
    margin:0 auto;
    width:100%;
}

div#next-day {
    float:right;
    width:65px;
    height:50px;
}

a:focus {
    outline: none;
}

.small a {
    color:#666;
    text-decoration: none;
}

.small a:hover {
    color:#222;
    text-decoration: underline;
}

#a-prev-day {
    display:block;
    background: url(/img/arrow-left-50.png) no-repeat;
    width:65px;
    height:50px;
}

#a-prev-day:hover {
    background: url(/img/arrow-left-down-50.png) no-repeat;
}

#a-next-day {
    display:block;
    background: url(/img/arrow-right-50.png) no-repeat;
    width:65px;
    height:50px;
}

#a-next-day:hover {
    background: url(/img/arrow-right-down-50.png) no-repeat;
}

#calendar-popup {
    background-image : url(/img/calendar_35.png);
    width: 35px;
    height: 35px;
    float:left;
    margin-left:50px;
    margin-top:15px;

}

/* auto-folding with collapsible */