/* © diesel, 2007 */


/* тянущийся беграунд */
.bg {
		position: absolute; top: 0;  font-size: 0;
		height: 100%;}

	.left-bg {
		float: left; left: 0; width: 336px; _margin-right: -336px; _position: relative !important;
		background: url(../images/common/sep-ver.gif) bottom right repeat-y;}

	.right-bg {
		float: right; right: 0; width: 330px; 
		_margin-left: -330px; _left: 100%;
		background: url(../images/common/sep-ver.gif) bottom left repeat-y;}
		
		
	.left-sh {
		float: left; left: 0; width: 356px; _margin-right: -356px; _position: relative !important;
		background: url(../images/common/shadow-left.gif) bottom right repeat-y;}

	.right-sh {
		float: right; right: 0; width: 346px;
		_margin-left: -346px; _left: 100%;
		background: url(../images/common/shadow-right.gif) bottom left repeat-y;}

	.column-right-bg {
		position: absolute; bottom: 75px; right: 0; width: 54px; height: 51px;
		_margin-left: -54px;_left: 100%; _bottom: 74px;
		background: url(../images/common/right-corner.gif) bottom right no-repeat;}
		
	.column-bg { 
		position: absolute; bottom: 75px; right: 0; width: 13px; height: 100%;
		_margin-left: -13px; _left: 100%;
		background: url(../images/common/right-bg.gif) bottom right repeat-y; }

