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

table {font-size: 100%; border-collapse: collapse; margin: 0 0 10px 0; text-align: left; width: 100%;}
th, td {border: 1px solid #D6D6D6; padding: 5px;}
th {font-weight: bold;}
.o {background: #FFFFFF;}
.e {background: #E8ECEB;}
.bold {font-weight: bold;}
.center {text-align: center;}
.right {text-align: right;}
.cb {clear: both; height: 1px; width: 1px; overflow: hidden;}
a img {border: 0;}
.i {font-style: italic;}
.r {color: Red;}
.am {vertical-align: middle;}
.w {width: 100%;}
.hr {width: 700px; height: 7px; background: url(../images/bghr.png) no-repeat; margin: 0.5em 0;}
.highlight {color: red; font-size: 16px; font-weight: bold;}

#page {width: 100%; position: relative; text-align: left;/* background: url(../images/global.png) repeat-x;*/}

h1, h2, h3, h4 {color: #165B90;}
h1 {font-size: 26px; margin: 0 0 10px 0; font-weight: normal;}
h2 {font-size: 22px; margin-bottom: 10px; font-weight: normal;}
h3 {font-size: 16px; margin-bottom: 10px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold; margin-bottom: 10px;}
h1 span {text-transform: uppercase;}
p {margin: 1em 0; line-height: 1.7;}

#logo {position: relative; float: left; border: none !important;}
#logo, #logo span {display: block; width: 230px; height: 70px;}
#logo span {background: url(../images/logo.png) no-repeat #FFFFFF; position: absolute; cursor: pointer; top: 0; left: 0;}

#tc {clear: both; width: 850px; height: 70px; background: #FFFFFF; margin: 0 auto;}

#menu {overflow: hidden; float: right; height: 70px;}
#menu li {list-style: none; float: left; margin-left: 10px; height: 30px; line-height: 30px; margin-top: 20px;}
#menu li a {text-decoration: none; display: block;  height: 30px; line-height: 30px; font-size: 15px; font-weight: bold; padding: 0 10px; text-transform: uppercase; color: #2D6DB2;}
#menu li a.active {background: #D5DBE1;}
#menu li a:hover {color: #7196BE; background: #D5DBE1;}
#menu li.first {margin-left: 0;}

#footer {clear: both; font-size: 11px; background: #D5DBE1; height: 26px; line-height: 26px; color: #2D6DB2; width: 790px; _width: 850px; margin: 20px auto 0 auto; padding: 0 30px;}
#footer p {margin: 0;}
#footer a {color: #2D6DB2;}
.fleft {float: left;}
.fright {float: right;}

#box_bottom {font-size: 11px; width: 790px; _width: 850px; margin: 20px auto; padding: 0 30px;}

#content {background: url(../images/global.png) repeat-x #FBFCF7;}
#content li, #box_info li {list-style: none; padding-left: 20px; background: url(../images/libg.png) center left no-repeat; line-height: 1.7;}

#rc {width: 850px; margin: 0 auto;}
#rc h1 {padding: 5px; background: #1462AD; color: #FFFFFF; display: block;}
#video {float: left; width: 300px; height: 290px; margin: 10px 0 0 0;}
#video div.bold {font-size: 15px; margin-bottom: 10px; text-transform: uppercase;}
#slideshow {/*position:relative; width: 530px; float: right;*/ padding-top: 10px;}
#rc ul {margin-bottom: 10px;}

.page {padding: 10px 0;}

#lc {width: 850px; margin: 0 auto;}

#box_news {width: 300px; float: left; background: url(../images/global.png) left bottom repeat-x;}
#box_news .box_top {width: 300px;}
#box_news ul {padding: 10px 0; _height: 167px; height: 147px; overflow: hidden;}
#box_news li {padding: 0; background: none; width: 280px; float: left; list-style: none;}
#box_news li a {font-size: 13px; font-weight: bold;}
#box_news li span {font-size: 11px; float: right; margin-right: 10px;}
.box_swtb {margin: 10px;}
#news {margin: 0 10px;}
#news p {height: 67px;}

.box_top {width: 265px; height: 33px; position: relative; text-align: center; line-height: 33px; font-size: 15px; color: #2D6DB2; font-weight: bold; text-transform: uppercase; background: #D5DBE1;}
.box {width: 265px; float: left; background: url(../images/global.png) left bottom repeat-x; margin-left: 10px;}
.box_ct {padding: 0 10px;}

.help {border-bottom: 1px dashed #31373B; cursor: help;}

#box_info {background: #1462AD; color: #FFFFFF; line-height: 1.3; margin: 10px auto; width: 830px; padding: 10px; font-size: 15px;}
#box_info a {color: white;}
#box_info h1 {font-weight: normal;margin-bottom: 7px;line-height: 1; color: #FFFFFF;}
#box_info h2 {font-weight: normal;margin-bottom: 5px;line-height: 1; color: #FFFFFF;}
#box_info h3 {margin-bottom: 5px; color: #FFFFFF;}
#box_info p, #box_info li {margin: 5px 0; line-height: 1.5;}
#box_info li {background-image: url(../images/libg_green.png);}

fieldset {border: none;}
#fm {clear: both; margin: 20px 0;}
#fm input.small {width: 120px;}
#fm textarea, #fm input {border: 1px solid #ABC7DD; background: #FFFFFF; padding: 5px;}
#fm textarea:focus, #fm input:focus {border: 1px solid #165B90;}
#fm textarea:hover, #fm input:hover {border: 1px solid #7196BE;}
#fm textarea {width: 450px; height: 175px; }
#fm input {width: 200px;}
input.b_r, textarea.b_r {border: 1px solid red;}
#fm label {width: 150px; margin-right: 20px; float: left; font-weight: bold; font-size: 14px;}
#fm label span {font-size: 18px;}
#fm fieldset {background: #F1F3F7; padding: 20px; border: 1px solid #DDE8EF; margin-bottom: 10px;}
input.checkbox {width: 10px !important; height: 10px !important; border: none; background: none;}
input.b_r {border: 1px solid red;}
a.bt, input.bt {height: 35px; background: url(../images/btbg.png) no-repeat !important; line-height: 35px; color: #FFFFFF !important; text-decoration: none !important; text-align: center; padding: 0 !important; font-weight: bold; border: none !important; width: 100px !important;}
#fm input.bt {margin-left: 170px;}

.box_division {background: #F1F3F7; padding: 10px 20px; border: 1px solid #DDE8EF; margin: 10px 0;}

#detail {width: 850px; height: 850px; position: relative;}
#images {width: 850px; height: 850px;}
#images ul {padding: 0;}
#images li {padding: 0; margin: 0; background: none;}
#prevBtn {width: 30px; height: 77px; display: block; position: absolute; top: 75px; left: -30px; background: url(../images/previous.gif) no-repeat;}
#prevBtn a {width: 30px; height: 77px; display: block; text-decoration: none !important;}
#nextBtn {width: 30px; height: 77px; display: block; position: absolute; top: 75px; right: -30px; background: url(../images/next.gif) no-repeat;}
#nextBtn a {width: 30px; height: 77px; display: block; text-decoration: none !important;}

.warning {padding: 5px 5px 5px 35px; background: url(../images/warning.gif) no-repeat #FFFF99; background-position: 5px center; min-height: 25px; border: 1px solid #DDDDDD; margin: 0 0 5px 0; line-height: 25px;}
.warning a {color: #0066FF; font-weight: bold;}
.wbg {background: #FFFFFF; padding: 0 10px 10px 10px;}
.wbg h2 {border-bottom: 5px solid #D6D6D6;}

#_trial, #_trial span {display: block; width: 300px; height: 100px; cursor: pointer;}
#_trial {position: relative; text-align: center; line-height: 100px;}
#_trial span {position: absolute; top: 0; left: 0; background: url(../images/trial.png) no-repeat 0 14px;}
#_trial:hover span {background-position: 0 -83px;}
#_price, #_price span {display: block; width: 300px; height: 100px; cursor: pointer;}
#_price {position: relative; text-align: center; line-height: 100px;}
#_price span {position: absolute; top: 0; left: 0; background: url(../images/price.png) no-repeat 0 14px;}
#_price:hover span {background-position: 0 -83px;}

/* cenik*/
#p_l {padding-left: 201px;}
#p_l .pr {height: 124px; width: 149px; float: left; position: relative; display: block; margin-right: 1px;}
#p_l .pr span {height: 124px; width: 149px; background: url(../images/price_variants.png) no-repeat; display: block; position: absolute; top: 0; left: 0; cursor: pointer;}
#steel span {background-position: 0 0;}
#bronze span {background-position: 0 -200px !important;}
#silver span {background-position: 0 -400px !important;}
#gold span {background-position: 0 -778px !important;}
#platinum {margin-right: 0 !important;}
#platinum span {background-position: 0 -600px !important;}

#pricelist {font-size: 11px; width: 950px;}
#pricelist tr:hover {background: #FFDB8F;}
#pricelist th {width: 189px !important;}
#pricelist td {width: 138px;}
.pr_title {position: relative;}
.pr_des {position: absolute; z-index: 101; width: 342px; padding: 25px 30px 16px 33px; background: url(../images/tooltip_bg.png) no-repeat left top transparent; color: #FFFFFF; font-weight: normal; top: 0; right: -400px; display: none;}

/* trial*/
input.error {border-color: red;}
label.error {color: red;}
table.ba td, table.ba th {border: none;}
table.ba th {font-size: 12px; font-weight: bold; padding: 5px; background: #F9F4DB;}
table.ba th span {font-size: 12px; font-weight: normal;}
table.ba input[type="submit"] {font-size: 20px; font-weight: bold; padding: 0 15px; cursor: pointer;}

.buy, .try, .buy span, .try span {display: block; width: 138px; height: 45px;}
.buy, .try {position: relative; text-align: center; line-height: 45px;}
.buy span, .try span {position: absolute; top: 0; left: 0; background: url(../images/order.png) no-repeat;}
.try span {background-position: 0 -139px;}
.try span:hover {background-position: 0 -184px;}
.buy span:hover {background-position: 0 -45px;}

#r_e {padding-top: 10px;}
#r_e li {list-style: none; display: block; float: left; width: 276px; height: 170px; padding: 0; background-image: none; margin: 0 10px 10px 0;}
#r_e li.last {margin-right: 0 !important;}
#r_e li h3 a {text-decoration: none; font-weight: bold;}
#r_e li a.img {display: block; height: 130px; overflow: hidden;}
#r_e li a.away {background: url(../images/away.gif) no-repeat right center; padding-right: 15px;}