/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
ul{
	list-style:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{max-width: 100%; height: auto;}
a:focus {outline: none;}

/* ====================== HEADINGS h1-h6 ===================== */
h1, h2, h3, h4, h5, h6{font-weight: 600; color: #000; line-height: 1.4; margin: 0 0 .7em 0;}
h1 {font-size: 32px; font-weight: 400;}
h2 {font-size: 28px;}
h3 {font-size: 23px;}
h4 {font-size: 20px;}
.title-box {margin-bottom: 10px; padding: 18px 0 17px 0; background: url('../images/uus-kodu-grey.gif') no-repeat top right;}
.title-box .title {margin-bottom: 0; width: 61.3%; background: url('../images/title-box-border.gif') repeat-x bottom left; padding-bottom: 10px;}
p{margin: 0 0 10px 0; padding: 0;}

/* ====================== FORM ELEMENTS ====================== */
input[type="text"], input[type="number"], input[type="submit"], input[type="button"], input[type="reset"], textarea{-webkit-appearance: none; border-radius: 0; padding: 0;}

.form-container2 {width: 70%; font: 400 14px 'Open sans', sans-serif;}
.form-name {font-size: 29px; font-weight: 600; margin: 0 0 25px 0;}
.element-name  {margin: 0 0 5px 3px;}
.element-content {margin: 0 0 17px;}
.required {color:#F00; font-size:16px;}

.element-content ul {margin: 0px; padding: 0px;}
.element-content li {margin: 0 0 3px 0; padding: 1px;	}
input[type="checkbox"], input[type="radio"] {position: relative; top: 2px;}
.choice-name {font-size: 13px;}
.form-container2 .buttons {margin-top: 30px;}
.form-container2 .buttons input:first-child {margin-right: 10px;}
.form-container2 .captcha {margin-top: 10px;}
.form-container2 .big {font-size: 16px; font-weight: bold;}
.form-container2.text-field .calendar {padding: 3px; font-size: 12px;}

input[type="text"], textarea {
	background-color: #fff;
    border: 1px solid #dcddde;
    border-radius: 2px;
    font: 400 14px "Open sans",sans-serif;
    height: 32px;
    line-height: 32px;
    padding: 0 2.5%;
    text-indent: 0;
    width: 94.45%;
}

.captcha input[type="text"] {padding: 0 9px;}
textarea {height: 135px; line-height: 20px; padding: 6px 2.5%;}

input[type="submit"], input[type="reset"], input[type="button"], button {
    background: #0b9eda;
    border: none;
    color: #fff;
    cursor: pointer;
    font: 400 15px "Open sans",sans-serif;
    height: 34px;
    line-height: 32px;
	padding: 0 10px;
	border-radius: 2px;
}

input[type="reset"] {background-color: #63666f;}

input[type="submit"]:hover, input[type="button"]:hover, button:hover, .btn2:hover {background-color: #20aeea;}
input[type="reset"]:hover, .btn1:hover, #register-form input[type="submit"]:hover {background-color: #73767f;}

input[type="text"]:focus, input[type="submit"]:focus, select:focus{outline: none;}
input[type="checkbox"], input[type="radio"] {margin: 0;}

/* custom checkbox */
.checkbox{width: 21px; height: 21px; padding: 0; margin: 0; background: url(../images/checkbox.gif) no-repeat; display: inline-block; vertical-align: top; cursor: pointer;}

/* custom select */
.select-container{position: relative; display: inline-block; vertical-align: top; width: 100%;}
select.styled{height: 100% !important; left: 0;}
.customSelect{border: 1px solid #dcddde; color: #000; height: 32px; background: #fff url("../images/customSelect-arrow.gif") no-repeat right center; font: 400 14px/32px "Open sans",sans-serif; display: block !important; border-radius: 2px;}
.customSelectInner{display: block !important; width: auto !important; padding: 0 20px 0 2.5%; margin-right: 32px; overflow: hidden; white-space: nowrap;}

/* =========================== Layout styles =================== */
/* ============================================================= */
body {color: #58585a; font: 400 13px/1.4 'Open sans', sans-serif; background: #fff; margin: 0; padding: 0; }
#container {
	position: relative;
	margin: 30px 20px 20px;
	width: auto;
	max-width: 920px;
}
#main {position: relative;}


#main-menu {
	display: block;
	background: #fff;
	border: 2px solid #c51082;
	border-radius: 10px;
	padding: 20px;
	z-index: 3;
	text-align: center;
	max-width: 300px;
	width: auto;
	margin: 0 auto;
}
#main-menu h2 { color: #c51082; font-family: times, serif; font-size: 23px;  }
#main-menu ul {  }
#main-menu li {margin: 0 0 10px 0; clear:both;  }
#main-menu a { color: #c51082; font-weight: bold; display:block; transition:all .5s ease; }
#main-menu a:hover { color: #880055; transition:all .5s ease; }
#main-menu a.store-link {
	display: inline-block;
	font-weight: normal;
	font-size:12px;
	padding:3px 10px 2px;
	background:#c51082;
	color:#fff;
}
#main-menu a.store-link:hover {
	background: #880055;
}

.module-content {
	padding: 20px 28px
}


#logo {
  z-index: 5;
	margin: 0 auto 20px;
	display: block;
	width: 140px;
}
#photo-link {
  z-index: 4;
	display: block;
	pointer-events: none;
	margin: 0 auto 30px;
	width: 100%;
	max-width: 670px;
}

#contacts {
	z-index: 5;
	text-align: center;
	margin: 30px auto 20px;
}

