/************************************** STANDART CLASSES **************************************/

/* standart tags */
body {font-family: Arial, Helvetica, sans-serif; color: Black; font-size: 12px; background: #183883; padding:0;}
ul, ol, li {font-size: 12px;}
a {text-decoration: none; font-size: 12px; color: #0000ee; text-decoration: underline;}
a:hover { color: #c9c9c9;}
hr {border: none; border-bottom: 1px #008651; height: 1px;}
table {font-size: 12px; font-weight: bold;}

ol.list_names li {list-style-type:disc; margin:0px}
ol.list_names li a {color: #000;}

/* main color classes */
/* 1-darkest; 2-dark; 3-normal; 4-light */

.t1 { background-color: #A0AAAE; color: #FFFFFF;}
	#t1 a{color: White;}
.t2 { background-color: #dce2e5; color: #000000;}
	#t2 a{color: Black;}
.t3 { background-color: #ebeff4; color: #000000;}
	#t3 a{color: Black;}
.t4 { background-color: #FFFFFF; color: #000000;}
	#t4 a{color: Black;}

div.selected_sites {display: block; clear: both}
div.selected_sites li{list-style: circle;}
div.selected_sites h3 {color: #A0AAAE;}

#other_links {margin: 20px 0 20px 0; clear:both;}
#other_links a{padding: 5px; margin: 1px; color:#069; background: #F5F5F5; display: block; float:left; white-space:nowrap}	
#other_links a:hover {color:#FFF; background: #069;}

/************************************** TEXT CLASSES **************************************/

/*paragraph text*/
p {font-size: 12px;}

big {font-size: 12px;}

/* smallest text min 8px; */
small {font-size: 10px;}

.style1 {color: #008651}
.style2 {color: #FF0000}

h1 { font-size: 18px; font-weight: bold; color: #000000;} /* relative to h4 bgcolor or use extra color */
h2 { font-size: 16px; font-weight: bold; color: #636466;} /* relative to h3 bgcolor or use extra color */
h3 { font-size: 14px; font-weight: bold; color: #CA0000;} /* relative to h2 bgcolor or use extra color */
h4 { font-size: 12px; font-weight: bold; color: #000000;} /* relative to h1 bgcolor or use extra color */

h3 .label {font-weight: bold; color: #CC0000; padding: 5px; background:#FFF;}

/* title, color text: bgimage, border, +(2-4px).big_text */
.head_text 	{font-size: 14px; text-transform: uppercase; font-weight: bold; display: block; border-bottom: 2px solid #008651; color: #008651; padding:5px 0 5px 0; margin:0px;} 
.date {font-size: 10px; font-variant: italic;}

#pageContent .sPage .date, #box_news .date {display: none;}


/************************************** LINK CLASSES **************************************/

/* navigation links */
#nav_links{font-size:10; color: #FFF;}
#nav_links a, a.nav_links{font-size:10; color: #FFF;}
a.nav_links:hover{text-decoration: underline;}

/* main link != A, text-decoration, hover color */	
a.main_link {color: inherit; text-decoration: none; text-transform: uppercase;}
	a.main_link:hover {color: #c9c9c9;}	

/* bordered link, color, border */	
a.border_link {border-bottom: dotted 1px #dce2e5;}
	a.border_link:hover {border-bottom: dotted 1px c9c9c9;}	

/* difernet color link */
a.color_link {color: #c9c9c9}
	a.color_link:hover {color: #000;}	

/* diferent bgcolor link, filter alpha */
a.bgcolor_link {background: #efefef; color: #c9c9c9; padding: 2px;}
	a.bgcolor_link:hover {background: #c9c9c9; color: #000;}	

/* read more link, >>, text-decoration, color, bgcolor */
a.next_link {font-size: 10px; font-weight: bold; display: block; text-align: right;}
	a.next_link:hover {color: #c9c9c9}	

/* go back link, <<, text-decoration, color, bgcolor */
a.back_link {font-size: 10px; font-weight: bold; color: inherit}
	.back_link:hover {color: #c9c9c9}
	
.label_link {text-decoration: none;}
.label_link:hover {text-decoration: underline;}

a.subpage_link {font-size: 12px;}

#head_links {display: block; margin: -90px 0 0 0; position:relative;}
a.head_link {display: block; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 37px; line-height: 37px; background: #008651; color: #FFF; padding: 0 10px 0 10px; margin: 0 0 3px 0; border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0;}
a.head_link:hover {background: #00603a}

a.back {float: right; padding: 4px 9px 4px 9px; background: #dadada; color: #008651;; font-size: 12px; text-decoration:none; border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0;}
a.back:hover {background: #00603a; color: #FFF;}

/************************************** IMAGE CLASSES **************************************/

a img {border: none;}
/* main image from the cuurent page, eccept images from the template */
img.main_image {padding: 0px; border: 0px;}

/* border images, border alpha filter, padding, color border, border style */
img.border_image {border: solid 5px #ebebea; padding: 0px; }


/************************************** TABLE CLASSES **************************************/

/* main table, bgcolor, padding, margin, border=0px; */

.main_table {background: transparent; padding: 5px; margin: 0px; border: 0px; color: inherit; font-family: inherit; font-size:inherit;}
.main_table tr 	{background: #FFF; padding: 2px}
.main_table td 	{background: #FFF; padding: 2px}

/* border table: border, bgcolor, border-style, */
.border_table	{background: transparent; border: 1px solid #A0AAAE; color: inherit; font-family: inherit; font-size:inherit;}
.border_table thead td, .border_table th {background: #636466; text-align: center; color: #FFF; font-size: 14px;}
.border_table tr {background: #ebeff4; border-bottom: solid 0px #A0AAAE;}
.border_table td {border-bottom:1px solid #A0AAAE;  border-left: 0px solid #A0AAAE; border-right: 0px solid #A0AAAE; border-top: 0px solid #A0AAAE; }
.border_table tfoot td{background: #bcbec0; border: none;}

/************************************** BLOCK CLASSES **************************************/

/* message blocks, width, bgcolor, color */
.message_normal{display: block; margin: 5px; background: #dcddde; color: #000000; padding: 10px; border: solid 1px #c7c8ca;}
	.message_normal a{color: #000;}
	.message_normal a:hover{color: #000; text-decoration: underline;}

.message_warning {display: block; margin: 5px; background: #D5FCC9; color: #000000; font: 10px inherit; padding: 10px; border: solid 1px #CAEFA7;}
	.message_warning a{color: Black;}
	.message_warning a:hover{color: Black;	text-decoration: underline;}

.message_error{display: block; margin: 5px; background: #FF0000; color: #FFFFFF; font: 10px inherit; padding: 10px; border: solid 1px #D70000;}
	.message_error a{color: #FFF;}
	.message_error a:hover{color: White;	text-decoration: underline;}


/************************************** FORM CLASSES **************************************/

/* standart classes */
form 			{padding: 0px; margin: 0px;}
input, select 	{background: #f6faff; border: solid 1px #dce2e5; height: 20px;}
textarea 		{ background: #f6faff; border: inset 1px #dce2e5; font-family: inherit; font-size: inherit; }

/* form buttons classes */

.button_submit 		{background: #dce2e5; border: solid 2px #ebeff4; font-size: 10px; font-weight: bold; text-align: center; padding: 1px; text-decoration: none;}
.button_reset 		{background: #dce2e5; border: solid 2px #ebeff4; font-size: 10px; font-weight: bold; text-align: center; padding: 1px; text-decoration: none;}
.button_back 		{background: #dce2e5; border: solid 2px #ebeff4; font-size: 10px; font-weight: bold; text-align: center; padding: 1px; text-decoration: none;}
.button_search 		{font-size: 10px; font-weight: bold; background-image:   url(%22button_search.gif%22); background-repeat: no-repeat;}
.button_radio 		{background: #dce2e5; border: solid 2px #dce2e5; margin: 2px;}
.button_checkbox	{background: #dce2e5; border: solid 2px #dce2e5; margin: 2px;}
.list_menu 			{background: #f6faff; border: solid 1px #dce2e5; margin: 2px;}


/************************************** MENU CLASSES **************************************/

a.menu_button {display: block; white-space: normal; margin:0px; font-family: inherit; font-size: 12px; font-weight: bold; background: #f6faff; border: solid 1px #ebeff4; padding:5px;}
	a.menu_button:hover { background: #dce2e5; background-image:   url(menu_button_hover.jpg);}
a.submenu_button {display: block; white-space: normal; font-family: inherit; font-size: 10px; background: #ffd52c; border-bottom: solid 0px ; padding-left:25px; background-image:   url(submenu_button.jpg); background-repeat: no-repeat;}
	a.submenu_button:hover { background: #ffffff; font-weight: bold; background-image:   url(submenu_button_hover.jpg); background-repeat: no-repeat;}

.menu_button_bullet, .submenu_button_bullet {display: block; width: 20px; height: 20px; float: left;}


/************************************** EXTRA CLASSES **************************************/

/* bullets : bgimage 20x20px (.gif)*/

.bullet1 {white-space:nowrap; display: block; float: left;  background: url(http://www.maksoft.net/css/images/bullets/bullet1.gif) 50% 50% no-repeat; width:30px; height:30px;}/* prefix bullet */
.bullet2 {background-image: url(http://www.maksoft.net/css/images/bullets/bullet2.gif); display: block; float: left; width:20px; height:20px; background-repeat: no-repeat;}/* sufix bullet */	


/*@import url(http://maksoft.net/css/admin_classes.css);
	/* predefine here*/
	
#pageContent {display: block; background: transparent;}
#home #pageContent {margin: 0 10px 0 10px; padding: 0px;}

#pageContent .sPage{float: left; border: 0px solid #d9d9d9; margin: 1px;}
#pageContent .sPage a {font-weight: normal; text-decoration: none; }
#pageContent .sPage a:hover {font-weight: normal; text-decoration: none; color: #FF0000;}

#pageContent .sPage .title .text {font-size: 16px; color: #F00; padding: 5px 0 5px 0; width:auto; float:left;}
#pageContent .sPage a.title{float: left; border: none; border-bottom: 1px solid #d9d9d9; font-weight: bold; display: block; width: 100%; margin: 1px;}
#pageContent .sPage a.title:hover{background: #f6f6f6; color: #000000; font-weight: bold;}

#pageContent .sPage .text{float: left; margin: 1px; cursor: hand; width: 100%;}
#pageContent .sPage .text .label {clear: both; font-style: normal; font-weight:bold; color: #CC0000; float: right; padding: 0 10px 0 10px; background:#FFF; line-height:30px;}
#pageContent .sPage img{display: block; background-color: #d9d9d9; border: 0px; margin: 0px;}
#pageContent .sPage img[align="left"] {margin: 1px 10px 1px 1px}
#pageContent .sPage img[align="right"] {margin: 1px 1px 1px 10px}

#pageContent .sPage .ssLinks {display: block;}
#pageContent .sPage .ssLinks a{font-weight: italic; text-decoration: underline; color: #FF0000; margin-left: 15px; display: block;}
#pageContent .sPage .ssLinks a:hover{text-decoration: underline; color: #000000;}	

#pageContent img {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}

/*BANNERS*/
#banners {display: block; clear:both; margin: 20px auto 20px auto; text-align:center;}
.banner{display: inline; margin: 0 5px 5px 0;}
#main #banners {display: block; width: 850px; clear:both;}
#main #banners .banner {display:block; float: left; margin: 3px 10px 2px 10px;}
.column.left .banner a {margin: 10px 2px 0 0; float: left;}

#main #banners .banner.static {border: 1px solid #e8e8e8;}

/*CATALOG INDEX*/
#letter_index {display: block; width: 445px; height: 250px; margin: 0px auto 20px 20px; clear:both;}
#letter_index a {display: block; float: left; width: 42px; height: 39px; line-height:40px; font-size: 25px; font-weight: bold; text-decoration:none; text-align:center; color: #123670; background: #b5dd84; margin: 3px; background: url(http://www.maksoft.net/Templates/stroiko/images/letter_bg.jpg) 50% 50% no-repeat;}
#letter_index a.nostyle {display: block; float: none; clear:both; width: 100px; height: 20px; font-size: 12px; line-height:20px; background: #FFF; border: none; margin: 10px 0 0 0;}
#letter_index a:hover, #letter_index a.selected {color: #000;}

/*PAGE SUBLINKS MODULE*/
#page_sublinks {display: block; margin: 0px; padding: 0px;}
#page_sublinks a, #page_sublinks a.download {display: block; width: 310px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 35px; line-height: 35px; background: #008651; color: #FFF; padding: 0 10px 0 10px; margin: 0 0 5px 0; border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0;}
#page_sublinks a:hover {background: #00603a}
/*
#page_sublinks a.download {background: #00603a;}
#page_sublinks a.download:hover {background: #008651;}
*/
/*ACTIVITY CLASSIFICATOR*/
#act_class {display: block; width: 445px; margin: 0 auto 20px 20px;}
#act_class a.title {clear: both; color: #0000ee; font-size: 12px;}
#act_class a.title:hover {color: #000;}
#act_class a.selected {color: #000; font-weight:bold;}

/*NEWS*/
#box_news {border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; background:#FFF; display: block; padding: 10px 0 10px 0; margin: 10px 0 0 0;}
#box_news a {display: block; margin: 0 10px 0 10px; padding: 10px; font-size: 14px; text-decoration:none; color: #000; border-bottom: 1px solid #f6f6f6;}
#box_news a:hover {background: #f6f6f6}
#box_news a.next_link {padding: 2px; font-size: 10px; margin: 0px;}
#box_news .content {display: block; margin: 10px; padding: 0px 10px;} 
#box_news .content p {text-align: justify;}

/*GALLERY*/

#image_gallery {display: block; text-align: center; margin: 0 auto 0 auto;}
#image_gallery .preview {display: block; float: left; margin: 10px 0 10px 68px;}
/*LIGHTBOX*/
#caption p {text-align: justify; font-weight:normal;}

fieldset legend {color: #000;}
fieldset h3 {color: #000;}

#home .home-banner {padding: 0; width: 495px; background: rgba(255,255,255,1.0); position: absolute; z-index:2; margin-top: 180px; text-align:center;}
#home .home-banner .banner {margin: 0 auto;}
#home .home-banner .banner a {float: none;}