@import "reset.css";

/* TYPO */
body {
	font:75%/1.5em Tahoma, Geneva, Verdana, sans-serif;
}
h1 {
    text-align:right;
    margin-top:-1.5em;
    margin-bottom:0.5em;
    color:rgb(209,18,65);    
}
h1,h2 {
    font-size:1.5em;
    line-height:1em;
}
h2 {
    margin-bottom:0.754em;
}
h3 {
    font-size:1.1667em;
    line-height:1.2857em;
    margin:2em 0 0.754em;
    font-weight:bold;
}
p {
    margin-bottom:1em;
}
.invisible {
    position:absolute;
    left:0;
    top:-10000px;
    height:1px;
    overflow:hidden;
}
a {
    color:rgb(55,65,157);
}
/* /TYPO */


/* LAYOUT */
header,section,footer,nav,aside,article {display:block;}
header,#content,footer > div,footer > ul {
    width:65em;/*780px*/
    padding:0 0.8333em;/*2x10px*/
    max-width:98%;
    margin:0 auto;
}
#content {
    overflow:hidden;
}
#content section {
    float:left;
    width:57.6923%;
    margin-top:3em;
    padding:0 2.5em 0 3.2em;
    border-right:1px solid rgb(199,199,199);
}
#content aside {
    float:right;
    width:29.4871%;
    margin-top:3em;
}
#content .content-in {
    position:relative;
    margin-left:3.2em;
    margin-right:3.2em;
}
/* /LAYOUT */


/* COMMON */
.bd {
    border:1px solid rgb(199,199,199);
    box-shadow:-1px -1px 0 rgb(236,236,236);
    -moz-box-shadow:-1px -1px 0 rgb(236,236,236);
    -webkit-box-shadow:-1px -1px 0 rgb(236,236,236);
    border-radius:1em;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
}
/* /COMMON */


/* header */
header {
    position:relative;
    overflow:hidden;
    padding-top:1.6667em;
    margin-bottom:1.6667em;
    border-bottom:0.4166em solid rgb(209,17,65);
}
#logo {
    padding-bottom:1em;
}
#logo a {
    display:block;
    width:76px;
    height:67px;
    background:transparent url(../img/mlada-fronta.png) no-repeat 0 0;
    text-indent:-9999px;
    outline-width:0;
}
header nav {
    float:right;
    margin-top:-28px;
}
header nav li {
    display:inline-block;
    margin-left:0.1667em;
}
header nav li.bd {
    border-bottom-width:0;
    -moz-border-radius-topright:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-top-right-radius:3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:0;
}
header nav a {
    display:inline-block;
    line-height:27px;
    padding:0 1.3333em;
}
header nav li.active {
    background-color:rgb(209,17,65);
    border-color:rgb(209,17,65);
    box-shadow:0 -1px 0 rgb(243,195,207);
    -moz-box-shadow:0 -1px 0 rgb(243,195,207);
    -webkit-box-shadow:0 -1px 0 rgb(243,195,207);
} 
header nav li.active a {
    color:#fff;
}
#login-status {
    position:absolute;
    right:0.8333em;
    top:1.6667em;
}
/* /header */


/* login */
#login {
    position:relative;
    width:52.5%;
    margin:0 auto;
}
#login > div {
    margin-top:3em;
}
#login fieldset {
    padding-top:2em;
    padding-bottom:2em;
}
#help-link {
    position:absolute;
    right:0;
    top:0;
    padding-left:20px;
    background:transparent url(../img/help.png) no-repeat 0 center;
}
/* /login */


/* register */
#register {
    position:relative;
}
#register > h2:first-child {
    margin-top:-2em;
}
/* /register */


