/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;	
}

/* Reset browsers default styling */
	html, body, div, span, 
	h1, h2, h3, h4, h5, h6,
	a, acronym,
	font, img,
	ul, li,
	fieldset, form, label, legend, button {
		margin: 0; padding: 0;
		border: 0; outline: 0;
		font-size: 100.01%; vertical-align: baseline;
		background: transparent; }
	ul { list-style: none; }
	blockquote, q { quotes: none; }
	textarea { overflow:auto; font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;}
	
	section {overflow:hidden; min-height:100%; clear:both}
	
	*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;	
	}


/* CMS styling */
body { 
	font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;	
	font-size:14px;
	line-height:16px;
	padding:0;
	margin:0;
	color:#10428c;
}

section {overflow:hidden; min-height:100%;}
#wrapper {position:relative; margin:0; padding:0; }
header {position:relative; margin:0 auto; width:100%; background:url(/images/header_back.jpg) top center no-repeat;}
header .content {height:600px}
.section_blue {background:#44b0de url(images/section_blue_back.jpg) top center no-repeat; min-height:500px; color:#FFF; margin-top:10px;}
.section_white {height:150px;}

#left_column {width:255px; float:left; margin-right: 15px; padding-right:15px;}
#left_column ul li {list-style:none; text-align:right; padding-right:30px; background:url(/images/menu_arrow.png) right 8px no-repeat}
#left_column ul li a {text-transform:uppercase; color:#8B8B8B; font-size:14px; }

#right_column {width:730px; float:left; padding-left:10px; background:url(/images/rc_border.jpg) bottom left no-repeat}

footer {position:relative; margin:0 auto; background:#0b2b64 url(/images/footer_back.jpg) 0 0 no-repeat; color:#FFFFFF; z-index:99; min-height:300px}
.inside footer {position:relative; margin:0 auto; background:#0b2b64 url(/images/footer_back_inside.jpg) 0 0 no-repeat; color:#FFFFFF; z-index:99; min-height:300px}

footer a {color:#FFFFFF}
.content {position:relative; margin:0 auto; width:1000px; }
#img_slider {width:100%; position:fixed; z-index:1}

#logo {position:relative; top:20px;}
#lang {position:absolute; right:0; top:10px;}
.lang_item {float:left; text-align:center; padding:0 5px; text-transform:uppercase; line-height:20px;}
.lang_item a {color:#dacc99; font-size:13px}

.phone {position:absolute; left:0; bottom:0; height:80px; line-height:35px;}


h1 {font-size:26px; padding:0 ; margin:0; font-weight:normal; display:inline-block }
h2 {font-size:26px; padding:0; margin:0; font-weight:normal; display:inline-block; color:#3c2308  }
h3 {font-size:26px; padding:0 ; margin:0; font-weight:normal; display:inline-block; color:#8a897f  }

article p {padding-top:0; margin-top:0}
.t9 { font-size:9px }
.t10 { font-size:10px }
.t11 { font-size:11px }
.t12 { font-size:12px }
.t13 { font-size:13px }
.t14 { font-size:14px }
.t16 { font-size:16px }
.t18 { font-size:18px }
.t19 { font-size:19px }
.t20 { font-size:20px }
.t22 { font-size:22px }
.t24 { font-size:24px }
.t26 { font-size:26px }
.t35 { font-size:35px }

.white { color:#FFF; }
.orange { color:#f26722; }
.black { color:#000; }
.gray { color:#4b4b4b; }
.clear {clear:both}

.bold { font-weight:bold }
.underline { text-decoration:underline }
.no_underline { text-decoration:none }

.breadcrumbs {position:relative; margin-top:15px; width:50%; float:left}
.breadcrumbs {position:relative; margin-top:15px; width:100%;}
.breadcrumbs div {display:inline-block; margin-bottom:10px;}
.breadcrumbs div а {color:#CCC; font-size:11px;}

a { color:#3e4448; text-decoration:none; }
img { border:0px; }

.input { color:#999; padding:5px }
.input_select { color:#444; padding:5px }

.fildset { background-color:#f1f1f1;  filter:alpha(opacity=100);  opacity: 1.00;	border: 1px solid #CCC;	padding: 10px 20px;	color:#3b3b3b; margin-right:40px; float:left}
.contact_form input { border:1px solid #CCC; background-color:#FFF; font-size:13px; height:30px; color:#0b2b64; padding-left:7px; width:100%; margin-bottom:8px; }
.contact_form textarea { border:1px solid #CCC; background-color:#FFF; font-size:13px; color:#0b2b64; padding-left:7px; width:100%; height:100px; margin-bottom:8px; }
.contact_form_btn { border:0; background-color:#025298; font-size:13px; height:34px; width:100px; color:#FFF; cursor:pointer;}

#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #F60; border-left:none; padding:5px; min-width:150px; max-width:250px; line-height:18px}

.ok_mess { padding:10px 20px; margin:15px; background-color:#f5f5f5; border:1px solid #c9c9c9; color:#2c6da0; font-weight:bold;}
.bad_mess { padding:10px 20px; margin:15px; background-color:#fbf2e7; border:1px solid #f26722; color:#f26722; font-weight:bold;}
.bad_mess_2 { padding:5px 20px; margin:5px; background-color:#fbf2e7; border:1px solid #c6b29c; color:#666; font-weight:bold}

#my_table { border-collapse: collapse; }
#my_table td { border: 1px solid #CCC; padding:3px 6px;}
#my_table th { border: 1px solid #CCC; background-color:#e9e9e9; padding:8px 6px;}
#my_table td p {padding:0; margin:0}

#left_column ul li, .fb_1 ul li {line-height:31px;}

main {position:relative; margin:40px auto 0 auto; maring:0 5px 0 0; width:100%; background-color:#FFF;; }
.cat main {padding-bottom:20px;}
main ul li {list-style:inside; padding:0 0 0 20px}

.on {display:block;}
.off {display:none;}

/* ------------------------------------  TOP MENU --------------------------------------*/
header nav{ position:absolute; top:10px; left:310px; height:60px; width:690px; text-align:right; cursor:pointer}

.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index:99; text-transform:uppercase; top:0}
.sf-menu li {	position: relative;	display:inline-block; background:url(/images/top_menu_delimiter.png) bottom right no-repeat; padding:0; float:left;}
.sf-menu li:last-child {	background:none}

.sf-menu ul li { width: 100%;	border: 0; display:inline;	float:left;}

.sf-menu ul { position: absolute;	display: block; visibility:hidden;	padding: 0;	margin: 0; opacity:0.9} 

.sf-menu ul a { width: 260px; padding: 0 10px;  height: 32px; line-height: 32px;}
.sf-menu li ul li a { padding: 0 15px; font-size:12px; text-align:left;  background:#17588E; color:#adcbe1 }
.sf-menu li ul li:last-child a {padding-bottom:5px; height: 37px; line-height: 32px; }
.sf-menu li ul li:first-child a {padding-top:5px; height: 37px; line-height: 32px; }

.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }

.sf-menu li:hover ul, .sf-menu li.sfHover ul {	left: -1px; top: 56px; z-index: 99; visibility:visible; box-shadow: 4px 4px 7px #12446C; border-left:1px solid #5e9ac5; }
.sf-menu li:hover li ul, .sf-menu li.sfHover li ul {	top: 26px; width: 200px; }

.sf-menu>li a {	display:inline-block; text-align:center; color:#adcbe1; font-size:16px; padding:35px 15px 5px 15px; margin:0; }

/* ------------------------------------  END TOP MENU --------------------------------------*/

.benefits li {display:inline-block; width:50%; float:left; padding-top:15px; margin-bottom:25px; color:#4c4c4c; padding-left:10px}
.benefits li:nth-child(even) {display:inline-block; width:50%; margin-right:0%; float:left; padding-top:15px; margin-bottom:25px; color:#4c4c4c; padding-left:10px}

.benefits .title {font-size:23px; text-transform:uppercase; margin:0; color:#10428c;}
.benefits .desc { font-size:14px; line-height:20px; padding-left:80px;}

.fl_img {float:left; width:380px;}
.fl_img_inside { display:none; }
.inside .fl_img_inside { display:block; position:absolute; top:-130px; left:50px; z-index:999}

.about_us {float:right; width:550px; margin-top:100px;}
.about_us .title, .stages .title {background:url(/images/title_bullet.png) left center no-repeat; padding-left:50px; font-size:18px; text-transform:uppercase; margin:0; color:#FFF;}
.about_us .description {font-size:14px; line-height:24px;}

.stage_element {width:20%; float:left; padding:0 10px;}
.stage_element .title {background:none; margin:0; padding:0; font-size:12.5px; line-height:15px}
.stage_element .description {font-size:13px; line-height:15px;}

.image-box {width:325px; float:left;}
.article { position:relative; width:100%; padding:10px 5px; margin:0; clear:both}
.article_title {font-size:16px; text-align:left; margin-bottom:5px; color:#2ba3d6;}
.article_desc {text-align:left;}

.category {display:inline; position:relative; float:left; width: 160px; height:165px; margin:15px 0 0 13px; border:1px solid #e9e9e9; text-align:center}
.title {padding:9px; margin-bottom:15px; background-color:#FFF;}
.inside article .title {background:url(/images/title_bullet.jpg) left 10px no-repeat;  padding:0; margin:0; padding-left:70px; font-size:24px; line-height:40px; padding-bottom:10px;}
article h1 {background:url(/images/title_bullet.jpg) left 10px no-repeat;  padding:0; margin:0; padding-left:70px; font-size:24px; line-height:40px; padding-bottom:10px;}

.page { padding:5px 10px; background-color:#ececec; border-radius:5px; }
.a_page { padding:5px 10px; background-color:#ececec; color:#F60; border-radius:5px; }
.footer_title { font-size: 18px; font-weight: normal; margin-bottom: 10px; color:#FFF; font:Verdana, Geneva, sans-serif}

.show-menu{text-decoration:none; color:#fff; background:#f14871 url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; display:none;}

.social_btn {position:absolute; top:77px; left:700px;}

.hint {display:inline-block; vertical-align:top; margin-top: 0px;}
.content h1 {-webkit-column-span: all;   column-span: all;}

#right_column article {margin-left:15px; min-height:200px}
.description {line-height:24px}
.description a {color:#d4127b}

.read_more {padding:0 10px; display:inline-block; margin:25px 0; border:1px solid #9c9d9d; font-size:14px; line-height:31px }
.read_more_blue {padding:0 10px; display:inline-block; margin:25px 0; border:1px solid #8fb6d3; font-size:14px; color:#2c6da0; line-height:31px }

footer .content {padding-top:140px;}
.fb_1 {width:275px; float:left; padding-right:30px; background:url(/images/footer_section_delimiter.png) bottom right no-repeat; min-height:400px}
.fb_1 ul li {list-style:none; text-align:right; padding-right:25px; background:url(/images/footer_menu_arrow.png) right 8px no-repeat}
.fb_1 ul li a {text-transform:uppercase; color:#FFF; font-size:14px; }

.fb_2 {width:400px; float:left; padding:0 30px; background:url(/images/footer_section_delimiter.png) bottom right no-repeat; min-height:400px}
.fb_2 .title {background:url(/images/contact_title_ico.png) left center no-repeat; padding-left:50px; font-size:18px; text-transform:uppercase; margin:0; color:#FFF;}
.fb_3 {width:325px; float:left; padding-left:30px; line-height:31px;}

.footer_title {font-size:24px; display:inline-block; margin-bottom:15px}

.image_gallery {width:512px; float:left}
.image-box {width:340px; float:left}
.article_img {position:relative; margin-top:20px; width:710px}
.img_mask {position:absolute; bottom:0; left:0; width:100%; height:106px; background:url(/images/gallery_img_mask.png) bottom left no-repeat; background-size:contain}

.cat_article .item {position:relative; width:222px; height:200px; float:left; background:url(/images/thumb_back.jpg) top center no-repeat; list-style:none; margin-right:19px; padding:13px 0 0 12px;}
.cat_article .item:nth-child(3n) { margin-right:0}
.cat_article_title {font-size:14px; text-transform:uppercase; color:#44b0de}
.klamer {position:absolute; top:-5px; left:60px; width:17px; height:30px; background:url(/images/klamer.png) 0 0 no-repeat;}


.basket_ico { float:right; min-width:80px; padding:3px 0; text-align:center; }
.choose_btn {font-size:14px; border:0; line-height:14px; background-color:#44b0de; color:#FFF; padding:8px 10px; cursor:pointer}
.buy_btn {font-size:14px; border:0; line-height:14px; background-color:#44b0de; color:#FFF; padding:10px 20px; cursor:pointer}
.update_btn {font-size:14px; border:0; line-height:14px; background-color:#44b0de; color:#FFF; padding:5px 10px; }
.form_btn {font-size:14px; border:0; line-height:14px; background-color:#44b0de; color:#FFF; padding:10px 20px; cursor:pointer}

.quantity {text-align:center; border:1px solid #CCC; padding:5px;}


.product {display:inline; position:relative; float:left; width: 222px; min-height:220px; margin-right:19px; padding:13px 0 0 12px; background:url(/images/thumb_back.jpg) center top no-repeat;}
.product_last {display:inline; position:relative; float:left; width: 222px; min-height:220px;  margin-right:0; padding:13px 0 0 12px;; background:url(/images/thumb_back.jpg) center top no-repeat; }

.pr_name {font-size:14px; text-transform:uppercase; color:#44b0de; margin-top:10px;}
.pr_price {position:relative; width:100px; text-align:left; float:left; line-height:31px}
.border-radius {-moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;  }

.promo_code_container {position:relative; height:1px}
.promo_code { position:absolute; top:0; left:0; border:5px solid #CCC; padding:15px; margin:10px 0; text-align:left}

.login_form {width:100%}
.login_form input {width:100%; margin:5px 0; -webkit-appearance: none;}

.notlogged_form .label_blank, .login_form .label_blank, .register_form .label_blank, .userprofile_form .label_blank {display:none}

.notlogged_form {width:97%}
.notlogged_form .label, .notlogged_form .label_blank {width:120px; display:inline-block; margin-right:10px; text-align:right}
.notlogged_form .input, .notlogged_form .input_select {width:300px; display:inline-block; margin-bottom:5px;}

.login_form {width:51%;  display:inline-block}
.login_form .label, .login_form .label_blank {width:140px; display:inline-block; margin-right:10px; text-align:right}
.login_form .input, .login_form .input_select {width:320px; display:inline-block; margin-bottom:5px;}

.register_form {width:51%;  display:inline-block}
.register_form .label, .register_form .label_blank {width:140px; display:inline-block; margin-right:10px; text-align:right}
.register_form .input, .register_form .input_select {width:310px; display:inline-block; margin-bottom:5px;}

.userprofile_form {width:100%;  display:inline-block}
.userprofile_form .label, .userprofile_form .label_blank {width:140px; display:inline-block; margin-right:10px; text-align:right}
.userprofile_form .input, .userprofile_form .input_select {width:310px; display:inline-block;  margin-bottom:5px;}

.payment_form {width:100%;  display:inline-block}
.payment_form .label, .payment_form .label_blank {width:140px; display:inline-block; margin-right:10px; text-align:right}
.payment_form .input, .payment_form .input_select {width:310px; display:inline-block;  margin-bottom:5px;}


.other_choice {width:45%; text-align:center; float:right; display:inline-block; padding:50px 0; line-height:40px}
.not_other_choice	{width:100%; text-align:center; float:none; display:inline-block; padding:50px 0; line-height:40px}

.not_logedin_1 {width:49%; padding-right:1%; float:left}
.not_logedin_2 {width:50%; float:left}

.step_1 {width:1000px; height:110px; background:url(/images/ecommerce-steps.gif) 0 0 no-repeat; margin-bottom:15px}
.step_2 {width:1000px; height:110px; background:url(/images/ecommerce-steps.gif) 0 -110px no-repeat; margin-bottom:15px}
.step_3 {width:1000px; height:110px; background:url(/images/ecommerce-steps.gif) 0 -220px no-repeat; margin-bottom:15px}


@media only screen and (min-width : 200px) and (max-width : 540px) {	
/*.show-menu{display:block; cursor:pointer; width:100%;}
.content {width:100%;}
main {padding:30px 0}
main .content {width:90%; margin:0 5%}
#top_nav {position:relative; height:auto}
#logo { text-align:center; width:100%; clear:both; margin-bottom:20px}
header #booknow {display:none}
header nav {position:relative; clear:both; width:100%; left:inherit; top:inherit; background-color:#1583AB}
#img_slider {position:relative}
footer {height:auto; min-height:inherit }
.sf-menu{position:relative; display:none;}
.sf-menu li{width:100%; border-bottom:1px solid #CCC; }
.sf-menu li a{width:100%; text-align:left; padding: 5px 5px 5px 30px; background-color:#1e7ea7; border-bottom:1px solid #FFF;}
.description_2c {column-count:1}

.image_gallery {width:100%}
.description {width:100%; float:none}
.fildset {width:100%; margin-bottom:20px}

*/
}

@media only screen and (min-width : 541px) and (max-width : 1000px) {	
/*
.show-menu{display:block; cursor:pointer; width:100%;}
.content {width:100%; }
main {padding:30px 0}
main .content {width:90%; margin:0 5%}
#top_nav {position:relative; height:auto}
#logo { text-align:center; width:100%; clear:both;  margin-bottom:20px}
header #booknow {display:none}
header nav {position:relative; clear:both; width:100%; left:inherit; top:inherit;  background-color:#1583AB}
#img_slider {position:relative}
footer {height:auto; min-height:inherit}
.sf-menu{position:relative; display:none;}
.sf-menu li{width:100%; border-bottom:1px solid #CCC; }
.sf-menu li a{width:100%; text-align:left; padding: 5px 5px 5px 30px; background-color:#1e7ea7; border-bottom:1px solid #FFF;}
.description_2c {column-count:1}

.image_gallery {width:100%}
.description {width:100%; float:none}
.fildset {width:100%; margin-bottom:20px}

*/
}