/** MAIN CONTENT */

* {
    margin: 0;
}

html, body {
    height: 100%;
}

.footer, .push {
    height: 35px; /* .push must be the same height as .footer */
}

body {
    text-align: center;
    background-color: #ebeff6;
    color: #DDE4F1;
    font-family: Verdana, "Arial CE", Arial, sans-serif;
    font-style:normal;font-size:11px;text-transform:none;
}

.wrapper {
    position: relative;
    width: 1000px;
    /*font-size: 0.9em;*/
    margin: 0 auto -35px;
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background:  repeat-y #ccc url('../img/paper/paper_middle_light.png');
    _background: repeat-y #1144AA url('../img/paper/paper_middle_ie6.png');
    /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src='img/paper/paper_middle.png');*/
}

.top {
    height: 15px;
    background: url('../img/paper/paper_top.png') no-repeat;
    _background: no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/paper/paper_top.png');
}

.middle {
    margin-left:10px;
    margin-right:10px;
    border-bottom: 0px;
    border-top: 0px;
    border-left: 0px solid black;
    border-right: 0px solid black;
    text-align:justify;
}

.footer {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: url('../img/paper/paper_bottom.png') no-repeat black;
    _background: no-repeat black;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/paper/paper_bottom.png');
}

.push {
    clear:both
}

a:link, a:visited, a:active {
    color: white;
    text-decoration: none;
    border-width: 0px;
    border: 0px;
    border: none;
    font-weight:bold;
}

a:hover { color: #B9C6E1 }

img {border:none}

h1 {
    font-size: 18px;
    color: white;
    margin-bottom: 20px;
}

h2 {
    font-size: 14px;
    color: white;
    margin-bottom: 5px;
}

h3 {
    font-size: 11px;
    color: white;
    font-weight: bold;
    margin-bottom: 2px;
}

.content {
    /*float:right;*/
    padding-bottom:20px;
}

.content div.contentMain {
    /*padding:20px;*/
    line-height: 15px;
}

/** FOOTER */

.footer a {
    color: #fff;
    text-decoration: underline;
    border: 0;
}

.footer p {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 1000px;
    padding: 0;
    color: red;
    font: 0.8em arial,sans-serif;
    text-align: center;
}

div.footerLeft  {
    float:left;
    margin-left:20px;
    padding-top:3px
}
div.footerRight  {
    float:right;
    margin-right:20px;
    padding-top:3px
}

/** MENU */

.menu {
    float:left;
    width:158px;
}

.menuItem {
    margin: 10px;
    background-color: #003399;
    padding: 5px;
    border: 3px;;
}

.menuItemActive {
    margin: 10px;
    background-color: #1144AA;
    padding: 5px;
    border: 0px;;
}

/** CALENDAR */

div.calendar {
    background: url('../img/icon_calendar.png') no-repeat 0 0;
    _background: no-repeat 0 0;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/icon_calendar.png');
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 47px;
    height: 49px;
    line-height: 100%;
    color:black;
}

div.calendar span {
    display: block;
    width: 48px;
    text-align: center;
}

div.calendar span.month {
    font-size: 11px;
    color: white;
    line-height: 15px;
}

div.calendar span.day {
    font-size: 22px;
    line-height: 23px;
    background: none;
}

div.calendar span.year {
    font-size: 8px;
    background: none
}

/** AUTH BOX */

auth {
    font-size: 9px;
}

div.auth {
    height: 40px;
    font-size: 10px;
    float:right;
    width:380px;
    color:white;
}

div.authInner {
    float:right;
    margin-right:10px;
    _width:340px;
}

div.authInfo {
    margin-top: 5px;
    height:16px;
}

div.authLinks {
    margin-top: 3px;
}

input.auth {
    height: 14px;
    width: 90px;
    background-color: #DDE4F1;
    border: 1px solid;
}

input.authButton {
    background-color:black;
    height: 17px;
    vertical-align:top;
    text-align:center;
    color: #DDE4F1;
    border: 1px solid #DDE4F1;
    font-size: 9px;
    margin-left:5px;
    margin-top:1px;
    width: 30px;
} 

/** NOTIFICATIONS */

table.notification {
    height: 40px;
    color:white;
    font-size: 17px;
    border: 1px solid black;
    width:800px;
    padding:0px;
    border-spacing:0px;
    margin-top:10px;
    margin-left:10px;
    border-collapse: collapse;
}

table.notification td {
    border-spacing:0px;
    margin:0px;
}

table.pageNotification {
    margin:0px;
    padding:0px;
    width:780px;
    height: 40px;
    color:white;
    font-size: 17px;
    border: 1px solid black;
    padding:0px;
    border-spacing:0px;
    border-collapse: collapse;
}

tr.notification-error {
    background-color: #C70E15;
}

tr.notification-success {
    background-color: #209020;
}

tr.notification-info {
    background-color: #0040CC;
}

tr.notification-undefined {
    background-color: #0000D0;
}

/** PORTALS */

.portals {
    background-color: black ;
    height:40px
}

.portal {
    float:left;
    width:120px;
    height:40px;
}

#portalHome {
    background: #336699;
}

#portalHra {
    background: #008000;
}

#portalForum {
    background: #0E99DF;
}

#portalScenare {
    background: #FFD700;
}

#portalDeniky {
    background: #E39F16;
}

/** BANNER */

div.line {
    height:8px;
    border-bottom: 1px solid black;
    background-color: #4477dd;
}