/* forms */
fieldset.bd {
    margin:0 0 1em -1em;
    padding:1.5em;
}
fieldset .forminput {
    margin-bottom:0.5em;
    width:100%;
}
fieldset .forminput label:first-child {
    display:inline-block;
    width:23%;
    text-align:right;
    margin-right:0.5em;
    vertical-align:top;
}
#login fieldset .forminput label:first-child {
    width:15%;
}
fieldset .forminput input {
    width:12em;
}
fieldset .forminput input + label + input {
    width:3em;
}
fieldset .formradio input {
    width:auto;
}
fieldset .formradio input + label {
    padding:0 1em 0 0.2em;
}
fieldset .formcheckbox {
    margin-left:21.3%;
    margin-top:1em;
}
fieldset input[type="submit"] {
    display:block;
    width:9.1667em;
    height:2.5em;
    margin:2em auto 0;
    background-color:rgb(255,213,1);
    border:1px solid rgb(241,171,0);
    border-radius:0.3333em;
    -moz-border-radius:0.3333em;
    -webkit-border-radius:0.3333em;
    cursor:pointer;
    text-shadow:0px 1px 1px rgb(255,255,255);
}
.cssgradients fieldset input[type="submit"] {
    background-image:-webkit-gradient(linear,
    left top, left bottom,
    from(rgb(255,241,3)),
    to(rgb(255,188,0)));
    background-image:-moz-linear-gradient
    (left top, left bottom,
    from(rgb(255,241,3)),
    to(rgb(255,188,0)));
}
fieldset input[type="submit"]:focus,fieldset input[type="submit"]:active {
    font-weight:bold;
    background-color:rgb(255,241,3);
    box-shadow:0 0 10px rgb(241,171,0);
    -moz-box-shadow:0 0 10px rgb(241,171,0);
    -webkit-box-shadow:0 0 10px rgb(241,171,0);
}
fieldset input[type="submit"]::-moz-focus-inner {
    border:none;
}
fieldset.bd {
    background-color:rgb(252,252,252);
}
.cssgradients fieldset.bd {
    background-image:-webkit-gradient(linear,
    left top, left bottom,
    from(rgb(255,255,255)),
    to(rgb(247,247,247)));
    background-image:-moz-linear-gradient
    (left top, left bottom,
    from(rgb(255,255,255)),
    to(rgb(247,247,247)));
}
.field-msg {
    display:inline-block;
    vertical-align:middle;
    max-width:13.5em;
    font-size:0.9166em;
    padding:0 0.36em 0.12em;
    border:1px solid rgb(169,204,222);
    border-radius:0.2727em;
    -moz-border-radius:0.2727em;
    -webkit-border-radius:0.2727em;
    background-color:rgb(242,249,254);
    color:rgb(0,109,166);   
}
.cssgradients .field-msg {
    background-image:-webkit-gradient(linear,
    left top, left bottom,
    from(rgb(242,249,254)),
    to(rgb(215,240,253)));
    background-image:-moz-linear-gradient
    (left top, left bottom,
    from(rgb(242,249,254)),
    to(rgb(215,240,253)));
}
#terms-conditions {
    position:relative;
    margin-top:1em;
}
#terms-conditions textarea {
    width:100%;
}
#terms-conditions span {
    position:absolute;
    top:0;
    right:0;
    font-size:1.5em;
    padding:0.2em 0 0 0.5em;
    cursor:pointer;
    color:rgb(199,199,199);
}
#terms-conditions span:hover {
    color:rgb(0,0,0);
}
#contact fieldset {
    padding-bottom:2em;
}
#contact textarea {
    width:44em;
    height:15em;
}
#contact label {
    width:13%;
}
/* /forms */


/* hp */
#logos a {
    display:inline-block;
    text-align:center;
    margin:1.5em 2em 1.5em 0;
}
#logos a > div {
    display:table;
    height:87px;
    min-width:60px;
    padding:0 10px;
    margin-bottom:0.5em;
    border:1px solid rgb(203,203,203);
}
#logos a div div {
    display:table-cell;
    vertical-align:middle;
}
/* /hp */


/* help site */
section {
    text-align:center;
    counter-reset:images;
}
section h2,section p,section h3,section ul {
    text-align:left;
}
section img {
    margin:2em 0;
    padding:30px;
    border:1px solid rgb(242, 242, 242);
}
section .imgDesc {
    margin-bottom:2em;
    font-style:italic;
}
section .imgDesc:before {
    content: "Obr. " counter(images) ": ";
    counter-increment:images;
}
/* /help site */


/* breadcrumbs */
#breadcrumbs span {
    padding:0 0.25em;
}
/* /breadcrumbs */


/* footer */
html, body, #page {
    height: 100%;
}
body > #page {
    height: auto; min-height: 99.9%;
}
#content {
    padding-bottom: 12.25em;
}
footer {
    position:relative;
    height:6.25em;
    margin-top:-8.25em;
    padding:1em 0;
    background-color:rgb(248,248,248);
    border-top:1px solid rgb(203,203,203);
}
footer li {
    display:inline;
}
footer img {
    float:left;
    margin-right:0.8333em;
}
footer div {
    overflow:hidden;
}
footer li,footer p {
    font-size:0.9166em;
}
footer p {
    float:left;
    width:500px;
}
footer ul {    
    line-height:1.3em;
    color:rgb(151,151,151);    
}
footer div ul {
    line-height:1em;
    float: left;
    width:500px;
}
footer a {
    color:rgb(0,63,111);
}
footer #new-logo {
    float:right;
}
/* /footer */

/* ORDERED LIST */

ol {
    text-align: left;
}

ol li {
    list-style-type: decimal;
}

/* ORDERED LIST */
.clr {
    clear:both;
}