/* main --------------------------------------------------- */

*  {
    margin:0;
    padding:0;
}

body, html {
    font-family: "arial", "Trebuchet MS", "tahoma", "verdana", sans-serif;
    text-align: center;
}

body{
    display: block;
    background: rgb(234,234,234) url('./main-bg.png') repeat-x top left;
}

div#main {
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: center;
    width:995px;
    background: url('./body_background.png') no-repeat top center;
    min-height: 829px;
}

div#content {
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: left;
    width:995px;
}

/* Basic elements --------------------------------------------------- */

h2, h3, h4, h5, h6 {}
h2 {
    width: 100%;
    color: rgb(255,2555,255);
    padding:0;
    font-size: 17px;
    margin: 16px 0 7px 0;
}

h3 {
    color:rgb(0,24,88);
}

p {
    text-align: justify;
    font-size: 15px;
    color:rgb(255,255,255);
}

hr {display:none;}

div.clear {
    width:100%;display:block;;background:none;clear:both;
}

div.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgb(157,166,191) ;
}

a {
    color:white;
    text-decoration: none;
}

/* Row logo --------------------------------------------------- */
div#row_logo {
    width:995px;
    height:57px;
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: left;
}

h1,h1 a {
    width:auto;
    height: 57px;
    position:relative;
    font-size: 17px;
    color: rgb(245,245,245);
    float: left;
    background: url("./logo.png") no-repeat left top;
    display: block;
}

h1 a {
    text-decoration: none;
    background: none;
    padding-top: 18px;
    padding-left: 75px;
    padding-right: 40px;
    border-right: 2px solid rgb(30,149,250);
    height: 38px;
    color: #0985d7;
}

/* BOXE ------------------------------ */

.box {
    width: 100%;
    display: block;
    float: left;
    position: relative;
    margin: 0 auto;
}

.box.text {
    width: 290px;
    margin-left: 145px;
    margin-top: 56px;
    color:#747474;
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
}

.box.text span {
    color:#0985d7;
}

.box.form {
    width: 554px;
    height: 190px;
}

/* FORMs ---------------------*/
form {
    position: relative;
    width: 995px;
    height: 206px;
    display: block;
    z-index: 1;
    background: url('./form.png') no-repeat top left;
    margin-top: 34px;
    margin-bottom: 38px;
}

img#form_decoration {
    border: 0px;
    width: 21px;
    height: 42px;
    position: absolute;
    top: 21px;
    left: -21px;
    z-index: 2;
}

div.form_row {
    float: left;
    display: block;
    padding-bottom: 8px;
    width: 100%;
}

div.form_row img#captcha {
    margin: 0px 0 1px 4px;
    width: 122px;
    height: 36px;
}
div.form_row img.refresh {
    margin: 0;
    margin-left: -4px;
}

label {
    width: 113px;
    height: 35px;
    padding-top: 7px;
    text-align: right;
    display: block;
    color: rgb(94,94,94);
    float: left;
}

input[type="text"]{
    height: 28px;
    width: 165px;
    border: 1px solid rgb(207,73,73);
    background:rgb(255,202,202);
    color: rgb(66,66,66);
    float: left;
    margin-left: 4px;
    padding: 4px;
    text-align: left;
}

#captcha-form {
    width: 115px;
}

input[type="text"]:hover {
    background: rgb(255,246,246);
}

img.form-captcha-img{
    float: left;
    margin-left: 5px;
    height: 37px;
}

textarea {
    width: 353px;
    height: 59px;
    border: 1px solid rgb(207,73,73);
    background:rgb(255,202,202);
    color: rgb(66,66,66);
    float: left;
    text-align: left;
    margin-left: 4px;
}

textarea.nabidka {
    width: 174px;
    resize: none;
}

textarea:hover {
    background: rgb(255,246,246);
}

input.captcha {
    width: 183px;
}

input[type="submit"], input[type="text"] {
    cursor: pointer;
    cursor: hand;
    display: block;
}

input.submit_button {
    float: right;
    color: rgb(255,255,255);
    border: 0;
    background:url('./submit_button.png') no-repeat top left;
    width: 234px;
    height: 38px;
    margin-right: 16px;
}

input.submit_button:hover {
    background:url('./submit_button_hover.png') no-repeat top left;
}

input[type="text"]:hover {
    background: rgb (239,241,243);
    border: 1px solid rgb(130,164,255);
}

/* CONTENT ---------------------------- */
.item {
    float: left;
    width: 326px;
    height: 309px;
    display: block;
    background: url('./item.png') no-repeat top left;
    background: none;
    position: relative;
    margin-right: 5px;
    margin-bottom: 15px;
}

.item a.prejit, .item .text_ref {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 256px;
    height: 34px;
    text-align: right;
    color: rgb(56,56,56);
    text-decoration: none;
    padding-top: 14px;
    padding-right: 67px;
}

.item .text_ref {
    width: 300px;
    height: 26px;
    padding:0;
    bottom:63px;
    bottom: 55px;
    text-align: left;
    padding-top: 4px;
    padding-left: 20px;
    font-size: 24px;
    color: rgb(255,255,255);
}

div.ref-bg {
    width: 325px;
    height: 309px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ref1 {
    background: url('./ref1.png') no-repeat top left;
}

.ref1:hover {
    background: url('./ref1_hover.png') no-repeat top left;
}

.ref2 {
    background: url('./ref2.png') no-repeat top left;
}

.ref2:hover {
    background: url('./ref2_hover.png') no-repeat top left;
}

.ref3 {
    background: url('./ref3.png') no-repeat top left;
}

.ref3:hover {
    background: url('./ref3_hover.png') no-repeat top left;
}

.ref4 {
    background: url('./ref4.png') no-repeat top left;
}

.ref4:hover {
    background: url('./ref4_hover.png') no-repeat top left;
}

.ref5 {
    background: url('./ref5.png') no-repeat top left;
}

.ref5:hover {
    background: url('./ref5_hover.png') no-repeat top left;
}

.ref6{
    background: url('./ref6.png') no-repeat top left;
}

.ref6:hover{
    background: url('./ref6_hover.png') no-repeat top left;
}

/* Footer  --------------------- */

div.footer {
    display: block;
    margin: 20px auto;
    position: relative;
    text-align: left;
    width:995px;
    height: 140px;
    padding-top: 10px;
    color: rgb(102,102,102);
    font-size: 15px;
    margin-bottom: 0;
}

div.footer ul {
    position: absolute;
    top: 17px;
    left: 153px;
}

div.footer ul li {
    height: 40px;
    list-style-type: none;
    padding: 10px 0 0 40px;
}

div.footer ul li.telefon  {
    background: url('./telefon.png') no-repeat top left;
}

div.footer ul li.mail  {
    background: url('./mail.png') no-repeat top left;
}

p.copyright {
    margin-top: 72px;
}

.wrap_footer {}

.hide {
    display: none;
}
/* Footer  --------------------- */

div.footer {
    display: block;
    margin: 0px auto;
    position: relative;
    text-align: left;
    width:995px;
    height: 66px;
    padding-top: 73px;
    color: rgb(102,102,102);
    font-size: 14px;
}

.paticka_pruh {
    width: 100%;
    height: 140px;
    background: white;
}

.paticka_pruh a {
    color: rgb(102,102,102);
    text-decoration: underline;
    font-weight: bold;
}

a.up {
    background: url('./up.png') no-repeat top left;
    width: 71px;
    height: 71px;
    display: block;
    position: absolute;
    top:44px;
    right: 0;
}

#radkovyblok {
    font-size: 10px;
    margin-top: 10px;
}