/* general elements */

body {margin: 0px; padding: 0px; font-family: "Trebuchet MS", "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Tahoma, Helvetica; background: url('../img/color-designer-bck.jpg') left top no-repeat #ffffff; font-size: 12px;  color: #000000; line-height: 140%; }
img, a img, a:active img, a:visited img, a:hover img {border: none; outline: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
input {vertical-align: middle;}
form {margin: 0px; padding: 0px;}
select, option {color: #606060;}

.left {float: left;}
.right {float: right;}
.clear  {clear: both;}

.no-border {border: none !important;}
.relative {position: relative;}

/* layout */



#content {padding: 175px; text-align: left;}

#footer-outer {width: 100%; display: block; background: url('../img/footer-bck.gif') left top no-repeat;}
#footer-inner {display: block; width: 990px; height: 100px; text-align: center; }
#footer-inner h2 {color: #000000; font-size: 11px; font-weight: normal; margin: 0px; padding: 7px 0px 7px 0px}
#footer-inner p {margin: 0px; padding: 0px;}
#footer-inner p, #footer-inner p a, #footer-inner p a:active, #footer-inner p a:visited, #footer-inner p a:hover {color: #464646; font-size: 11px; text-decoration: none;}

h1 {font-size: 20px; text-transform: uppercase; }
h1.header-registrace {color: #c20b19; height: 47px; line-height: 47px; padding-left: 106px; font-size: 18px; background: url('../img/header-registrace.gif') 16px center no-repeat;}
h1.header-clanek {color: #c20b19; height: 47px; line-height: 47px; padding-left: 106px; font-size: 18px; background: url('../img/header-clanek.gif') 16px center no-repeat;}
h1.header-alert-01 {color: #c20b19; height: 47px; line-height: 47px; padding-left: 90px; font-size: 18px; background: url('../img/header-alert-01.gif') left center no-repeat;}
h1.header-alert-02 {color: #c20b19; height: 47px; line-height: 47px; padding-left: 90px; font-size: 18px; background: url('../img/header-alert-02.gif') left center no-repeat;}

.box-alert-outer {display: block; width: 500px; overflow: hidden; background: url('../img/box-alert-outer-bck.gif') left bottom no-repeat; margin: 0px 0px 15px 0px;}
.box-alert-inner {padding: 15px; background: url('../img/box-alert-inner-bck.gif') left top no-repeat;}


.input-text-01 {width: 125px; height: 17px; line-height: 17px; padding: 0px 10px 0px 3px; overflow: hidden; font-size: 7pt; border: 1px solid #606060; background: url('../img/input-01-bck.gif') left top repeat-x;}
.input-text-02 {width: 35px; height: 17px; line-height: 17px; padding: 0px 10px 0px 3px; overflow: hidden; font-size: 7pt; border: 1px solid #606060; background: url('../img/input-01-bck.gif') left top repeat-x;}

.input-textarea-01 {width: 125px; height: 125px; overflow-x: hidden; overflow-y: scroll; line-height: 13px; padding: 0px 10px 0px 3px; overflow: hidden; font-size: 7pt; border: 1px solid #606060; background: url('../img/input-01-bck.gif') left top repeat-x;}
.form-column {width: 500px; }
.mandatory {color: #990000; font-weight: bold; font-size: 16px;}
.help {margin-left: 10px; color: #666666;}
.button-registrovat, .button-registrovat:hover, .button-registrovat:active, .button-registrovat:visited {display: block; width: 267px; height: 30px; line-height: 30px; text-align: center; font-size: 11px; color: #ffffff; font-weight: bold; text-decoration: none; background: url('../img/button-01-bck.gif') left top no-repeat;}
.form-column label {display: block; float: left; width: 120px; height: 25px; line-height: 25px; text-align: right; padding-right: 15px; }

.form-column label.radio-label {display: inline; float: none; padding-right: 5px;}
.form-column div.form-delimiter {clear: both; margin-bottom: 2px; display: block; width: 300px; height: 1px;}