/* ===== 'tpl.css' ===== */

/* =general styles
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.debug {
	border: 1px solid red;
}
/* --- !!! --- */
.clearing:after {
	display: block;
	height: 0;
	clear: both;
	content: "";
	visibility: hidden;
}
/* --- !!! --- */
.c-blue {
	color: #3fa4ff;
}
.c-yellow {
	color: #ffe824;
}
.c-red {
	color: #ff2929;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* =other styles
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- -- */
.errors,
.messages {
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 1.4em;
	text-align: center;
	line-height: 1.4;
	list-style-type: none;
}
.errors {
	color: #d659d6;
}
.messages {
	color: #59a742;
}
/* --- !!! --- */

/* --- articles list --- */
.articles-list {
	padding: 0;
	margin: 40px 0;
	list-style-type: none;
	clear: both;
}
	.articles-list li {
		margin-bottom: 45px;
	}
		.articles-list li h2 {
			margin: 0;
			font-size: 1.4em;
			color: #bbff99;
			text-shadow: #000 -1px 1px 0;
		}
			/* --- !!! --- */
			.articles-list li h2 a {
				color: #bbff99;
				text-decoration: none;
			}
			.articles-list li h2 a:hover {
				color: #fff;
			}
		/* --- !!! --- */
		.articles-list li p {
			margin: 15px 0 0 30px;
			font-size: 1.4em;
			line-height: 1.4;
		}
		.articles-list li .more {
			color: #6fb9ff;
		}
/* --- // articles list // --- */

/* --- switch pages --- */
.page-switch {
	height: 27px;
	padding: 0;
	margin: 45px 0;	
	text-align: center;
	line-height: 27px;
	list-style-type: none;
	overflow: hidden;
}
	.page-switch li {
		display: inline-block;
		height: 100%;
		margin: 0 10px;
		font-size: 1.4em;
		color: #6fb9ff;
	}
	.page-switch li.active {
		background: #d468ff;
		color: #000;
		position: relative;
	}
		/* --- !!! --- */
		.page-switch li.active span {
			width: 5px;
			height: 100%;
			background: url(switch_bg.gif);
			position: absolute;
			top: 0;
		}
		.page-switch li.active span.left {
			left: -5px;					
		}
		.page-switch li.active span.right {
			background-position: right;
			right: -5px;
		}
/* --- // switch pages // --- */

/* --- contacts information --- */
.contacts-info {
	width: 240px;
	margin-right: 25px;
	float: left;
}
	.contacts-info h4	{
		margin: 0;
		font-size: 1.4em;
		color: #adff85;
	}
	.contacts-info address,
	.contacts-info p {
		margin: 5px 0 45px 0;
		font-size: 1.4em;
		font-style: normal;
		line-height: 1.4;
	}
	.pad-10 {
		margin-right: 10px;
		float: left;
	}
		.contacts-info p img {
			border: 3px solid #7daad3;
			vertical-align: bottom;
		}
/* --- // contacts information // --- */

/* --- contacts form --- */
.contacts-form {
	margin: 45px 118px 40px 0;
	clear: both;
}
.contacts-wrap .corn-content {
	padding: 10px 0;
}
	.contacts-form fieldset {
		padding: 0;
		border: none;
	}
		.contacts-form fieldset legend {
			padding: 0 0 15px 0;	
			font-size: 1.4em;
			font-weight: bold;
			color: #adff85;
		}
		.required {
			margin: 0 0 15px 0;
			font-size: 1.4em;
		}
		/* --- !!! --- */
		.field {
			padding: 0 10px 0 20px;
			margin-bottom: 15px;
		}
		.valid,
		.invalid {
			background: url(ico_validation.png) no-repeat 0 27px;
		}
		.invalid {
			background-position: 3px -257px;
		}
			/* --- !!! --- */
			.field label {
				margin-bottom: 5px;
				font-size: 1.4em;
				font-weight: bold;
				float: left;
			}
			.field img {
				margin-left: 5px;
				background: #ff2929;
				font-size: 1.4em;
				vertical-align: top;
				cursor: help;
			}
			.field input,
			.field textarea {
				width: 440px;	/* - original: 450px; - */
				margin: 5px;
				border: none;
				background: none;
				font-size: 1.4em;
				color: #92adc7;
			}
			.field input {
				height: 17px;	/* - original: 27px; - */
			}
			.field textarea {
				max-width: 440px;
				max-height: 137px;
				height: 137px;	/* - original: 147px; - */
			}
			/* --- !!! --- */
			.field .field-captcha input {
				width: 155px;	/* - original: 165px; - */
			}
			.field .field-captcha img {
				margin: 0;
				/*
				background: #133d65;
				*/
				background: #fff;
				font-size: 1.4em;
				vertical-align: middle;
				position: absolute;
				top: -5px;
				left: -80px;
			}
			.field input.submit {
				width: 245px;
				height: 37px;
				margin: 0;				
				background: #6f1a91 url(buttons.png) 0 -28px;
				font-size: 1.8em;
				color: #fff;
				text-shadow: #5a0c79 -1px 0 0;
				cursor: pointer;
			}
			/* --- !!! --- */
			.field div {
				background: #08223b url(form_field_bg.png) no-repeat;
				clear: both;
			}
			.field div.field-input,
			.field div.field-file {
				background-position: 0 0;
			}
			.field div.field-textarea {
				background-position: 0 -28px;
			}	
			/* --- !!! --- */
			.field div.field-file {
				position: relative;				
			}	
				/* --- !!! --- */	
				.field div .extra-block {
					width: 65px;
					height: 27px;
					background: #6f1a91 url(buttons.png);
					overflow: hidden;
					cursor: pointer;
					position: absolute;
					top: 0;
					right: 0;
				}
					.field div .extra-block input {
						width: 65px;
						height: auto; 
						font-size: 5em;
						opacity: 0;
						cursor: pointer;
					}
			/* --- !!! --- */
			.field div.field-captcha {
				width: 165px;
				background-position: 0 -176px;
				position: relative;
				left: 80px;
			}
/* --- // contacts form // --- */

/* --- site map --- */
.site-map {
	padding: 0;
	margin: 45px 0 40px 25px;
	clear: both;
}
	.site-map li {
		margin: 15px 0;
		font-size: 1.8em;
		color: #6fb9ff;
		line-height: 1;
	}
		/* --- !!! --- */
		.site-map li a {
			text-decoration: none;
		}
		.site-map li a:hover {
			text-decoration: underline;
		}
			/* --- !!! --- */
			.site-map li ul {
				padding: 0;
				margin: 10px 20px 30px 30px;
			}
				.site-map li ul li {
					margin: 5px 0;
					font-size: 0.8em;
				}
					/* --- !!! --- */
					.site-map li ul li ul {
						margin: 10px 15px 15px 25px;
					}
/* --- // site map // --- */

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */


/* --- © Tarik, 2010 --- */

/* ===== // 'tpl.css' // ===== */