.bmi_area {float: left; width: 634px;overflow:hidden;}
.box_area {background: url(../img/bg_bmi_detail.jpg) no-repeat 0 0; height: 195px; margin-bottom: 15px; overflow: hidden;}


.box_area .title {padding: 0 0 15px 117px;color: #ffb890; font-size: 90%; line-height: 29px; }
.BMI {padding: 70px 36px 0 13px; float: left; width: 280px;}
.BMI h3 {display: none;}
.BMI h4 {color: #ffb890; font-size: 115%; padding-bottom: 8px;}
.BMI .inputs {float: left; width: 195px;}
.BMI .inputs label {display: block; float: left; color: #ffb890; width: 51px; line-height: 20px; }
.BMI .inputs input {float: left; border: 1px solid #a5acb2; background-color: #fff; padding: 2px; height: 14px; width: 38px; margin-right: 5px;}
.BMI .inputs span {display: block; float: left; line-height: 20px; color: #ffb890;}
.BMI .input_submit {width: 82px; height: 47px; background: url(../img/icons.gif) no-repeat 0 -1780px; color: #8b3a3d; font-weight: bold; padding-top: 15px; float: right;}
.BMI p {color: #ffb890;}
.BMI p a {color: #ffb890; border-bottom: 1px dotted #e07a77; *text-decoration: underline; _text-decoration: none;}
.BMI p a:hover {text-decoration: none; *text-decoration: underline; _text-decoration: none;}
.box_area .text {float: left; color: #ffb890; width: 280px;}
.box_area .text h3 {font-size: 120%; padding-bottom: 5px;}
.box_area .text p {height: 75px; text-align: justify;}
.box_area .vzorec {float: left; background: url(../img/vzorec.gif) no-repeat 0 0; height: 29px; width: 120px; margin-top: 5px;}
.box_area .legend {float: left; width: 140px; color: #fff; font-size: 90%;}
.box_area .legend strong {font-weight: normal; width: 18px; display: block; float: left;}
.box_area .legend span {font-weight: normal; width: 120px; display: block; float: left;}
.box_area .vzorec p {display: none;}
.box_area .legend .clear4{height:1px;line-height:1px}

.result {padding-bottom: 30px;}
.result h4 {line-height: 30px; margin: 0 0 0 14px; padding-left: 20px; background: url(../img/icons.gif) no-repeat 0 -2808px;}
.result .text {background: url(../img/bg_result.gif) repeat-x 0 0; padding: 20px 28px 15px 35px;}
.result .text h3 {color: #f11184; font-size: 120%; padding-bottom: 15px; padding-left:38px;} 
.result .text p {text-align: justify; line-height: 1.4em; padding-left:38px;}
.graf {margin: 40px 0 30px 0; position: relative;}
.graf .point {position: absolute; display: block; width: 15px; height: 15px; background: url(../img/point.gif) no-repeat 0 0;}
.error {font-weight:bold; color:red; padding-left:38px;}

.legend {overflow: hidden; padding-left: 20px; width: 614px; _width: 634px;}
.legend div {float: left; width: 140px; line-height: 20px; padding: 0;}
.legend div img {margin: 0 10px 3px 17px; float: left;}

.vyziva {background: url(../img/bg_vyziva.gif) no-repeat 0 0; width: 434px; float: left; height: 190px; overflow: hidden;}
.vyziva .box {width: 434px; overflow: hidden; padding-top: 10px;}
.vyziva h4 {margin: 0 0 0 14px; padding: 0 0 0 20px; background: url(../img/icons.gif) no-repeat 0 -287px; font-size: 110%; line-height: 34px; color: #f29914;}
.vyziva .image {float: left; margin: 0 0 0 8px; width: 130px;}
.vyziva .image img {border: 1px solid #f5c783;}
.vyziva .text {float: left; width: 270px; height: 113px;}
.vyziva .text a.dalej {font-size: 90%;  font-weight: bold; padding-left: 10px; color: #535967; background: url(../img/icons.gif) no-repeat 0 -635px;}
.vyziva .text h3 {padding-bottom: 5px;}
.vyziva .text p {font-size: 90%; height: 59px; overflow: hidden;}
.vyziva .text h3 a {color:#2d3139;}
.vyziva .text p a {color:#2d3139;}
.vyziva .icons {background: url(../img/line_triple_o.gif) repeat-y 0 0; width: 130px; overflow: hidden;}
.vyziva .icons span {display: block; float: left; width: 59px; height: 26px;}
.vyziva .icons span.video {background: url(../img/icons.gif) no-repeat 20px -2940px;}
.vyziva .icons span.novideo {background: url(../img/icons.gif) no-repeat 20px -2880px;}
.vyziva .icons span.foto {background: url(../img/icons.gif) no-repeat 20px -2850px;}
.vyziva .icons span.nofoto {background: url(../img/icons.gif) no-repeat 20px -2910px;}
.vyziva .more {padding-left: 32px; line-height: 29px; display: block; font-size: 90%; color: #535967;}

.tabulka {float: left; width: 200px; height: 190px; background: url(../img/bg_tabulka.jpg) no-repeat 0 0;}
.tabulka h4 {line-height: 34px; padding-left: 12px; text-transform: uppercase; color: #fbe4ce; font-size: 90%;}
.tabulka h4 a {color: #fbe4ce;}
.tabulka h3 {font-size: 120%; color: #fff; padding-left: 13px; width: 88px; _width: 75px; padding-top: 8px; height: 44px;}
.tabulka h3 a {color: #fff;}
.tabulka p {padding-left: 13px; font-size: 11px; color: #fff; height: 75px;}
.tabulka p a {color: #fff;}
.tabulka a.detail {line-height: 32px; padding-left: 22px; color: #fff; font-size: 90%;}


.area_300 .ban {padding-bottom: 15px;}