/* 
    Document   : empty
    Created on : 12.9.2013, 17:06:42
    Author     : Buchtak
    Description:
        Purpose of the stylesheet follows.
*/
root { display: block; }
body { font-family: 'Open Sans',"lucida CE", lucida, sans-serif; font-size: 0.8em; color: #000; background-color: #fff; margin: 0; padding: 0; width: 100%; text-align: left; }

.button { padding: 8px 30px !important; float: right; margin-top: 5px; }
.button-link { padding: 8px 30px !important; margin-top:5px; color:#fff !important; }

.explanation {width: 130px; height: 76px; float: right; margin: 0; padding: 10px; line-height: 16px; background: #eeeeee;}
.zaoblit{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}

a {text-decoration: none; color: #006aeb;}
a:hover {text-decoration: underline; color: #f05305;}

h4 {font-family: 'Open Sans Condensed', sans-serif;font-size: 1.3em; line-height: 1em; font-weight: bold;}

/* FORM */
#page form, #form-block form {padding:20px 20px 25px 20px; display:block; background-color:#e6f3fa; border:solid 1px #cbdae2;  margin:0px; }
#page fieldset, #form-block fieldset {border:solid 0px #cbdae2; padding:10px 20px 20px 20px;}
#page legend, #form-block legend{font-family: 'Open Sans Condensed', sans-serif;font-size: 1.5em; line-height: 1.2em; margin-left:-15px; margin-top: 20px; font-weight: bold;}
#page label, #form-block label{ width:110px; display:block; float: left; margin:5px 0px;}
#page label.required, #form-block label.required{font-weight: bold;}
#page input, #form-block input[type="text"]{ width:200px; display:block; float: left; margin: 5px 20px 5px 0px;}
#page select, #form-block select{margin-top:2px; padding: 3px;}
#page form p, #form-block form p{width: 340px; display:block; float: left;margin:3px 0 3px 0; padding: 0px;}
p.long, p.longlabel, p.agree{width:500px !important;}
p.longlabel label{width:auto !important; padding-right: 15px;}
p.checkbox{width: 180px !important; margin-right: 50px !important; }
p.checkbox label{width: auto !important;}
p.checkbox input{width: auto !important; margin-top:5px; margin-right:6px; float: left;}
p.agree label{width: 500px !important; font-size: 0.8em; float:left;}
.button{padding: 8px 30px !important; float: right; margin-top:20px;margin-right:20px;}
.button-link{padding: 8px 30px !important; margin-top:5px; color:#fff !important;}
.mensi {height: 22px; padding-top:0px !important; padding-left: 5px !important;padding-right: 5px !important; margin-top: -10px !important; line-height: 40px !important;}


a.newsletter{display:block; width:133px; height: 223px; position: absolute; top:24px; right:39px; background: url('../images/nahledy/newsletter-button.jpg') no-repeat left top;}
a:hover.newsletter{background: url('../images/nahledy/newsletter-button.jpg') no-repeat right top;}
#absolutni{position:absolute; left:30px; top:420px;}

ul.eplanation-list-horizontal{ list-style: none; background-color:#eeeeee; text-align: right; font-size: 12px; margin-right: 20px; }
ul.eplanation-list-horizontal li{ display: inline-block; margin-right: 15px;padding: 5px 0 5px 20px;}
ul.eplanation-list-horizontal li.legend{ display: inline-block; margin-right: 15px;padding: 5px 0 5px 0px; font-weight: bold; background-image: none;}
ul.eplanation-list-horizontal li.a{ background: url(../images/icons/confirmed.png) left center no-repeat;  }
ul.eplanation-list-horizontal li.b{ background: url(../images/icons/preconfirmed.png) left center no-repeat;}
ul.eplanation-list-horizontal li.c{ background: url(../images/icons/invited.png) left center no-repeat; }
ul.eplanation-list-horizontal li.d{ background: url(../images/icons/tbd.png) left center no-repeat; }
ul.left{ text-align: left;}
.vlajecka-ramecek{ border: 1px solid #808080;}