/* LAYOUT
----------------------------------------------- */
#layout {width: 100%; height: 100%;}

#top,
#left,
#main,
#right {vertical-align: top;}

#top {}

#left,
#main,
#right {}

#footer {vertical-align: bottom; padding: 10px;}

#left {width: 20%; padding: 0px 10px 0 10px;}
#main {width: 80%; padding: 0 10px 0 10px;}
#right {width: 20%; padding: 0px 10px 0 10px;}



/* form */
table.form .l {padding: 3px 0 5px 0;}
table.form .f {padding: 0 0 5px 0;}
table.form .fl {padding: 0 10px 5px 0;}
table.form .fr {padding: 0 0 5px 10px;}
table.form .fc {padding: 0 10px 5px 10px;}
table.form .cb {padding: 0 0 1px 0;}
table.form .cbl {padding: 0 5px 1px 0;}
table.form .cbr {padding: 0 0 1px 5px;}
table.form .cbc {padding: 0 5px 1px 5px;}
table.form td {vertical-align: top;}
table.form .m td,
table.form .last-m td {vertical-align: middle;}
table.form .last td,
table.form .last-m td {padding-bottom: 0;}
table.form .f select,
table.form .fl select,
table.form .fr select,
table.form .fc select {width: 130px;}
table.form .f input.text,
table.form .fl input.text,
table.form .fr input.text,
table.form .fc input.text,
table.form .f textarea,
table.form .fl textarea,
table.form .fr textarea,
table.form .fc textarea {width: 300px;}



/* NAVIGATION
----------------------------------------------- */
/* m2 */
.m2 {color: #666; font-weight: bold; margin-bottom: 5px;}
.m2 a,
.m2 a:link,
.m2 a:visited {color: #05c;}
.m2 a:hover,
.m2 a.a,
.m2 a.a:link,
.m2 a.a:visited,
.m2 a.a:hover {color: #c00;}

/* m3 */
.m3 {color: #666; margin: 0 0 5px 15px;}
.m3 a,
.m3 a:link,
.m3 a:visited {color: #05c;}
.m3 a:hover,
.m3 a.a,
.m3 a.a:link,
.m3 a.a:visited,
.m3 a.a:hover {color: #c00;}

/* m4 */
.m4 {color: #666; margin: 0 0 5px 20px;}
.m4 a,
.m4 a:link,
.m4 a:visited {color: #05c;}
.m4 a:hover,
.m4 a.a,
.m4 a.a:link,
.m4 a.a:visited,
.m4 a.a:hover {color: #c00;}

/* m5 */
.m5 {color: #666; margin: 0 0 5px 25px;}
.m5 a,
.m5 a:link,
.m5 a:visited {color: #05c;}
.m5 a:hover,
.m5 a.a,
.m5 a.a:link,
.m5 a.a:visited,
.m5 a.a:hover {color: #c00;}

/* m0 */
.path {color: #666; margin: 10px;}
.path span {font-size: 13px; color: #000;}
.path a,
.path a:link,
.path a:visited {color: #05c;}
.path a:hover {color: #c00;}

/* lang */
.lang {font-size: 18px; color: #ccc; text-align: right; margin: 0 10px 10px 10px; padding-top: 10px;}
.lang span {color: #666;}
.lang a,
.lang a:link,
.lang a:visited {color: #05c;}
.lang a:hover {color: #c00;}


/* BLOCKS
----------------------------------------------- */
html, body {height: auto;}
a img {border: none;}
.width-fix {width: 100%;}
table.control td {padding-right: 5px;}
.block {border: 1px solid #ccc; background: #f9fcfc; padding: 10px; margin-bottom: 10px;}
.blockForm {
	border: 1px solid #666666;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.search .f {padding-right: 5px;}
.req {color: #f33;}

/* top */
.top_info {height: 100px}
.top_info .image {float: left}
.top_info .info {padding: 10px 0 0 130px}


/* catalog_pathes */
.cat_cont {height: 1%}
.cat_cont:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.cat_cont_s {padding: 5px 0 5px 0}
.cat_holder {float: left; width: 350px; height: 100px; padding: 5px}
.cat_img {float: left}
.cat_ch_0 {padding: 0 0 0 120px}
.cat_ch_1 {padding: 0 0 0 125px}

.cat_cont_m {height: 1%}
.cat_cont_m:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.cat_holder_m {float: left; width: 200px; padding: 5px}
.cat_ch_0_m {padding: 0 0 0 10px}
.cat_ch_1_m {padding: 0 0 0 15px}

/* catalog_most_popular */
.popular {padding: 0 0 10px 0 ; height: 1%}
.popular:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.popular .img {float: left}
.popular .text {padding: 0 0 0 105px}

/* search-form */

.faq-items {}
.faq-items .date { padding-top: 10px; }
.faq-items .date span { font-weight: bold; }
.faq-items .author {}
.faq-items .question {}
.faq-items .answered {}
.faq-items .answer { }
.faq-items .pages { padding-top: 20px; }