html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, menu, li, ul {margin: 0;padding: 0;}
html {background: #FFFFFF;}
body {text-align: center; font-family: Arial, Helvetica, sans-serif; color: #484342; font-size: 12px;}
html > body {font-size: 12px;}
a {font-weight: normal;text-decoration: underline;color: #D41717;}
a:hover {text-decoration: none;}
a:visited {color: #8D0906;}

table {font-size: 100%;border-collapse: collapse;text-align: center;margin: 1em 0;}
th, td {border: 1px solid #C5C4C4; padding: 5px; background: #FFFFFF;}
th {background: url(../images/thbg.gif) center left repeat-x #FFFFFF; color: #FFFFFF;}
.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both;width: 1px;overflow: hidden;}
li {list-style: none; font-style: italic; padding-left: 15px; background: url(../images/libg.gif) center left no-repeat;}
a img {border: 0;}
.db {display: block;}
.error {color: red;font-weight: bold;font-size: 130%;}
.dn {display: none;}
ol li {list-style: decimal; background: none; padding-left: 0;}

#page {width: 960px;margin: 0 auto;position: relative;text-align: left;}

#head {width: 960px;height: 76px;margin: 0 auto; clear: both;}

#logo {position: relative;float: left;}
#logo, #logo span {display: block;width: 220px;height: 76px;}
#logo span {background: url(../images/logo.jpg) no-repeat;position: absolute;cursor: pointer;top: 0;left: 0;}

#menu {height: 76px; width: 740px; background: url(../images/gray.jpg) repeat-y; float: right;}
#menu li {float: left; height: 30px; line-height: 30px; list-style: none; font-style: normal; background: none; margin-right: 25px; margin-top: 23px; padding: 0 !important;}
#menu li.first {margin-left: 45px;}
#menu li.last {margin-right: 0;}
#menu li a {text-decoration: none; color: #FFFFFF; display: block; padding: 0 15px;}
a.menu1:hover {background: url(../images/li1.gif) center center no-repeat;}
a.menu2:hover {background: url(../images/li2.gif) center center no-repeat;}
a.menu3:hover {background: url(../images/li3.gif) center center no-repeat;}
a.menu4:hover {background: url(../images/li4.gif) center center no-repeat;}
a.menu5:hover {background: url(../images/li5.gif) center center no-repeat;}
a.menu6:hover {background: url(../images/li6.gif) center center no-repeat;}

h1, h2, h3, h4 {font-family: "Times New Roman", Times, serif; font-weight: normal;}
h1 {font-size: 28px; color: #FFFFFF; height: 60px; line-height: 60px !important; padding: 0 20px; margin-top: 0; margin-bottom: 23px; background: url(../images/h1.gif) top left no-repeat;}
h2 {font-size: 26px; font-weight: bold; color: rgb(102, 102, 102); margin-bottom: 20px;}
h3 {font-size: 24px; font-weight: bold; color: #D41717; margin-bottom: 20px; margin-top: 30px;}
h4 {color: #D41717; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
p {margin: 1em 0;}

h3.step {width: 40%; float: left; margin: 0; text-align: center; background: #645A4C; margin-right: 20px; padding: 10px 0; border: 5px solid #C4B6AC; font-style: italic;}
h3.stepsm {width: 40%; float: left; margin: 0; text-align: center; background: #645A4C; margin-left: 25px; padding: 5px 0; border: 1px solid #C4B6AC; font-style: italic; font-size: 18px;}
.rstep {margin-right: 0 !important;}
h3.step a, h3.stepsm a {color: #FFFFFF !important;}
h3.step a:hover, h3.stepsm a:hover {color: #FFFFFF !important;}
h3.step a:visited, h3.stepsm a:visited {color: #FFFFFF !important;}
a.white {color: #FFFFFF;}
th a {color: #FFFFFF; font-weight: bold;}
th a:visited {color: #FFFFFF; font-weight: bold;}

#footer {clear: both; background: rgb(41, 41, 41); padding: 10px 27px; font-size: 90%;}
#footer p {margin: 0;}
#footer, #footer a {color: #FFFFFF;}
.fl {float: left;}
.fright {float: right;}

.rc {width: 390px; float: right; position: absolute; right: 0; top: 76px; color: #FFFFFF; text-align: center; padding: 0 30px;}
.rc h1 {margin-top: 75px; font-size: 32px !important; margin-bottom: 50px !important; height: 32px !important; line-height: 32px !important;}

#rch1 {display: block; margin-top: 68px; margin-bottom: 15px;}
.rc p {margin: 9px 0;}
input.mi {background: none; border-width: 0 0 1px 0; border-bottom: 1px dotted #FFFFFF; width: 55px; text-align: center;}
input.imi {background: none; border-width: 0 0 1px 0; border-bottom: 1px dotted #FFFFFF; width: 55px; text-align: center;}
input.mi:focus {background: #FFFFFF;}
.rc label {clear: left; float: left; margin-right: 5px; margin-left: auto;}
input.btm {width: 100px; height: 25px; background: url(../images/btm.gif) no-repeat; font-style: italic; border: none; line-height: 25px; padding: 0; color: #FFFFFF; text-align: center; font-size: 14px; margin: auto; font-family: "Times New Roman", Times, serif; float: left;}
input.ibtm {width: 100px !important; height: 25px; background: url(../images/btm.gif) no-repeat; font-style: italic; border: none; line-height: 25px; padding: 0; color: #FFFFFF; text-align: center; font-size: 14px; margin: auto; font-family: "Times New Roman", Times, serif;}

a.btm {width: 130px; height: 25px; background: url(../images/abtm.gif) no-repeat; font-style: italic; border: none; line-height: 25px; padding: 0; color: #FFFFFF !important; text-align: center; font-size: 14px; margin: auto; font-family: "Times New Roman", Times, serif; display: block; text-decoration: none; clear: right; float: right;}

#image {padding: 0px; height: 504px;}

#imagesm {padding: 0px; height: 334px;}

#content {background: rgb(222, 219, 207); padding: 40px;}

#rc_lh {width: 380px; float: left; background: url(../images/red.jpg) repeat-y; color: #FFFFFF; padding: 30px; height: 200px; margin: 30px 15px 30px 50px;}
#rc_lh h1, #rc_rh h1 {margin: 0 0 10px 0; line-height: 28px !important; height: 28px !important; font-weight: bold; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 28px;}
#rc_lh h1 span, #rc_rh h1 span {font-style: italic; font-weight: normal;}
#rc_lh p, #rc_rh p {line-height: 1.6;}
#rc_lh a, #rc_rh a {color: #FFFFFF;}
select, input, textarea {border: 1px solid #C5C4C4;}
select {width: 320px;}
input.small {width: 134px; margin-right: 10px;}
input.smallr {width: 130px;}
input.li {margin-right: 10px;}
label.ll {float: left; width: 165px;}
textarea {width: 320px; height: 80px;}
.bt {width: 100px; height: 25px; background: url(../images/btm.gif) top left no-repeat; text-transform: uppercase; color: #FFFFFF; text-decoration: none; border: none; font-size: 90%; line-height: 25px;}

#rc_rh {width: 365px; float: left; background: url(../images/black.jpg) repeat-y; color: #FFFFFF; padding: 30px; margin: 30px 0 30px 0;}

.lc {width: 960px; margin: 0; background: url(../images/lcimage.jpg) repeat-y;}

#of {padding-left: 30px; padding-top: 11px; background: url(../images/ofbg.gif) top left no-repeat;}
#of h1 {font-size: 30px; color: #D41717; height: 60px; line-height: 60px !important; padding: 0 20px; margin-top: 0; margin-bottom: 23px; background: url(../images/h1.gif) top left no-repeat;}
.ofitem {clear: both; height: 149px; background: #F4F3F3; border: 1px solid #C5C4C4; margin-bottom: 20px !important;}
.ofimg {width: 132px; float: left; padding: 19px 10px; background: url(../images/oimg.gif) no-repeat; margin: -1px; margin-right: 20px; height: 113px;}
.imgc {width: 120px; padding: 5px; background: #FFFFFF; border: 1px solid #C0C0C0;}
.ofdesc {float: left; width: 370px; height: 149px;}
.ofdesc h3 {color: #D41717; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 20px 0 0 0;}
.ofdesc p {line-height: 1.5; margin-top: 5px; margin-bottom: 7px;}
.ofdesc span {display: block; clear: both;}
.infoimg {margin-right: 15px;}
.code {width: 99px; height: 35px; float: right; margin: -1px; background: url(../images/cod.gif) top left no-repeat; line-height: 35px; color: #D41717; font-size: 15px; font-weight: bold; text-transform: uppercase; text-align: right; padding-right: 28px;}
.obt {width: 155px; height: 20px; background: url(../images/bt.gif) top left no-repeat; text-transform: uppercase; color: #FFFFFF; text-decoration: none; border: none; font-size: 90%; float: right; text-align: center; line-height: 20px; margin-top: 76px; margin-right: 22px;}
a.obt:visited {color: #FFFFFF;}

.h1a {font-size: 12px !important; font-weight: bold; background: url(../images/harrow.gif) center left no-repeat; padding-left: 13px; float: right; margin-right: -8px;}

table.dt {width: 100%; border-collapse: collapse; text-align: left; margin-bottom: 20px; margin-top: 0;}
table.dt th, table.dt td {border: 1px solid #C5C4C4; padding: 10px;}
table.dt th {font-size: 15px; color: #D41717; text-transform: uppercase; width: 145px; background: none;}
.price {color: #D41717; display: block; float: left;}
table.dt td {background: url(../images/dttd.gif) top left repeat-y #F4F3F3;}
table.dt td span {padding-left: 16px; background: url(../images/phone.gif) center left no-repeat; display: block; height: 16px; float: right;}

.cur {display: block; clear: both; font-style: italic; margin-top: 15px;}

#modBox a {float: left;}

tr.widthBox td hr {border: 1px solid #C5C4C4;}
tr.widthBox td {border: none; background: #DEDBCF; font-weight: bold; text-align: center; padding: 5px 0px;}

#fm {width: 475px; background: #BEBBAC; padding: 20px; clear: both;}
#fm td {background: none; border: none; text-align: left; width: 50%;}
#fm input {width: 200px;}
#fm input.small {width: 120px;}
input.bt {width: 100px !important;}
#fm textarea {width: 475px; height: 175px; font-style: italic;}

.rhf {float: right; width: 515px;}
.lhf {float: left; width: 360px;}

.rc h3 {
	position: absolute; top: 300px;
}
.rc h3.stepsm {
	position: absolute; top: 300px; left: 0px;
}
.rc h3.rstep {
	position: absolute; top: 300px; left: 215px;
}

#sleva25_index {position: absolute;left:263px;top:90px;width:300px;height:220px;background:url(../images/ibis_sleva_15pc.gif) no-repeat;display: block;}