body {  font-family: arial; font-size: 14px;  margin: 0px; text-align: center; background: url(bg.gif); line-height: 21px;
 font-style: italic;
}

#page { margin: auto; width: 900px; background: white; overflow: hidden; text-align: left; border: 1px solid #B2B2B2; border-top: 0px; border-radius: 0px 0px 6px 6px; }
.page { margin: auto; width: 900px; background: white; overflow: hidden; text-align: left; border: 1px solid #B2B2B2; border-radius: 6px; margin-top: 10px; padding-top: 25px;
padding-bottom: 25px; }
#page2 { margin: auto; width: 900px; background: white; overflow: hidden; text-align: left; border: 1px solid #B2B2B2; border-bottom: 0px; border-radius: 6px 6px 0px 0px;  margin-top: 10px;
padding-top: 25px; padding-bottom: 25px;   }

.text { margin-left: 30px; margin-right: 30px;}



h1 { color: #000; margin-bottom: 15px; font-style: normal; float: left; }
.vk { margin-bottom: 30px; clear: both; font-style: normal;}


.it { padding: 6px; padding-left: 5px; font-size: 14px;  border: 1px solid #C7C8D1; border-radius: 2px; margin: 0px; width: 820px; color: black; display: block; margin-bottom: 30px; margin-top: 7px;}
.it2 { padding: 6px; padding-left: 5px; font-size: 14px;  border: 1px solid #C7C8D1; border-radius: 2px; margin: 0px; width: 30px; color: black;  margin-bottom: 0px; margin-top: 7px;}
.right { float: right; }

.zarov { display: inline-block; vertical-align: top; font-size: 14px; line-height: 21px; padding-top: 5px; font-weight: normal;}



.popis { font-size: 13px; font-style: italic; line-height: 19px; font-weight: normal;}

.spolocnik { border-right: 1px solid #E6E6E6; padding-right: 40px; float: left; margin-right: 40px; margin-bottom: 40px;}
.konatel { border-right: 1px solid #E6E6E6; padding-right: 25px; float: left; margin-right: 25px; margin-bottom: 20px;}
.spol { font-weight: normal; font-size: 17px; text-align: ; border-bottom: 0px solid #0A0000; border-radius: 4px; background: #F2F2F2; padding-left: 10px; }
.posledny { margin-right: 0px; padding-right: 0px; border: 0px; }

label { font-weight: normal;}


.hide { display: none; }


.line { border-top: 1px solid #D9D9D9; margin-top: 0px; padding-top: 10px; }
.bottom_line { border-bottom: 1px solid #D9D9D9; margin-bottom: 20px; padding-bottom: 10px;}

.dalsi { float: left; height: 30px; margin-bottom: 30px;}
.plus { height: 30px; font-weight: ; }

select { font-size: 14px; color: #333333; border: 1px solid #C7C8D1; border-radius: 2px;  padding: 5px; vertical-align: middle; }
option { padding-right: 30px;  }

textarea { font-size: 15px; margin-right: 4px; width: 820px; padding: 5px; padding-top: 4px; color: #333333; height: 85px; border: 1px solid #c2c6cd; border-radius: 2px;
vertical-align: top; display: block; margin-bottom: 30px; font-family: arial; font-size: 14px; margin-top: 7px; }


.zi { font-weight: normal; font-size: 17px; }

.predmet { width: 900px; }

.zivnosti { font-weight: normal; font-size: 13px; display: block; margin-top: 10px; }


#odoslat { text-align: center; margin-bottom: 15px; margin-top: 15px;}    #odoslat input { font-size: 16px; height: 40px; width: 200px;}


#javascript_countdown_time { float: right; margin-top: 20px; color: red; font-weight: bold; font-size: 16px;}







/* H2 */

h2 { overflow: hidden; width: 1000px; margin: auto; margin-top: 15px; color: #000;  }

h2.section-heading-strike .make-strike::before {
    margin-right: 15px;
    right: 100%;
}
h2.section-heading-strike .make-strike::after, h2.section-heading-strike .make-strike::before {
    border-top: 1px solid #9b9b9b;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 500px;
}
h2.section-heading-strike .make-strike::after {
    left: 100%;
    margin-left: 15px;
}
h2.section-heading-strike .make-strike::after, h2.section-heading-strike .make-strike::before {
    border-top: 1px solid #9b9b9b;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 500px;
}
h2.section-heading-strike .make-strike {
    color: #000;
    display: inline-block;
    position: relative;
}



/* to del */



.loga {float: right; margin-top: 5px; }
.loga img { float: right; margin-right: 20px;}

.zadaj { font-weight: bold; font-size: 15px; color: #006600;}
/*
.plus { font-weight: bold; font-size: 15px; width: 30px; color: green; border: 1px solid green; cursor: pointer; }
.minus { font-weight: bold; font-size: 15px; width: 30px; color: red; border: 1px solid red; cursor: pointer; }
  */
.copy { background: none; border: none; font-size: 11px; float: right; margin-bottom: 15px; margin-top: 5px; color: #666666; cursor: pointer; }
.copy:hover { background: none; border: none; font-size: 11px; float: right; margin-bottom: 15px; margin-top: 5px; color: #3ba125; cursor: pointer; }

.osoba { float: left;  margin-bottom: 20px; margin-left: 25px; }
.parna { margin-right: 0px; }
.ram { border: 1px solid #e2e2e2; padding: 15px; padding-bottom: 10px; padding-top: 0px;  }
.ram table { margin-top: 15px; clear: both; }
h3 { background: #e2e2e2; margin: 0px; padding: 4px; padding-left: 20px; color: #666666; font-size: 15px; text-align: center; }

.in { height: 22px; line-height: 22px; color: black;  width: 150px;}
.sm { width: 70px;}

.poznamka { width: 545px; height: 45px; margin-bottom: 30px;}


.ramik { border: 1px solid #e2e2e2;  width: 700px; margin: auto; }
.odoslany { color: #3ba125; font-size: 23px; text-align: center; margin-bottom: 10px; margin-top: 30px; }
.dakujeme { font-weight: ;  text-align: center; font-size: 14px; margin-bottom: 30px; }