/* CSS Document */

body {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 0px; margin: 0px; background-color: #f9fcfe; color: #016fa5;}

h1 {font-size: 28px; font-weight: normal; color: #FFFFFF; padding: 0px; margin: 0px;}

a {color: #0493f3;}

img {border: 0px;}

form {padding: 0px; margin: 0px; border: 0px;}

dl {margin: 0px; margin-top: 20px;}
dd {margin: 0px; margin-top: 3px;}


/* *** Head page *** */
.main_head {width: 100%; height: 312px; float: left; background-color: #85c8e9;}
.main_head .logo {float: left; width: 45%; padding-right: 20px;}
.main_head .stat {float: left; padding-left: 40px; color: #FFFFFF;}

/* Reference */
.main_head .reference {padding-top: 20px; float: left;}
.main_head .reference p {margin-bottom: 5px; padding-top: 3px; margin-top: 0px; padding-left: 15px; padding-right: 15px;}
.main_head .reference_index {width: 400px; position: relative; overflow:hidden; padding:10px 0px;}
.main_head .reference_index .reference_content {padding: 0px 15px; background-color: #aad9f0; padding-bottom: 8px;}
.main_head .reference_index .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(ref_ugol.gif);}
.main_head .reference_index .cn.tr,
.main_head .reference_index .cn.br {margin-left:100%; //width: 100%;}
.main_head .reference_index .cn.bl,
.main_head .reference_index .cn.br {top:auto;}
.main_head .reference_index .cn.tl,
.main_head .reference_index .cn.bl {width: 100%;}




/* *** Middle page *** */
.main_content {width: 100%; float: left; background-image: url(fon.gif); background-position: top; background-repeat: repeat-x;}

/* Main content */
.content {width: 40%; float: left; padding-left: 20px; margin-bottom: 25px;}
.content p {font-weight: bold; line-height: 150%;} 
.content div {font-weight: bold; line-height: 150%;} 
.link {background-color: #ecf7fc; padding: 3px; display: inline; margin-left: -3px;}
.link a {color: #0277b1;}
.content a {font-weight: normal; color: #0277b1;}

/* Odobreno */
.raag {margin-top: 70px; margin-bottom: 10px;}
.raag p {font-size: 12px; font-weight: normal; margin-top: 5px;}

/* Payment */
.pay {width: 40%; float: left; padding-left: 5%;}
.pay .price_top_index {width: 400px; position: absolute; overflow: hidden; padding: 10px 0px; margin-top: 37px;}
.pay .price_top_index .price_content {padding: 0px 15px; background-color: #78bddf; padding-bottom: 8px;}
.pay .price_top_index .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(price_ugol.gif);}
.pay .price_top_index .cn.tr,
.pay .price_top_index .cn.br {margin-left:100%; //width: 100%;}
.pay .price_top_index .cn.bl,
.pay .price_top_index .cn.br{top:auto;}
.pay .price_top_index .cn.tl,
.pay .price_top_index .cn.bl {width: 100%;}

.pay .price_top_index .price_content div {color: #FFFFFF; font-weight: bold;}
.pay .price_top_index .price_content dl {margin: 0px; margin-top: 10px;}
.pay .price_top_index .price_content dd {margin: 0px; margin-top: 3px;}

.pay .price_top_index #nomer {margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; display: none; line-height: 150%;}
.pay .price_top_index .price {margin-top: 8px; font-size: 12px;}

.pay .price_top_index .garant {margin-top: 15px;}
.pay .price_top_index .garant .text {font-size: 12px; padding-top: 6px; color: #ffffff; font-weight: normal; line-height: 120%;}
.pay .price_top_index .garant img {float: left; margin-right: 10px;}
.pay .price_top_index .garant a {font-size: 12px; margin-left: 175px;}

/* Test */
.test {margin-left: 20px;}

/* Result */
.ovulation {padding-left: 20px;}
.ovulation .ovulation_index {position: relative; width: 95%; overflow: hidden; padding:10px 0px; margin-top: 15px;}
.ovulation .ovulation_index .ovulation_content {padding: 0px 30px; width: 100%; background-color: #FFFFFF; padding-bottom: 8px; float: left;}
.ovulation .ovulation_index .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(ov_ugol.gif);}
.ovulation .ovulation_index .cn.tr,
.ovulation .ovulation_index .cn.br {margin-left:100%; //width: 100%;}
.ovulation .ovulation_index .cn.bl,
.ovulation .ovulation_index .cn.br{top:auto;}
.ovulation .ovulation_index .cn.tl,
.ovulation .ovulation_index .cn.bl {width: 100%;}

.ovulation .calendar {width: 100%; float: left;}
.ovulation .calendar_month {float: left; margin-right: 10px; margin-top: 15px; padding-right: 9%; height: 265px;}

.ovulation .table_ovulation_calendar {margin-bottom: 35px; margin-left: -6px; width: 204px; font-family: Arial, Helvetica, sans-serif;}
.ovulation .table_ovulation_calendar td {text-align: center; width: 28px; height: 33px;}
.ovulation .ovulation_week td {height: 20px;}
.ovulation .menstra_tr {background-image: url('menstra.gif'); background-repeat: no-repeat; color: #FFFFFF; background-color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.ovulation .ovulation_tr {background-image: url('ovulation.gif'); background-repeat: no-repeat; background-position: bottom; color: #000000; background-color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.ovulation .pre_ovulation_tr { background-image: url('pre_ovulation.gif'); background-repeat: no-repeat; background-position: bottom; color: #FFFFFF; background-color: #ffadad; font-family: Arial, Helvetica, sans-serif;}
.ovulation .day_ov {padding-top: 10px;}

/* Subscribe */
.podpiska {margin-top: 53px; float: left; width: 45%; margin-bottom: 100px; padding-right: 50px;}
.podpiska .podpiska_index {position: relative; overflow:hidden; padding:10px 0px; width: 70%; margin-top: 35px;}
.podpiska .podpiska_index .podpiska_content {padding: 0px 15px; background-color: #d6e6f9; padding-bottom: 8px;}
.podpiska .podpiska_index .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(podpiska_ugol.gif);}
.podpiska .podpiska_index .cn.tr,
.podpiska .podpiska_index .cn.br {margin-left:100%; //width: 100%;}
.podpiska .podpiska_index .cn.bl,
.podpiska .podpiska_index .cn.br{top:auto;}
.podpiska .podpiska_index .cn.tl,
.podpiska .podpiska_index .cn.bl {width: 100%;}

/* Legenda */
.legenda {padding-top: 45px; width: 40%; padding-bottom: 60px; float: left;}
.legenda .ovulat_leg_line p {padding-top: 8px;}
.legenda .menstra_leg {background-image: url('menstra.gif'); width: 28px; height: 23px; text-align: center; padding-top: 10px; background-repeat: no-repeat; color: #FFFFFF; background-color: #FF0000; font-family: Arial, Helvetica, sans-serif; float: left;}
.legenda .pre_ovulation_leg {background-image: url('pre_ovulation.gif'); width: 28px; height: 23px; text-align: center; padding-top: 10px; background-repeat: no-repeat; color: #FFFFFF; background-color: #ffadad; font-family: Arial, Helvetica, sans-serif; float: left;}
.legenda .ovulation_leg {background-image: url('ovulation.gif'); width: 28px; height: 23px; text-align: center; padding-top: 10px; margin-bottom: 25px; background-repeat: no-repeat; color: #000000; background-color: #FF0000; font-family: Arial, Helvetica, sans-serif; float: left;}

/* Metod razdel */
.metod {padding-left: 20px; padding-bottom: 70px; width: 40%;}

/* Reference */
.content_ref {width: 50%; padding-left: 20px; padding-bottom: 50px; float: left;}
.content_ref p {font-weight: bold; line-height: 150%;} 
.content_ref div {font-weight: bold; line-height: 150%;} 
.content_ref .reference {margin-bottom: 20px;}
.content_ref .reference img {position: absolute; margin-top: 2px;}
.content_ref .reference p {font-weight: normal; padding-left: 30px; padding-top: 4px; margin-bottom: 3px;}
.content_ref .reference div {font-weight: normal;}

.consultant {padding-left: 20px; padding-bottom: 70px; width: 40%;}
.consultant #nomer {margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; display: none; line-height: 150%;}
.consultant .price {margin-top: 8px; font-size: 12px;}
.consultant dl {margin: 0px; margin-top: 10px;}
.consultant dd {margin: 0px; margin-top: 3px;}

.consultant .price_top_index {width: 400px; position: relative; overflow: hidden; padding:10px 0px; margin-top: 20px;}
.consultant .price_top_index .price_content {padding: 0px 15px; background-color: #78bddf; padding-bottom: 8px;}
.consultant .price_top_index .cn {position:absolute; width: 20px; height: 20px; left: -10px; top: -10px; background-image: url(price_ugol.gif);}
.consultant .price_top_index .cn.tr,
.consultant .price_top_index .cn.br {margin-left:100%; //width: 100%;}
.consultant .price_top_index .cn.bl,
.consultant .price_top_index .cn.br{top:auto;}
.consultant .price_top_index .cn.tl,
.consultant .price_top_index .cn.bl {width: 100%;}


/* *** Podval page *** */
.zero_level {margin-left: 45%; padding-left: 35px; position: relative; bottom: 30px; left: 0px; height: 20px;}
.zero_level a {margin-right: 10px;}


/* Error */
.error {font-family: Arial, Helvetica, sans-serif; background-color: #ecf7fc; padding: 3px; display: inline;}






/* *** Fonts *** */
.f_dark_blue {color: #016fa5;}

.f_red {color: #FF0000; font-weight: normal;}
.f_white {color: #FFFFFF; font-size: 14px;}
.f_white_big {color: #FFFFFF; font-size: 14px; font-weight: bold;}

.f_arial {font-family: Arial, Helvetica, sans-serif;}
.f_arial_sm {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}