.banner {
    height:150px;
    border-bottom: 1px solid black;
    background: no-repeat url('../img/banner_home.png') #336699;/*#0c2e91;*/
    _background: no-repeat #0000080;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/banner_home.png');
}

/** INDEX HOME */

.rating {
    width:124px;
    height:23px;
    background:url('../img/stars_silver.png') no-repeat;
    _background: no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/stars_silver.png');
    font-size:9px;
    color:white;
    text-align:left;
}

.rating div.gold {
    background:url('../img/stars_gold.png') no-repeat;
    _background: no-repeat;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/stars_gold.png');
    height:23px;
}

.counter {
    width:94px;
    height:30px;
    background-color:black;
    text-align:center
}

.counter img {
    padding:2px;
}

/** INDEX_NEJ */

.submenu {
    background-color: #1144AA;
    border: solid 1px #DDE4F1;
    padding:5px;
    text-align: center;
    height:20px;
    line-height:20px;
}

table td {
    padding:5px;
}

/** INDEX_VYHLEDAVANI */

.form {
    color: white;
    font-weight: bold;
    background-color: #1144AA;
    border: solid 1px #DDE4F1;
    padding:5px;
    text-align: center;
    height:30px;
    line-height:30px;
}

.formMultiline {
    color: white;
    background-color: #1144AA;
    border: solid 1px #DDE4F1;
    padding:10px;
}

.form input {
    background-color: #DDE4F1;
    border: 1px solid black;
    height:18px;
    margin-right: 10px;
}

.form select {
    background-color: #DDE4F1;
    border: 1px solid black;
    height:22px;
    margin-right: 10px;
}

.form .formButton {
    height:22px;
    /*font-size: 12px;*/
}

.formButton2 {
    margin-bottom: 20px;
    background-color: #DDE4F1;
    border: 1px solid black;
    height:22px;
}

/** INDEX_FAQ */

.faq div.question {
    color: white;
    font-weight: bold;
    margin-bottom: 2px;
}

.faq div.answer {
    margin-bottom:20px;
}

/** INDEX_MOJE */

div.caption {
    font-weight: bold;
    margin-bottom: 5px;
}

.formMultiline input.fileInput {
    background-color: #DDE4F1;
    border: 1px solid black;
    height:22px;
    margin-right: 10px;
}

.formMultiline input {
    background-color: #DDE4F1;
    border: 1px solid black;
    height:18px;
    margin-right: 10px;
    width: 300px;
}

.formMultiline .formButton {
    height:22px;
    width:80px;
}

.formMultiline td {
    padding: 10px 0px 0px 0px;
}

div.back {
    margin-top:20px;
    font-size: 12px;
}

/** INDEX_DETAIL */

div.box {
    border: solid 1px navy;
}

div.box .tr {
    background-color:#003399;
    padding:5px;
    font-weight:bold;
}

div.box .td {
    background-color:#1144AA;
    padding:5px
}

.thumbnail {
    border: 1px solid navy;
    width:140px;
    height:105px;
}

.thumbnailSc {
    border: 1px solid navy;
    width:140px;
    height:66px;
}

img.emoticon {
    height:32px;
    width:32px;
}

img.download {
    height:32px;
    width:32px;
}

.version {
    background-color: #1144AA;
    border: solid 1px #DDE4F1;
    padding:5px;
    width:100%;
    margin-bottom:7px;
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 14px;
    color:white;
}

/** SCREENS */

#lightbox{
    background-color:#DDE4F1;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}
#lightboxDetails{
    font-size: 0.8em;
    padding-top: 0.4em;
    color:black;
    font-weight:bold;
    font-size: 11px;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }

#overlay{ background-image: url(../img/lightbox/overlay.png); }

* html #overlay{
    background-color: #000;
    _background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/lightbox/overlay.png", sizingMethod="scale");
}

.flag {
    margin-top:10px;
}

strong {
    color:white;
}

ul.features {
    font-size:15px;
    font-weight:bold;
    width: 420px;
    margin: 0;
    padding: 0 0 0 1em;
}

ul.features li {
    padding-bottom:13px;
    color:white;
}

div.clanek {
    font-size:12px;
    line-height: 18px;
}

div.portlet {
    width:490px;
    float:left;
}

div.portletHeader {
    padding: 10px;
    background:  repeat url('../img/diag_mrizka.png');
}

div.portletBody {
    padding: 10px;
    background:  repeat-y url('../img/stripes_light.png');
}

div.portlet h1 {
    margin-bottom: 6px;
}

div.portlet #hraHeader {
    background-color: #00aa00;
}

div.portlet #hraBody {
    padding:10px;
    background-color:lightgreen;
    color:black;
}

#hraBody a {
    color: black;
}

div.portlet #scenareHeader {
    background-color: #FFCC00;
}

div.portlet #scenareBody {
    padding:10px;
    background-color: #FFFF55;
    color: black
}

.portletMotto {
    color:black;
    font-size:14px;
}
#scenareBody a {
    color: black;
}

div.portlet #denikyHeader {
    background-color: #E39F16;
}

div.portlet #denikyBody {
    padding:10px;
    background-color: #FCEAC7;
    color:#624100;
}

#denikyBody a {
    color:#624100;
}

div.portlet #forumHeader {
    background-color: #0E99DF
}

div.portlet #forumBody {
    padding:10px;
    background-color: #6EC9DF;
    color:black;
}

#forumBody a {
    color:black;
}

div.intro {
    color: black;
    padding:15px;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid black;
}

div.intro a {
    color:black;
}
span.quote {
    font-style: italic;
    font-size: 24px;
    line-height: 26px;
}