/* Header */
	.header {
		position: relative; height: 331px; z-index: 1000;
		background: #A7D9F3 url(../images/common/header-bg.gif) top left repeat-x;}
		
		.header-img {
			position: absolute; top: -1px; left: 0; height: 331px; width: 100%;
			background: url(../images/common/header.jpg) top left no-repeat}
		
		.logo-utk {
			position: absolute; top: 30px; left: 40px;}
			
		.logo-utk a { 
			_position: absolute; _cursor: hand;
			_background: url(../images/common/pix.gif) top left repeat;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.javaexpress.ru/templates/common_templates/images/common/logo.png');}
		.logo-utk a img {
			_visibility: hidden}
		
		.logo-java {
			position: absolute; top: 90px; left: 40px;}			
			.logo-utk a, .logo-java a{
				text-decoration: none; color: #2B3D7F !important; 
				font-size: 1.5em; font-family: Trebushet MS; font-weight: bold;}
				
				
		/* services */
		.services {
			position: absolute; top: 20px; right: 40px; _right: 15px; }
			.services-item {
				float: left; margin-right: 25px;}
				.services-item a img, .services-item span img, .services-item a:visited img{
					background: #314A8C; color: white; font-family: Trebushet MS; text-decoration: none;}
				.services-item a:hover img, .services-item a:active img{
					background: #F1FAFF; color: black;}
					
				.services-item a, .services-item a:visited {
					color: #314A8C; font-family: Trebushet MS; text-decoration: none;}
		
		/* phones */
		.header-phone {
			position: absolute; top: 50px; right: 10px;
			color: #314B8C; font-family: verdana; text-decoration: none; font-size: 3em;}
			
/* menu */
	.menu {z-index: 2;
		position: relative; padding: 5px 10px 7px 10px; background: #4E88B6 url(../images/common/menu-bg.gif) top left repeat-x;
		_width: 100%;}
		.menu table {
			position: relative; width: 100%; margin-right: -10000px; text-align: center;}
	
			.menu tr 	{ position: relative;}	
			.menu-item	{ position: relative; padding: 0 10px;}
			.menu-sep 	{ background: url(../images/common/menu-sep.gif) top left repeat-y; height: 100%;}
			
				.menu-item a, .menu-item a:visited 		{ font-size: 1.1em;  font-family: Tahoma;
														  color: #F1FAFF; text-decoration: none;}
				.menu-item a:hover, .menu-item a:active { text-decoration: underline; color: #F1FAFF;}
		
		.menu-drop 			{ position: relative; text-align: left; display: none;}
		.menu-drop-item		{ position: absolute; top: 7px; left: -10px; width: 210px; _width: 231px; padding: 4px 10px 10px 10px;
							  border: 1px #7588B4 solid; background: #F1FAFF;
							  /* Полупрозрачность */
							  _height: 1%;
							  filter: Alpha(opacity=90); -moz-opacity: 0.90; KhtmlOpacity: .90;	opacity: .90;}	
						  
		.menu-drop-item li 	{ position: relative; padding: .5em 0 0 1em;  _height: 1%;
							  list-style-type: none; background: url(../images/common/content-list.gif) no-repeat 0 .9em;}					  
						  
		.menu-drop-item a, .menu-drop-item a:visited { color: #364E8F; font-size: 1em;}
		.menu-drop-item a:hover {color: #2D4583;}

/* spec-offer */
	.offer-item {
		position: relative; margin: 10px 10px 0 10px; padding: 10px;
		background: url(../images/common/cursor-left.gif) 4px right no-repeat;}
		
		.offer-item p {color: #333; font-family: Tahoma; font-size: 1.1em;}
		
		.offer-img 		{ position:  relative; float: left; margin-right: 15px; margin-top: 4px;}
		.offer-topic, .offer-topic:visited
						{ font-family: Trebushet MS; font-size: 1.3em; _font-size: 1.2em; font-weight: bold; text-decoration: none; color: #314a8c;}
		.offer-topic:hover, .offer-topic:active
						{ color: #996600;}
		
		.offer-sep {
			position: relative; padding-top: 1px;
			background: url(../images/common/sep-gor.gif) bottom left repeat-x;}
			

	
/* Main structura */
	.main {
		position: relative; //height: 1%; z-index: 1;}
	.main-offer {
		position: relative; //height: 1%; z-index: 1; background:  url(../images/common/main-offer-bg.gif) top right repeat-y;}

		.left {
			position: relative;	float: left; 
			width: 300px; _margin-right: -3px;} 

		.right {
			position: relative;	float: right; 
			width: 300px; _margin-left: -3px;}
			
		.right-offer {
			background: #FFFDEC;}
		

		.center {
			position: relative;	//height: 1%; 
			margin: 0 300px 0 300px; _margin: 0 300px 0 300px;}

			.center-inner {
				position: relative; //height: 1%;
				padding: 0;  width: 100%; margin-right: -100%;
				float: left; //float: none;}
			
			.center-offer { padding: 0;}
			
			
				.point {position: absolute; height: 5px; width: 5px;}
				.p-t-l {
					top: -3px; left: -3px; background: url(../images/common/point.gif) top left no-repeat;}
				.p-t-r {
					top: -3px; right: -3px; background: url(../images/common/point.gif) top left no-repeat;}

/* Plugins */

	/* useful documents */
	.useful-doc {
		margin-left: 0; //margin-top: -4px; padding: 20px 0 20px 30px;
		background: #F1FAFF url(../images/common/cursor-right.gif) 10px 10px no-repeat;}
				
		.useful-doc-item li { position: relative; padding: .5em 0 0 1em;  _height: 1%;
							  list-style-type: none; background: url(../images/common/content-list.gif) no-repeat 0 1em;}					  
						  
		.useful-doc-item a, .useful-doc-item a:visited 		{ color: #364E8F; font-size: 1.1em;}
		.useful-doc-item a:hover, .useful-doc-item a:active	{ color: #996600;}
		
		.useful-sep { position: relative; top: -1px; height: 1px; background: url(../images/common/sep-gor-blue.gif) top left repeat-x;}
	
	/* Country */
	.country-list {
			position: relative;
			//margin-top: 20px;}
		.country-item {
			width: 100px;
			position: relative; float:left; padding-left: 5px; 
			text-align: center; min-height: 90px; _height: 90px;}
		
		.country-item a, .produce-item a:visited, .produce-item a:active {
			font-size: 1em; font-family: Tahoma, Verdana, serif; padding-top: 5px;
			color: #314a8c; text-decoration: none; line-height: 1.5em;}
		.country-item a:hover {
			color: #996600;}
			
	.country-picture 	{ padding: 5px;}
	.country-text 		{ padding-top: 10px;}
	.country-text a		{ line-height: 1.5em;}
	
	
	
	/* prices */
	.price {
		padding: 20px 1px 0 0;}
		
		.nav-price 	{ position: relative; float: left; padding: 0 5px;}
		.nav-btn 	{ margin-top: 4px; //margin-top: 1px;}
		.nav-span 	{ margin-top: -2px;}
			
			.nav-price span {
				font-size: 1.4em; color: #4C4C4C; font-weight: bold;}
			.nav-price a {
				font-size: 1.1em;}
				

		
		.price-img 		{ padding: 12px 17px 0 17px;}		
		.price-name		{ padding-top: 13px; width: 100%; font-size: 1.1em; }		
		.price-size		{ padding: 12px 10px 0 10px; white-space: nowrap; font-size: 1.1em; color: #4C4C4C;}
		
			/* price arch */	
	.price-country {
		padding-bottom: 15px;}
		.price-country a, .price-country a:visited {
			font-size: 1.3em; font-family: verdana; text-decoration: none; color: #777777;}
		.price-country a:hover, .price-country a:active {
			color: #996600;}
			
		.price-country-nolink {
			font-size: 1.3em; font-family: verdana; text-decoration: none; color: #777777;
		}
			
		.price-country-descr {
			font-size: .8em; font-family: verdana; color: #777777;}		
	
			
	.price-items { 
		position: relative; width: 600px; margin-left: 10px; padding-bottom: 10px; margin-bottom: 10px;
		background: url(../images/common/sep-gor-blue.gif) bottom left repeat-x;}
		
		.price-items-files { position: relative; width: 300px; float: left; margin-right: 20px;}
		
	.price-more {
		margin: 10px 20px 0 0;}
		
	/* search */
	.search-title {
		float: left; margin: -13px 25px 0 0;}
		
		.search-img-1-title {
			width: 37px; height: 37px;
			background: url(../images/common/search-img-1.gif) 23px center no-repeat;}
		.search-img-2-title {
			width: 37px; height: 37px;
			background: url(../images/common/search-img-2.gif) top left no-repeat;}
		
		.search-input-title {
			margin-top: 11px; //margin-top: 10px; padding: 1px;
			height: 12px; _height: 16px; border: #314A8C solid; border-width: 1px;
			font-size: .9em; font-family: verdana; color: #777;}
		
		.search-submit-title {
			margin-top: 10px; margin-left: 3px;}
	
	.search-inner{
		position: absolute; bottom: 50px; right: 15px;}
		
		.search-img-1 {
			width: 37px; height: 37px;
			background: url(../images/common/search-img-1.gif) 23px center no-repeat;}
		.search-img-2 {
			width: 37px; height: 37px;
			background: url(../images/common/search-img-2.gif) top left no-repeat;}
		
		.search-input {
			margin-top: 11px; //margin-top: 10px; padding: 1px;
			height: 12px; _height: 16px; border: #314A8C solid; border-width: 1px;
			font-size: .9em; font-family: verdana; color: #777;}
		
		.search-submit {
			margin-top: 10px; margin-left: 3px;}
	
	.search-block, .search-block b, .search-bold {
		color: #4c4c4c;}
		
	.search-bold {
		font-weight: bold;}
	
	/* МОДУЛЬ: Голосование */
	/* polling */
	.polling {
		padding: 20px 13px 20px 30px;
		background: url(../images/common/cursor-right.gif) 10px 10px no-repeat;}
		
		.polling-name {
			font-size: 1.2em; font-weight: bold; font-family: Tahoma; color: #314a8c; 
			padding-top: 10px; padding-bottom: 6px; padding-right: .4em;}
		
		.polling-item {
			padding: .2em .4em; font-size: 1.1em;}
		
		.polling-submit {
			padding-top: 12px; font-family: Tahoma; color: #314a8c;}
		
		.polling-more { padding-top: 14px; padding-right: 20px; padding-bottom: 12px; //padding-bottom: 0;}
		
	/*pollinner*/
	.polls {
		width: 300px; _width: 320px;text-align: left; 
		border: 1px dashed #ccc; padding: 2px 10px 10px; margin: 0px 20px 20px 0;}

		.polls span{
			text-align: right; color:#DD2620;}

		.polls h2 {
			text-transform: uppercase; text-align: center;}

		.polls-answer {
			margin-top: 5px; width: 270px;}
			
			.polls-answer-name {
				font-size: 0.8em; font-family: Verdana,serif !important; width: 215px;}

		.polls-line {
			height: 8px !important;  width: 270px; background: #FFF7F5;}
		
		.polls-line div{
			background: #DD2620; height: 8px; overflow: hidden;}

		.polls-inputs {
			padding: 4px 0;
			font-size: 1em; font-family: Verdana,serif !important; width: 280px;}

		.polls-count {
			text-align: left; font-size: 0.9em; font-family: Verdana,serif !important;
			color: #996600; padding-top: 5px;}

	.polls-side {
		text-align: left;
		padding: 0px 10px 10px;}

		.polls-side h2 {
			text-transform: uppercase; text-align: center;}

		#form_poll, .polls-side-content {
			font-size: 1.1em; margin-bottom: 10px;}

		.polls-side-line {
			height: 8px !important; width: 260px; background: #BCE2F6;}

			.polls-side-line div{
				background: #314A8C; height: 8px; overflow: hidden;}

		.polls-side-answer {
			margin-top: 5px; width: 260px;}
		
		.poll-name-inner {
			width: 300px; color: #314a8c; font-weight: bold; font-size: 1.1em;}

/* Footer */
	.main {
		padding-bottom: 85px;}

	.footer {
		position: relative; height: 75px; margin-top: -75px; z-index: 2;
		background: #4574A8 url(../images/common/footer-bg.gif) top left repeat-x;}
		
		.footer-phone-img {
			position: absolute; top: -12px; left: 25px; height: 68px; width: 52px;
			background: url(../images/common/footer-phone-img.gif) top left no-repeat;}
			
		.footer-contacts {
			position: absolute; top: 7px; left: 78px; width: 350px;
			color: white; font-family: Trebushet MS, Verdana, Sans-serif; font-size: 1em;}
			
		.develop {
			position: absolute; top: 20px; right: 25px; text-align: center;}
			.develop a {
				text-decoration: none; color: #93B1CE !important;}
				
		.counters {
			position: absolute; top: 14px; right: 170px;
		}
			.counter {
				position: relative; float: left; padding-left: 10px;	
			}
				.counter a {
					text-decoration: none; color: #93B1CE !important;}