#contacts a:hover {
	color:#c51082;
	transition:all .5s ease;
}

.toggle-menu {
    background: #0b9eda url("../images/toggle-menu.png") no-repeat center center;
    cursor: pointer;
    display: none;
    height: 32px;
    width: 41px;
}
/* ======================= article styles ====================== */
/* ============================================================= */
.media-box{margin: 0 0 30px 0;}
.media-box iframe{width: 100%;}
.article{font-size: 1em; font-weight: 300; margin: 0 0 20px 0;}
.article b {font-weight: 600;}

.article h2, .article h3, .article h4 {font-weight: 400;}

.article ul{padding-left: 4px;}
.article li{margin-bottom: 5px !important; margin-top: 5px !important;}

.article ul li{padding: 0 0 0 20px; margin: 0; background: url("../images/article-list-style.gif") no-repeat left 6px;}
.article ul ol li{background: none; padding: 0;}
.article ol ul li{padding: 0 0 0 20px;}

.article ol{padding: 0 0 0 22px;}
.article ol ol{padding: 0 0 0 20px;}
.article ol li{padding: 0; margin: 0;}
.article > ul, .article > ol {margin-bottom: 15px;}

.article table{border-collapse: collapse; margin: 2em 0; width: 100%;}
.article table, .article td, .article th{border: 1px solid #bcb7b6;}
.article td, .article th{padding: 8px 10px;}
.article th{text-align: left; color: #000; background-color: #efefef; font-weight: 500;}
.article table.noborder, .article table.noborder td, .article table.noborder th{border: none;}

.article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
.article table p{margin: 0;}
.article p{margin: 0 0 20px 0;}
.article a{text-decoration: underline; color: #0b9eda;}
.article a:hover{text-decoration: none;}
.article img {}
img.floatLeft{float: left; margin-right: 0 2em 15px 0;}
img.floatRight{float: right; margin: 0 0 15px 2em;}

.a-columns {margin: 0 0 15px; padding: 14px 0 0 0;}
.article .a-columns {}
.article .a-columns .title, .article .a-columns .sub-title{margin: 0 0 10px 0;}
.article .a-columns .sub-title {margin: 0 0 22px 0;}
.a-columns .col {
	float: left;
	width: 50%;
}
.a-columns .col1 .inner {padding-right: 5%;}
.a-columns .col2 .inner {padding-left: 5%;}
.a-columns .col .box {margin: 0 0 40px 0;}

/* gallery */
#tabs .gallery{padding: 20px 0;}
.gallery ul{font-size: 0; margin-left: -1.612903225806452%;}
.gallery li{display: inline-block; vertical-align: top; margin: 0 0 17px 1.587301587301587%; width: 31.62393162393162%;}
.gallery img{display: block; margin: 0 auto; border: 1px solid #ebeef1;}
.gallery .title{display: block; padding: 10px 8px 0 8px; font-size: 13px; font-weight: 300; line-height: 125%;}

/* article-list */
.article-list {padding: 10px 0 0 0;}
.article-list li{margin: 0 0 23px 0;}
.article-list .title{font-size: 16px; font-weight: 500; margin: 0 0 8px 0; padding: 2px 0 3px 26px; background: url("../images/blackdot.png") no-repeat 0 7px;}
.article-list p{font-weight: 300; margin: 0 0 10px 0; line-height: 150%;}
.article-list .thumb, .article-list .text {float: left; width: 15%;}
.article-list .thumb-inner {padding-right: 16%;}
.article-list .text {width: 85%; padding: 17px 0 0 0;}
.article-list .text a {text-decoration: underline;}
.article-list .text a:hover {text-decoration: none;}

.article-list .tags li {
    background: none;
    display: inline-block;
    margin: 0 7px 7px 0;
    padding: 0;
	text-decoration: underline;
}
.article-list .tags span {font-size: 13px;}
.article-list .tags li:hover {text-decoration: none;}

/* accordion */
#accordion{margin: 0 0 10px 0;}
#accordion .title{margin: -1px 0 0 0; color: #272626; background-color: #eee; font-weight: 300; font-size: 14px; border: 1px solid #bcb7b6; cursor: pointer; position: relative;}
#accordion .ui-icon{background: url("../images/arrows-9x5.gif") no-repeat 0 0; width: 9px; height: 5px; position: absolute; top: 14px; right: 15px;}
#accordion .ui-state-active .ui-icon{background-position: 0 -5px;}
#accordion .title .inner{display: block; padding: 10px 35px 8px 10px;}
#accordion .ui-state-active{background-color: #cecdcd;}
#accordion .content{font-size: 14px; padding:10px; border: 1px solid #bcb7b6; border-top: none;}
.article #accordion p {margin: 0 0 10px 0;}

#products .gallery ul{margin: 0 0 0 -1.022727272727273%;}
#products .gallery li{margin: 0 0 28px 1.012373453318335%; width: 23.84701912260967%;}

/*  */
.light{font-weight: 300;}
.normal{font-weight: 400;}
.semibold{font-weight: 600;}
.bold{font-weight: 700;}

.files-list{padding: 5px 10px; margin: 0 0 12px 0;}
.files-list li {margin: 0 0 10px 0;}

/* global */
.bold{font-weight: bold;}
.files-list{padding: 5px 10px; margin: 0 0 12px 0;}
.file{display: inline-block; text-decoration: none !important; color: #000 !Important; padding: 10px 0 8px 33px; line-height: 14px;}
.file.pdf{background: url(../images/icon-pdf.gif) no-repeat left center;}
.file.doc{background: url(../images/icon-doc.gif) no-repeat left center;}
.file.jpg{background: url(../images/icon-jpg.gif) no-repeat left center;}
.file.png{background: url(../images/icon-png.gif) no-repeat left center;}
.file.xls{background: url(../images/icon-xls.gif) no-repeat left center;}
.file.ppt{background: url(../images/icon-ppt.gif) no-repeat left center;}
.alignCenter{text-align: center;}
.alignRight{text-align: right;}
.underline{text-decoration: underline;}
.item-list > li{float: left;}
.item-list.i-b{font-size: 0;}
.item-list.i-b > li{display: inline-block; vertical-align: top; float: none;}
.displ-t {display: table; height: 100%; width: 100%;}
.displ-r {display: table-row;}
.displ-c {display: table-cell; vertical-align: middle;}
b {font-weight: 500;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.floatLeft{float:left;}
.floatRight{float:right;}

.error,
.success,
.msg-success,
.msg-fail{color: #fff; text-align: center; margin: 10px 0; padding: /*15px 0 16px 57px*/9px 10px; background: #53ac3b /*url("../images/icon-warning.png") no-repeat 19px 15px*/; font-weight: 400; display: block;}
.msg-fail, .error{background-color: #bf1e2e;}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (min-width: 1024px){
	#container {
		margin: 30px auto 20px;
		min-height: 640px;
	}
	#logo {
		position: absolute;
		top: 10px;
    left: 0px;
	}
	#photo-link {
		height: 530px;
		right: 0;
		position: absolute;
		top: 10px;
	}
	#main-menu {
		left: 0;
    position: absolute;
    top: 210px;
		width: 300px;
		text-align: left;
	}
	#main-menu a.store-link {
		margin-left: 20px;
	}
	#contacts {
		position: absolute;
		top: 490px;
		left: 390px;
		text-align: left;
	}

}

/* ======================== clearfix =========================== */
/* ============================================================= */
/* Force Element To Self-Clear its Children */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */