@CHARSET "UTF-8";

* { font-family: Tahoma, Verdana, Lucida, Times New Roman, sans-serif; font-size: 100%; }

body, html, h1, h2, h3, p { padding: 0; margin: 0; }

p { margin: 0 0 10px 0; }

body { background: #FFF url('./img/bg.jpg') repeat-x; color: #002750; font-size: 13px; }

a { text-decoration: underline; color: #002750; }
a:hover { text-decoration: none; }

a span { display: none; }

.clear { clear: both; font-size: 0; }

.center { text-align: center; }

.mt10 { margin-top: 10px; }

.bg-top { width: 844px; background: url('./img/bg_top.jpg') no-repeat; margin: 0 auto;  }
.bg-top-mask-1 { background: url('./img/bg_top_mask_1.gif') no-repeat; }
.bg-top-mask-2 { background: url('./img/bg_top_mask_2.gif') no-repeat; }
.bg-top-mask-3 { background: url('./img/bg_top_mask_3.gif') no-repeat; }
.bg-top-mask-4 { background: url('./img/bg_top_mask_4.gif') no-repeat; }

.bg-top-mask-1 a { color: #366ee0; }
.bg-top-mask-2 a { color: #f33099; }
.bg-top-mask-3 a { color: #8ace00; }
.bg-top-mask-4 a { color: #ff9600; }

.bg-bottom { background: url('./img/bg_bottom.jpg') no-repeat; background-position: center bottom; }

form .fix { border: 1px solid #FFF; }

form .txt70 input,
form .txt80 input,
form .txt120 input,
form .txt170 input,
form .txt200 input,
form .txt250 input,
form .textarea textarea { height: 22px; border-width: 0; line-height: 14px; font-size: 12px; padding: 0; display: block; background-color: transparent; overflow: hidden; }

form .txt70 input { width: 60px; }
form .txt80 input { width: 70px; }
form .txt120 input { width: 110px; }
form .txt170 input { width: 160px; }
form .txt200 input { width: 190px; }
form .txt250 input { width: 240px; }
form .textarea textarea { width: 240px; height: 132px; }

form .txt70,
form .txt80,
form .txt120,
form .txt170,
form .txt200,
form .txt250,
form .textarea { float: left; padding: 2px 5px; }

form .txt70 { background: url('./img/form_input_70.gif') no-repeat; width: 70px; }
form .txt80 { background: url('./img/form_input_80.gif') no-repeat; width: 80px; }
form .txt120 { background: url('./img/form_input_120.gif') no-repeat; width: 120px; }
form .txt170 { background: url('./img/form_input_170.gif') no-repeat; width: 170px; }
form .txt200 { background: url('./img/form_input_200.gif') no-repeat; width: 200px; }
form .txt250 { background: url('./img/form_input_250.gif') no-repeat; width: 250px; }
form .textarea { background: url('./img/form_textarea.gif') no-repeat; width: 250px; height: 142px; }

form .txt180 { width: 180px; }

form div.select120 { background: url('./img/form_input_120.gif') no-repeat; }
form div.select120 .input { width: 110px; height: 18px; padding: 2px 5px; cursor: pointer; }
form div.select120 .up { background: url('./img/form_select_cursor_up.gif') no-repeat; background-position: 105px center; }
form div.select120 .down { background: url('./img/form_select_cursor_down.gif') no-repeat; background-position: 105px center; }
form div.select120 .select { width: 120px; position: absolute; display: none; }
form div.select120 .select .top { background: url('./img/form_select_120_top.gif') no-repeat; height: 8px; }
form div.select120 .select .bg { background: url('./img/form_select_120_bg.gif');  }
form div.select120 .select .bg a { padding: 1px 5px; display: block; text-decoration: none; }
form div.select120 .select .bg a:hover { background: url('./img/form_select_120_bg_hover.gif'); }
form div.select120 .select .bottom { background: url('./img/form_select_120_bottom.gif') no-repeat; height: 10px;  }

form div.select70 { background: url('./img/form_input_70.gif') no-repeat; }
form div.select70 .input { width: 60px; height: 18px; padding: 2px 5px; cursor: pointer; }
form div.select70 .up { background: url('./img/form_select_cursor_up.gif') no-repeat; background-position: 55px center; }
form div.select70 .down { background: url('./img/form_select_cursor_down.gif') no-repeat; background-position: 55px center; }
form div.select70 .select { width: 70px; position: absolute; display: none; }
form div.select70 .select .top { background: url('./img/form_select_70_top.gif') no-repeat; height: 8px; }
form div.select70 .select .bg { background: url('./img/form_select_70_bg.gif');  }
form div.select70 .select .bg a { padding: 1px 5px; display: block; text-decoration: none; }
form div.select70 .select .bg a:hover { background: url('./img/form_select_70_bg_hover.gif'); }
form div.select70 .select .bottom { background: url('./img/form_select_70_bottom.gif') no-repeat; height: 10px;  }


#header { height: 272px; padding-top: 18px; }
#header a { display: block; float: left; height: 65px; }
#header a.link-home { float: none; width: 70px; margin-left: 67px; height: 50px; margin-bottom: 30px;}

#header a.link-1 { width: 134px; margin-left: 100px; }
#header a.link-2 { width: 163px; margin-left: 63px; }
#header a.link-3 { width: 105px; margin-left: 40px; }
#header a.link-4 { width: 135px; margin-left: 48px; }

#header a.link-1:hover { background: url('./img/header_hovers.gif') no-repeat; background-position: 2px -1px; }
#header a.link-2:hover { background: url('./img/header_hovers.gif') no-repeat; background-position: -195px -1px; }
#header a.link-3:hover { background: url('./img/header_hovers.gif') no-repeat; background-position: -398px -1px; }
#header a.link-4:hover { background: url('./img/header_hovers.gif') no-repeat; background-position: -551px -1px; }

#page { padding: 0 65px;}

#menu { width: 160px; float: left; margin-top: 20px; }
#menu .content a { display: block; width: 158px; margin: 0px auto; padding-top: 6px; padding-bottom: 5px; text-align: center; color: #002750; text-decoration: none; line-height: 15px; font-size: 15px; font-weight: bold; }
#menu .content div { background: url('./img/menu_dots.gif') no-repeat; padding: 3px 0; }
/*#menu .content div.first { padding-top: 0; background: none; font-weight: bold; }*/
/*
.bg-top-mask-1 #menu .content div.second { background: url('./img/menu_dots_1.gif') no-repeat; }
.bg-top-mask-2 #menu .content div.second { background: url('./img/menu_dots_2.gif') no-repeat; }
.bg-top-mask-3 #menu .content div.second { background: url('./img/menu_dots_3.gif') no-repeat; }
.bg-top-mask-4 #menu .content div.second { background: url('./img/menu_dots_4.gif') no-repeat; }
*/
.bg-top-mask-2 #menu .content a:hover,
.bg-top-mask-2 #menu .content a.active { background: url('./img/menu_active_1.gif') no-repeat; color: #FFF; font-weight: bold; }
.bg-top-mask-3 #menu .content a:hover,
.bg-top-mask-3 #menu .content a.active { background: url('./img/menu_active_2.gif') no-repeat; color: #FFF; font-weight: bold; }
.bg-top-mask-1 #menu .content a:hover,
.bg-top-mask-1 #menu .content a.active { background: url('./img/menu_active_3.gif') no-repeat; color: #FFF; font-weight: bold; }
.bg-top-mask-4 #menu .content a:hover,
.bg-top-mask-4 #menu .content a.active { background: url('./img/menu_active_4.gif') no-repeat; color: #FFF; font-weight: bold; }

#content { margin-left: 15px; width: 530px; float: left; }

#static-page h1 { text-align: left; font-weight: normal; padding-left: 5px; font-size: 22px; }
#static-page div { padding: 5px; padding-top: 10px; }

#articles a.title { font-weight: bold; font-style: italic; text-decoration: none; color: #002750; font-size: 17px; padding-left: 5px; }
#articles a.title:hover { text-decoration: underline; }
#articles .body { padding: 5px; }

#articles h1 { font-weight: normal; margin-bottom: 15px; padding-left: 5px; font-size: 22px; }

.more { padding: 0; margin: 0; }
.bg-top-mask-2 .more { background: url('./img/list_more_1.gif'); width: 491px; height: 33px; }
.bg-top-mask-3 .more { background: url('./img/list_more_2.gif'); width: 491px; height: 33px; }
.bg-top-mask-1 .more { background: url('./img/list_more_3.gif'); width: 491px; height: 33px; }
.bg-top-mask-4 .more { background: url('./img/list_more_4.gif'); width: 491px; height: 33px; }

.bg-top-mask-2 .back { background: url('./img/powrot_2.gif'); width: 491px; height: 28px; display: block; text-indent: -9999px; outline: none; margin: 10px 0 10px 0; }
.bg-top-mask-3 .back { background: url('./img/powrot_3.gif'); width: 491px; height: 28px; display: block; text-indent: -9999px; outline: none; margin: 10px 0 10px 0; }
.bg-top-mask-1 .back { background: url('./img/powrot_1.gif'); width: 491px; height: 28px; display: block; text-indent: -9999px; outline: none; margin: 10px 0 10px 0; }
.bg-top-mask-4 .back { background: url('./img/powrot_4.gif'); width: 491px; height: 28px; display: block; text-indent: -9999px; outline: none; margin: 10px 0 10px 0; }

.more a { height: 20px; width: 60px; margin-left: 400px; display: block; }

#products h1 { text-align: left; font-weight: normal; padding-left: 5px; font-size: 22px; }
#products h2 { text-align: left; font-weight: normal; font-style: italic; font-size: 16px; font-weight: bold; margin-top: 10px; padding-left: 5px; }
#products h3 { text-align: left; font-weight: normal; padding-left: 5px; margin: 0 0 20px 0; }
#products .description { text-align: left; padding: 5px; padding-bottom: 15px; }
#products .product { float: left; width: 159px; height: 222px; margin-left: 5px; margin-bottom: 10px; position: relative; }
#products .product-1 { background: url('./img/prod_1.gif') no-repeat; background-position: center top; }
#products .product-2 { background: url('./img/prod_2.gif') no-repeat; background-position: center top; }
#products .product-3 { background: url('./img/prod_3.gif') no-repeat; background-position: center top; }
#products .product .img { height: 130px; }
#products .product .line-1 { text-align: center; padding-top: 3px; }
#products .product .line-2 { text-align: center; padding-top: 3px; }
#products .product .prize { text-align: center; position: absolute; bottom: 6px; left: 50px; }
#products .product .prize span { color: #FFF; background: #D80876; font-style: italic; padding: 2px 3px ; font-weight: bold; }


span.historia { color: #FFF; background: #D80876; font-style: italic; padding: 2px 3px ; font-weight: bold; display: block; margin-top: 20px; width: 160px; }

#expert { margin-top: 20px; }
#expert .img { width: 150px; text-align: center; }
#expert .description .name { font-size: 14px; font-style: italic; font-weight: bold; margin-top: 5px; }
#expert .description .type { font-size: 12px; font-style: italic; font-weight: bold; }
#expert .description .about { margin-top: 8px;  font-size: 10px; }

#expert_faq { margin-bottom: 15px; }
#expert_faq h1 { font-weight: normal; font-size: 22px; text-align: center; }
#expert_faq h2 { font-weight: normal; font-size: 18px; text-align: center; margin-top: 5px; }
#expert_faq .dots { background: url('./img/dots_2.gif') no-repeat; height: 15px; }

#expert_faq_form { background: url('./img/form_quastion.gif') no-repeat; height: 490px; width: 372px; margin: 0 auto; margin-bottom: 35px; }
#expert_faq_form input.name { width: 200px; border-width: 0; margin-left: 105px; margin-top: 2px; background-color: transparent; }
#expert_faq_form input.email { width: 200px; border-width: 0; margin-left: 105px; margin-top: 3px; background-color: transparent; }
#expert_faq_form textarea.question { width: 260px; height: 53px; border-width: 0; margin-left: 105px; margin-top: 6px; background-color: transparent; overflow: hidden; }
#expert_faq_form input.submit { border-width: 0; margin-left: 130px; margin-top: 20px; width: 116px; height: 24px; background-color: transparent; cursor: pointer; background: url('./img/form_comment_submit_2.gif'); }

#expert_faq_form div.terms { margin-top: 25px; cursor: pointer; }
#expert_faq_form div.terms label { cursor: pointer; }


#advices .top h1 { float: left; width: 300px; font-weight: normal; font-size: 22px; }
#advices .top a { background: url('./img/add_advice.gif'); width: 147px; height: 27px; display: block; float: right; }
#advices .top .content { margin-top: 5px; margin-bottom: 40px; }

#advices-list .item { margin-bottom: 20px; border: 1px solid #FFF; }
#advices-list .item .left { width: 120px; height: 100px; float: left; }
#advices-list .item .left .no-video { width: 120px; height: 90px; background: url('./img/no_video.gif') no-repeat; }
#advices-list .item .right { width: 350px; margin-left: 5px; float: left; }
#advices-list .item .right a.title { font-weight: bold; font-style: italic; text-decoration: none; color: #002750; font-size: 17px; padding-left: 5px; }
#advices-list .item .right a.title:hover { text-decoration: underline; }
#advices-list .item .right .name { margin-left: 5px; padding-bottom: 2px; color: #9CADC1; }
#advices-list .item .right .body { padding: 5px; }

#advice .video { margin: 10px 20px; }
#advice .description { margin: 10px 20px; }


.bg-top-mask-5 #page  { margin-top: -60px; }

#advice-form .top span { color: #F43099; width: 100px; float: left; padding-left: 20px; }
#advice-form .top a { margin-right: 60px; float: right; }
#advice-form .top h1 { font-weight: normal; margin-top: 10px; font-size: 18px; padding-left: 20px; }
#advice-form .top h2 { font-weight: normal; font-size: 13px; padding-left: 20px; color: #9CADC1; }
#advice-form .top .dots { background: url('./img/dots_1.gif') no-repeat; height: 15px; margin-top: 10px; }
#advice-form form { margin-top: 20px; }
#advice-form form .break { margin-top: 5px; }
#advice-form form .button { padding-top: 15px; padding-left: 170px; }
#advice-form form .button input { display: block; border-width: 0; background: url('./img/submit_1.gif') no-repeat; cursor: pointer; height: 24px; width: 95px; }

#advice-form form label { display: block; float: left; width: 160px; text-align: right; padding-right: 10px; }
#advice-form form input.name,
#advice-form form input.title,
#advice-form form textarea.description { float: left; border-width: 0; line-height: 12px; font-size: 12px; padding: 2px 5px; }
#advice-form form input.txt170,
#advice-form form input.txt250,
#advice-form form textarea.txt { float: left; }


#sample_registration h1 { font-weight: normal; font-size: 22px; }
#sample_registration h2 { font-weight: normal; font-size: 20px; }
#sample_registration h3 { font-weight: normal; font-size: 15px; }

#sample_registration .dots { background: url('./img/samples2011.jpg') no-repeat; height: 126px; margin-top: 3px; }
#sample_registration .step-1 .top { background: url('./img/samples.jpg') no-repeat; background-position: center right; margin-right: 20px; }
#sample_registration .step-1 .top div { padding-top: 10px; height: 75px;}
#sample_registration .step-1 h2	{ text-align: center; margin: 10px 0; }
#sample_registration .step-1 h3	{ text-align: center; margin-top: 10px; }
#sample_registration .step-1 div.center { margin-top: 15px; }
#sample_registration .step-1 div.center ul { margin: 5px 0 10px 100px; padding: 0; text-align: left; }
#sample_registration .step-1 form label { display: block; width: 200px; float: left; text-align: right; padding-right: 5px; }
#sample_registration .step-1 form .break { margin-top: 5px; }
#sample_registration .step-1 form .button { margin-top: 20px; padding-left: 210px; }
#sample_registration .step-1 form input.txt170 { float: left; }
#sample_registration .step-1 form .button input { background: url('./img/next_4.gif') no-repeat; width: 95px; height: 24px; border-width: 0; cursor: pointer; }
#sample_registration .step-2 .top-step-2 { background: url('./img/samples.jpg') no-repeat; background-position: center right; margin-right: 20px; }
#sample_registration .step-2 .top-step-2 div { padding-top: 10px; height: 75px;}
#sample_registration .step-2 h1	{ text-align: center; margin: 10px 0; }
#sample_registration .step-2 h2	{ text-align: center; margin-top: 10px; }
#sample_registration .step-2 h3	{ text-align: center; margin-top: 10px; }
#sample_registration .step-2 form label { float: left; display: block; padding-right: 5px; text-align: right; }
#sample_registration .step-2 form .lbl-1 { width: 90px; }
#sample_registration .step-2 form .lbl-2 { width: 50px; }
#sample_registration .step-2 form .lbl-3 { width: 90px; }
#sample_registration .step-2 form .lbl-4 { width: 90px; }
#sample_registration .step-2 form .lbl-5 { width: 90px; }
#sample_registration .step-2 form .lbl-6 { width: 140px; }
#sample_registration .step-2 form .lbl-7 { width: 40px; }
#sample_registration .step-2 form .break { margin-top: 5px; }
#sample_registration .step-2 form .break .left { float: left; width: 50px; text-align: right; margin-top: 20px; }
#sample_registration .step-2 form .break .right { float: left; width: 400px; padding-left: 5px; margin-top: 20px; font-size: 12px !important; }
#sample_registration .step-2 form .mt { margin-top: 20px; }
#sample_registration .step-2 form .select70,
#sample_registration .step-2 form .select120 { float: left; }
#sample_registration .step-2 form .button input { background: url('./img/save_4.gif') no-repeat; height: 24px; width: 95px; border-width: 0; margin-top: 40px; margin-left: 200px; }


#comments h1 { font-weight: normal; margin-top: 10px; font-size: 18px; padding-left: 20px; }
.bg-top-mask-2 #comments .dots { background: url('./img/dots_1.gif') no-repeat; height: 15px; margin-top: 10px; }
.bg-top-mask-3 #comments .dots { background: url('./img/dots_2.gif') no-repeat; height: 15px; margin-top: 10px; }
.bg-top-mask-1 #comments .dots { background: url('./img/dots_3.gif') no-repeat; height: 15px; margin-top: 10px; }
.bg-top-mask-4 #comments .dots { background: url('./img/dots_4.gif') no-repeat; height: 15px; margin-top: 10px; }
#comments form { background: url('./img/form_comment.gif') no-repeat; height: 530px; width: 477px; display: block; margin-left: 20px; margin-top: 10px; }
#comments form input.name { width: 205px; margin-left: 175px; margin-top: 48px; border-width: 0; }
#comments form input.email { width: 205px; margin-left: 175px; margin-top: 6px; border-width: 0; }
#comments form textarea.body { width: 265px; margin-left: 175px; margin-top: 6px; border-width: 0; height: 100px; }
#comments form input.name,
#comments form input.email,
#comments form textarea.body { background: transparent; }
#comments form input.submit { width: 116px; height: 24px; margin-left: 200px; margin-top: 20px; border-width: 0; cursor: pointer; }
.bg-top-mask-2 #comments form input.submit { background: url('./img/form_comment_submit_1.gif'); }
.bg-top-mask-3 #comments form input.submit { background: url('./img/form_comment_submit_2.gif'); }
.bg-top-mask-1 #comments form input.submit { background: url('./img/form_comment_submit_3.gif'); }
.bg-top-mask-4 #comments form input.submit { background: url('./img/form_comment_submit_4.gif'); }

#comments .item { padding-left: 20px; padding-right: 60px; margin: 10px 0; }
#comments .item .left { float: left; width: 250px; text-align: left; font-size: 15px; }
#comments .item .right { float: right; width: 100px; text-align: right; }
#comments .item .body { margin-top: 5px;  }

#comments div.terms {
	padding: 10px 10px 10px 50px;
	font-size: 12px;
	margin: 30px 0 0 0;
	cursor: pointer;
}

#comments div.terms label {
	cursor: pointer;
}

#comments div.terms input {
	margin: 0 5px 0 -20px;
}

.page-bar { text-align: center; margin-top: 10px; }
.page-bar a.number { font-size: 14px; text-decoration: none; color: #002750; padding: 0 5px; }
.page-bar a.next { background: url('./img/page_next.gif') no-repeat; text-decoration: none; background-position: center center; padding: 6px; }
.page-bar a.prev { background: url('./img/page_prev.gif') no-repeat; text-decoration: none; background-position: center center; padding: 6px; }
.bg-top-mask-2 .page-bar span { padding: 0 5px; color: #FFF; background: #F33099; }
.bg-top-mask-3 .page-bar span { padding: 0 5px; color: #FFF; background: #8ED400; }
.bg-top-mask-1 .page-bar span { padding: 0 5px; color: #FFF; background: #316ADD; }
.bg-top-mask-4 .page-bar span { padding: 0 5px; color: #FFF; background: #FF9600; }

.form-preload,
.form-result-bg { display: none; position: absolute; z-index: 99; background: #FFF url('./img/form_preload.gif') no-repeat; background-position: center center; -moz-opacity: 0.90; opacity: .90; filter: alpha(opacity=90); }
.form-result-bg { background: #FFF; cursor: pointer; }
.form-result-content { display: none; position: absolute; z-index: 100; cursor: pointer; }
.form-result-content .errors { padding: 5px; font-weight: bold; font-size: 12px; text-align: center;  }
.form-result-content .errors span { color: #F53199; font-size: 15px; }
.form-result-content .success { padding: 5px; font-weight: bold; font-size: 15px; text-align: center; }

form .error { color: #F00087; text-align: center; padding: 2px; }

#send_friend_button { display: block; margin: 15px auto; width: 137px; height: 57px; background: url('./img/send_friend_button.gif'); }
#send_friend_form { display: none; background: url('./img/send_friend_form.gif'); width: 364px; height: 219px; position: absolute; top: 250px; margin-left: 185px; }
#send_friend_form input { display: block; border-width: 0; background: transparent; font-size: 12px; line-height: 12px; }
#send_friend_form .top input { margin-top: 8px; margin-left: 275px; width: 81px; cursor: pointer; background: transparent; }
#send_friend_form .middle { margin-top: 41px; margin-left: 152px; }
#send_friend_form input.name { margin-top: 9px; width: 110px; height: 16px; }
#send_friend_form input.email { margin-top: 9px; width: 150px;  height: 16px; }
#send_friend_form .bottons { margin-top: 12px; }
#send_friend_form .bottons input { height: 30px; cursor: pointer; float: left; }
#send_friend_form .bottons .close { margin-left: 95px; width: 80px; }
#send_friend_form .bottons .submit { margin-left: 13px; cursor: pointer; width: 90px; }

#links { display: block; padding-top: 60px; background: url('./img/links.gif') no-repeat; margin: 0 auto; text-align: center; }
#links a { font-size: 12px; font-family: Times New Roman; color: #031C3E; }

#footer { height: 85px; padding-top: 90px; position: relative;  }
#footer a.contact { height: 27px; width: 86px; display: block; left: 415px; position: absolute; }
#footer a.rblink { height: 27px; width: 86px; display: block; left: 315px; position: absolute; }

#footer_products {
	margin-top: 10px;
	margin-left: 620px;
	display: block;
	width: 120px;
	height: 160px;
	position: absolute;
}

#footer_links {
	width: 300px;
	background: #fff url('./img/footer_links.gif') no-repeat center 10px;
	margin: 40px 0 0 270px;
	height: 140px;
}

#footer_links ul {
	width: 300px;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#footer_links ul li {
	float: left;
	width: 100px;
	height: 20px;
	display: block;
	margin: 0;
	padding: 0;
}

#footer_links ul li a {
	display: block;
	width: 100px;
	height: 20px;
}

.message,
.not-found { text-align: center; padding: 20px; font-size: 15px;}

pre.debug { background: #F2F2F2; margin: 10px; padding: 10px; font-family: Arial; font-size: 12px; color: #1E1E1E; border: 3px solid #818181; }