
/*----------------- START FILE [alert.css] -----------------*/
.jdmOverlay{
	background-color:#000000;
	position:absolute;
	display:none;
}
.jdmDialog{
	display:none;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	border:#555555 solid 2px;
	background-color:#999999;
}
.jdmTitle{
	display:block;
	padding: 2px 0 2px 4px;
	background-color:#000000;
	color:#F0F0F0;
	border-bottom:#555555 solid 2px;
}
.jdmMessage{
	padding:5px 10px;
	background-color:#999999;
	color:#000000;
}
.jdmTitleClose{
	position:absolute;
	top:2px;
	right:4px;
	cursor:pointer;
}
.jdmBottom{
	vertical-align:bottom;
	padding:5px;
	padding-bottom:15px;
	background-color:#999999;
	text-align:right;
}
.jdmCancelButton{
	border:#333333 solid 1px;
	background-color:#000000;
	color:#AAAAAA;
	padding:2px 5px;
	margin:2px;
	cursor:pointer;
}
.jdmYesButton{
	border:#333333 solid 1px;
	background-color:#000000;
	color:#AAAAAA;
	padding:2px 5px;
	margin:2px;
	cursor:pointer;
	
}
.jdmConfigDialog{
	display:none;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	border:none;
	background-color:#999999;
}
/*----------------- END FILE [alert.css] -----------------*/

/*----------------- START FILE [style.css] -----------------*/
﻿/*** NULL ***/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, form, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/

/* 
div {border: 1px dotted gray; padding: 2px}*/




/*** Main Code ***/

		body {
		margin: 0 auto;
		background: #dcdcdc;
		font-family: Tahoma, Verdana, Arial;
		cursor: default;
		}
		
		a {
		color: #ab0000;
		cursor: pointer;
		text-decoration: none;
		}
		
		a:hover{
		color: black;
		text-decoration: underline !important;
		}
		
		.zaglav img{
			text-decoration: none !important;
			border: 0px !important;
		}
		
		.align-left {
		float: left;
		}
		
		.align-right {
		float: right;
		}
		
		#redirect {
		margin: 200px auto;
		width: 600px;
		height: 50px;
		background: white;
		border: 1px solid gray;
		text-align: center;
		padding: 50px 0px;
		}
		
		#redirect h1{
		font-size: 16px;
		color: #ab0000;		
		}
		#redirect p {
		margin-top: 20px;
		padding: 0px 10px;
		}
		
		
		#main-wrapper {
			background: white;
			width: 960px;
			margin: 0 auto;
		}
		
		
		#top-banner {
			width: 960px;
			height: 120px;
			background: #e2e2e2;
			margin: 15px 0px 15px 0px;
		}
		
		#banner-news {
		float: left;
		height: 200px;
		width: 360px;
		/*background: #e2e2e2;*/
		margin-right: 10px;
		text-align:right;
		}
		
		#login-bar-wrapper {
			background: black;
			width: 100%;
			height: 30px;
			padding: 0px 0px 0px 0px;
			border-bottom: 1px #666666 solid;
		}
		
		#login-bar {
			width: 960px;
			font-size: 12px;
			margin: 0 auto;
			padding: 4px 0px 0px 0px;
			color: #989898;	
		}
		
		#login-bar a {
		margin: 0px 0px 0px 80px;
		text-decoration: none;
		color: white;
		}
		#login-bar a:hover {
		color: #ab0000;
		}
		
		#login {
			position: relative;
			display: inline;
		}
		
		#login .input {
		color: white;
		height: 18px;
		padding: 0;
		margin: 1px 0px 0px 0px;
		font-size: 12px;
		background: black;
		border: 1px solid #818181;
		}
		
		#login .button {
		position: absolute;
		width: 50px;
		left: 336px;
		top: -3px;
		color: white;
		height: 20px;
		padding: 0px 0px 5px 0px;
	
		line-height: 12px;
		
		background: black;
		font-size: 12px;
		margin-top: 1px;
		border: 1px solid #818181;
		}
		
		#login .remember {
		margin-left: 95px;
display: inline;}
		
		#login .remember input{
		position: absolute;
		top: -1px;
		left: 400px;
		margin-right: 10px;
		}		
		
		#header {
			position: relative;
			width: 960px;
			height: 105px;
			background: white url('http://ye.ua/images/suit/header.png') ;
		}	
		
		#logo {
		display: block;
		width: 240px;
		height: 51px;
		position: absolute;
		background: url('http://ye.ua/images/suit/logo.png');
		top: 27px;
		left: 42px;}
		
		#time-bar{
			position: absolute;
			display: block;
			top: 30px;
			right: 90px;
			font-size: 11px;
			color: #ab0000;
		}
		
		#home-icon,
		#email-icon,
		#map-icon {
			display: block;
			position: absolute;
			width: 12px;
			height: 12px;
			top: 30px;
                        

		}		
		
		#home-icon{ 
			background: transparent url('http://ye.ua/images/suit/icon-home.png');
			right: 60px;
                        background-repeat:no-repeat;
		}
		
		#email-icon{ 
			background: transparent url('http://ye.ua/images/suit/icon-email.png');
			right: 40px;
                        background-repeat:no-repeat;
		}

		#map-icon{ 
			background: transparent url('http://ye.ua/images/suit/icon-map.png');
			right: 20px;
                        background-repeat:no-repeat;
		}
		
		#search-bar{
			display: inline;
			position: absolute;
			width: 220px;
			height: 20px;
			top: 43px;
			right: 10px;
		}
		
		
		#search-input{
		width: 140px;
		}
		
		#search-button{
		margin-left: -6px;
		background: #ab0000;
		border: 2px solid #ab0000;
		color: white;		
		width: 68px;
		}
			
		
		#content{
		overflow:hidden;
			padding: 0px 0px 0px 15px;
			margin: 0px 0px 0px 0px;
			background: white;
			width: 945px;
			
		}
		
		#left{
			float: left;
			background: white;
			width: 750px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			
		}	
		
		#news-rybriki {
			margin: 0px 4px 15px 0px;
			border: 0px dotted red;
			height: 25px;
			width: 746px;
			padding: 10px 0px 5px 0px;
			background: white url('http://ye.ua/images/suit/submenu-bg.gif') no-repeat;
		}
		
		#news-rybriki .selected{
			background: #AE0606 url('http://ye.ua/images/suit/submenu-selected-bg.gif') repeat-x;
			color: white;
		}
		
		#news-rybriki .selected:hover{
			color: black;
		}		
		
		#news-rybriki a{
		color: #818181;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		padding: 4px 10px 4px 10px;
		margin: 0px 11px 0px 11px;
		}
		
		#news-rybriki a:hover{		
		color: #ab0000;
		}
		
		.novina {
		margin-top: 15px;
		;}
		
		.novina-info{
		margin-top: 10px;
		text-align: right;
		padding: 5px;
		width: 80px;
		float: left;
		font-size: 11px;
		color: #cccccc;
		}
		
		.novina-info .rybrika{

		}
		
		.novina-info .data{
		font-weight: bold;	
		margin-top: 10px;		
		}		
		
		.novina-info .autor{
		margin-top: 10px;
		margin-bottom: 15px;
		line-height: 14px;		
		}		
	
		.novina-comments {
		text-align: right;
		height: 21px;
		background: white url('http://ye.ua/images/suit/comment-icon.png') no-repeat;		
		background-position: right;
		padding: 0px 22px 0px 0px;
		margin-bottom: 10px;
		} 
		
		
		.novina-video {
		text-align: right;
		height: 14px;
		background: white url('http://ye.ua/images/suit/video-icon.gif') no-repeat;		
		background-position: right;
		padding: 3px 22px 0px 0px;
		} 
			
		
		
		.novina-text {
		padding: 5px;
		margin-bottom: 20px;
		width: 640px;
		float: left;
		border-left: 1px solid #cccccc;
		}
		
		.novina-text .zaglav {
		font-size: 18px;
		color: black;
		text-decoration: none;
		}
		
		.novina-text h1 {
		text-indent:10px;		
		margin: 8px 0px 5px 0px;
		font-size: 12px;
		color: #606060;
		line-height: 110%;
		}
		
		.novina-text .zaglav:hover{
		color: #ab0000;
		}
		
		.novina-text p{
		text-indent:10px;
		padding-top: 0px;
		color: #606060;
		font-size: 12px;
		text-align: justify;
		line-height: 14px;
		}
		
		.novina-img {
		 padding:15px 15px 15px 15px;
		 margin: 10px 0px 10px 15px;
		 float:right;	
		border: 1px dotted #B3B3B3;
		 }
		 
		 .novina-img p{
		 text-indent: 0px;
		 font-size: 11px;
		 width: 350px;
		 font-style: italic;
		 padding: 5px 0px 0px 0px;
		 }
		 
		 .photo-selector{
			font-size: 12px;
			color: #606060;
			padding: 0px 0px 10px 0px;
		 }
		 
		 .margin-top-4px { margin-top: 4px;}
		 .margin-right-5px{	margin: 0px 5px 0px 0px; }
		 .margin-right-73px{	margin: 0px 73px 0px 0px; }
		 .bold{ font-weight: bold;}
		 .no-underline{ text-decoration: none; }
		 .no-underline:hover {text-decoration: underline;}
		 
		 .current-photo{
			padding: 1px 4px 1px 4px;
			border: 1px solid #B3B3B3;
		 }
		 
		 
		#add-comment{
		position: relative;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 80px;
		padding: 10px;
		width: 650px;
		height: 330px;
		font-size: 14px;
		color: black;
		background: #f5f5f5;
		font-weight: normal;		
		}
		
		#add-comment h1{
		font-size: 14px;
		color: #ab0000;
		}
		
		
		#add-comment-name {
		position: absolute;
		top: 35px;
		left: 23px;
		}
		
		#add-comment-mail {
		position: absolute;
		top: 65px;
		left: 10px;
		}
		
		#add-comment input{
		width: 250px;
		}

		#add-comment-text {
		position: absolute;
		top: 95px;
		left: 50px;
		}

		#add-comment-test {
		position: absolute;
		top: 320px;
		left: 50px;
		}
		
		#add-comment-test input {
		width: 145px;}
		
		#add-comment-test img{
		position: absolute;
		top: -80px;
		left: 0px;
		}

		#add-comment-button {
		position: absolute;
		top: 315px;
		left: 555px;
		}
		
		#add-comment-button input {
		width: 75px;
		background: #ab0000;
		color: white;
		}

		
		#komentari {
		margin-left: 80px;
		font-size: 14px;
		color: #ab0000;
		font-weight: normal;		
		} 
		
		.comment {
		background: none;
		padding: 5px;
		margin: 15px 0px;
		}
		
		.comment h1 {
		display: inline;
		font-size: 12px;
		padding-right: 550px;
		}
		
		.comment h2{
		padding-left: 10px;
		display: inline;
		font-weight: normal;
		font-size: 12px;
		color: gray;
		}
		
		.comment p {
		border-top: 1px dotted gray;
		padding-top: 5px;
		margin-top: 5px;
		text-align: justify;
		font-size: 12px;
		color: gray;
		line-height: 16px;
		} 

		.comment a {
		margin-left: 600px;
		font-size: 12px;
		text-decoration: none;
		}

		#do-temi {
		padding-left: 30px;
		margin-right: 5px;
		float: left;
		background: none;
		}
		
		#do-temi h1 {
		font-size: 14px;
		color: #606060;
		margin-bottom: 5px;}
		
		#do-temi a{
		font-size: 12px;
		text-decoration: none;
		margin-bottom: 3px;
		}
		
		
		#do-temi a{
		display: block;
		}
		
		
		.news-block{
			width: 100%;
			background: white;
			padding: 0px; 
			margin: 10px 0px 0px 0px;			
		}	
		
		.news-block-title{
			display: block; width: 320px;
		}

			
		
		#news-left{
		
		padding-right: 5px;
		margin-right: 15px;
		margin-top: 10px;
		margin-bottom: 20px;
		border-right: 1px solid #d8d8d8;
		float: left;
		width: 355px;
		padding-bottom: 5px;
		}		
		

		#news-left h2 {
		color: #ab0000;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px dotted black;
		margin: 0px 0px 5px 0px;
		padding-bottom: 5px;
		}
		
		#news-left .zaglav {
		color: black;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
		}	

		#news-left .zaglav:hover{
		color: #ab0000;
		}		
		
		#news-left p { 
		text-align: justify; 
		text-indent: 10px; 
		color: #606060;
		font-size: 12px;
		line-height: 120%;
		margin-top: 5px;
		margin-bottom: 5px;
		}
		
		#news-left a {
		font-size: 11px;
		}	
		
					
		#news-left div { margin: 5px 10px 0px 0px; }
		
		#news-left img {margin-bottom: 5px;}
		
		.data-and-author{
			font-size: 70% !important; 
			color: #bfbfbf !important;
		}
		
		.news-text {
		float: left;}
		
				
		#news-right{
		position: relative;
		float: left;
		width: 361px;
		padding-bottom: 5px;
		}					
		
		#news-right .rss {
		color: #ab0000;
		width: 45px;
		background: white url('http://ye.ua/images/suit/rss.png') no-repeat;		
		background-position: right;
		margin: 10px 10px 0px 0px;
		}
		
		#news-right .rss:hover{
		color: black;
		background: white url('http://ye.ua/images/suit/rss2.png') no-repeat;	
		background-position: right;		
		}		
		
		#news-right div { margin: 5px 5px 0px 0px; }

		#news-right h2 {
		color: #ab0000;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px dotted black;
		margin-bottom: 5px;
		margin-right: 5px;
		margin-top: 10px;
		padding-bottom: 5px;
		}
		
		#news-right p { 
		text-align: justify; 
		color: #898989;
		font-size: 11px;
		line-height: 120%;
		}
		
		#news-right a { 
		text-align: justify; 
		color: black; /* #606060 <- old | new -> #3E3E3E */
		font-size: 13px;
		line-height: 120%;
		text-decoration: none;
		}
		
		.fix-width-1 {
			width: 180px;
			display: block;
		}		
		
		.fix-width-2 {
			width: 222px;
			display: block;
		}
		


		
		#news-right a:hover {
		color: #ab0000;
		}
		
		#news-right img {
		margin-left: 5px;
		float: right;}
		
		#all-news {
		clear: both;
			display: block;
			margin-top: 10px;
		}
		
		.news-block {
			position: relative;
			margin: 0px 0px 20px 0px;
		}
		
		.news-block-header{width: 347px; height: auto; position: relative;}
		.news-block-header a{ font-size: 14px !important; }
		
		.news-block-right-up {display: block; position: absolute; right: 0px; top:0px;}
		
		.news-buttons { 
			display: inline;
			position: absolute;
			right: 0px;
			top: 0px;
			width: 50px;
			margin: 0px 5px !important;
		}
		
		.news-button-comments {
		float: right;
		text-align: center !important; 
			display: block;
			padding: 1px 0px 0px 0px;
			font-size: 10px !important;
			color: white !important;		
			width: 20px;
			background: white url('http://ye.ua/images/suit/comment-icon.png') no-repeat;			
			height: 18px;
		}
		
		.news-button-video {
		float: right;
					display: block;
		text-align: center !important; 
			font-size: 11px !important;
			color: white !important;		
			width: 16px;
			background: white url('http://ye.ua/images/suit/video-icon.gif') no-repeat;			
			height: 15px;
			text-decoration: none;
			margin: 0px 4px 0px 0px;
		}
		
		
		.news-text {
			position: relative;
		}
		
		
		.news-image {float: right; }
		
		
		.text-align-left { text-align: left !important;}
		
		
		#news-block-bottom{
			background: white;
			width: 100%;
			margin-bottom: 10px;
		}

		#narod-news {
		background: white;
		padding-right: 5px;
		margin-right: 15px;
		border-right: 1px solid #d8d8d8;
		float: left;
		width: 355px;
		padding-bottom: 5px;
		}
		
		
       .top-news-left{
          background: white;
          float: left;
          width: 360px;
          padding-bottom: 0px;          
          margin: 0px 5px 0px 0px;
        }
		
       .top-news-right {
          background: white;
          float: left;
          width: 360px;
          padding-bottom: 0px;          
          margin: 0px 0px 0px 5px;
        }		
		
		#last-photo {
		position: relative;
		background: white;
		padding-right: 5px;
		margin-right: 15px;
		border-right: 1px solid #d8d8d8;
		float: left;
		width: 355px;
		padding-bottom: 5px;		
		}
		
		#last-photo-frame {
		padding: 10px;
		}
		
		#last-photo h2{
		color: #ab0000;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px dotted black;
		margin: 0px 7px 5px 0px;
		padding-bottom: 5px;
		}		
		
		#last-photo img {
		width: 325px;
		margin-left: 5px;
		}
		
		#last-photo a {
		font-size: 12px;
		padding-top: 10px;
		margin-bottom: 0px;
		}
		
		.discription {
		width: 325px;
		color: #606060;
		font-size: 12px;
		text-align: justify;
		line-height: 15px;
		margin-left: 5px;
		margin-top: 5px;
		padding-bottom: 5px;
		}
		
		.next-button {
		width: 32px;
		height: 32px; 
		position: absolute;
		top: 130px;
		right: 10px;
		background: url('http://ye.ua/images/suit/next.png');
		}
		
		.prev-button {
		width: 32px;
		height: 32px; 
		position: absolute;
		top: 130px;
		left: 5px;
		background: url('http://ye.ua/images/suit/prev.png');
		}		
		
		#last-video{
		position: relative;		
          background: none;
          float: left;
          width: 352px;
          padding-bottom: 0px;          
		  }		
		  
		#last-video-frame {
		padding: 10px;
		}			
		
		#last-video h2{
		color: #ab0000;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px dotted black;
		margin: 0px 7px 5px 0px;
		padding-bottom: 5px;
		}			
		
		#last-video-vid {
		margin: 0px 0px 0px 15px;
		padding-top: 10px;
		width: 320px;
		height: 200px;
		}		
		
		#last-video a {
		font-size: 12px;
		padding-top: 10px;
		margin-bottom: 0px;
		}		
		
		
		#afisha {
		width: 750px;
		height: 325px;
		margin-top: 20px;}
		
		#afisha h2{
		color: #ab0000;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px dotted black;
		margin: 0px 7px 5px 0px;
		padding-bottom: 5px;
		}		
		
		.afisha-block {
		position: relative;
		float: left;
		background: none;
		width: 225px;
		margin: 0px 5px;
		padding: 5px;
		}
		
		.afisha-block img {
		position: absolute;
		top: 5px;
		left: 5px;
		background: none;
		width: 125px;
		height: 185px;
		}
		
		
		.afisha-name {
		position: absolute;
		top: 5px;
		left: 135px;
		font-size: 14px;
		background: none;
		width: 95px;
		height: 50px;
		}
		
		.afisha-info {
		position: absolute;
		top: 60px;
		left: 135px;
		font-size: 12px;
		background: none;
		width: 95px;
		height: 130px;
		}		

		.afisha-text {
		position: absolute;
		top: 195px;
		left: 5px;
		font-size: 12px;
		background: none;
		width: 225px;
		height: 100px;
		}		
		
		
		.news-select {
		display: block;
		width:100%;
		height: 18px;
		background: white url('http://ye.ua/images/suit/news-select-bg.png') repeat-x;
		}
		
		
		.news-list {
		width: 100%;
		}
		.news-list a{
		display: block;
		margin-top: 5px;
		font-size: 12px;
		text-decoration:none;
		color:#606060;
		}
		
		
		.news-list a:hover{
		/*color:#ab0000;*/
		}
		
		.font-smaller,
		.font-smaller a
		{
			font-size: 11px;
			line-height: 12px;
		}
		
		#right{
		float: left;
		margin: 0px 0px 0px 0px;
		background: white;
		width: 180px;
		
		}
		
		#bookmarks {
		
		margin-bottom: 100px;
		
		}
		
		#bookmarks a{
		font-size: 11px;
		padding: 5px 0px;
		}
		
		.ad{
		/*height: 140px; */
		width: 180px; 
		/*background: white url('http://ye.ua/images/suit/ad-bg.png'); */
		margin-bottom: 5px;
		}
		
		.ad-wide {
			
			background: gray;
			height: 90px;
			margin: 10px 0px;
		}
		
		.top-border {
			clear: both;  
			border-top: 1px dotted black;
			background: white;
			margin: 10px 0px;
		}
		
		.vertical-margin{
			height: 10px;
			clear: both;
		}
		
		
		#footer {
		clear: both;
		height: 130px;
		background: white url('http://ye.ua/images/suit/footer_back.png');
		margin-top: 10px;
		padding-top: 20px;
		}
		
		#footer a {
		font-size: 13px;
		color: white;
		margin-left:10%;
		}
		
		#footer a:hover {
		color: black;
		}
		
		#footer p{
		text-align: center;
		color: white;
		padding-top: 40px;
		font-size: 12px;
		line-height: 16px;
		}
		
		
/*    	*/		
	/*   */
		.clear-both{ clear: both; }
		.spacer{ height: 10px; width: 100%; }
		.spacer-5px{ height: 5px; width: 100%; }
		
		/*        
		       */
		.ogo-border {
			border-top: 1px dotted black;
			background: white;
			margin: 10px 20px 0px 20px;
		}
		/*     VIP-       */
		.ogo-header {
			margin: 0px 20px 0px 20px; 
			padding: 5px 0px 0px 0px;
			font-size: 15px;
		}	
		
		
		#ogo-menu{
			position: relative;
			width: 750px;
			height: 56px;
			background: white url('http://ye.ua/images/suit/ogo/menu.png') no-repeat;
		}		
		
		#ogo-menu-novini
		{
			left:8px;
			padding:7px 19px 12px 20px;
		}		
		
		#ogo-menu-ogo{
			left:190px;
			width: 82px;
			padding:7px 19px 12px 20px;
			color: white;
		}
		
	/*      */
	#ogo-submenu{
		width: 720px; 
		height: 35px;
		/*border: 1px dashed red; */
		margin: 10px 10px 0px 10px; 
		position: relative;
	}
	
	#ogo-submenu a{
		display: block;
		position: absolute;
		top: 5px;
		padding: 2px 0px 15px 30px;
		margin: 0;
		color: #AB0000;
		font-size: 13px;
	}
	
	#ogo-submenu-robota{
	left: 0px;
	background: transparent url('http://ye.ua/images/suit/ogo/submenu/robota-icon.png') no-repeat left top;
	}
	#ogo-submenu-neryhomist{
	left: 107px;
	background: transparent url('http://ye.ua/images/suit/ogo/submenu/neryhomist-icon.png') no-repeat left top;
	}
	#ogo-submenu-bydivnitstvo{
	left: 245px;
	background: transparent url('http://ye.ua/images/suit/ogo/submenu/bydivnitstvo-icon.png') no-repeat left top;
	}	
	#ogo-submenu-avto{
	left: 375px;
	background: transparent url('http://ye.ua/images/suit/ogo/submenu/avto-icon.png') no-repeat left top;
	}
	#ogo-submenu-pobyt{
	left: 465px;
	background: transparent url('http://ye.ua/images/suit/ogo/submenu/pobyt-icon.png') no-repeat left top;
	}
	#ogo-submenu-biznes{
	left: 600px;
	background: transparent url('http://ye.ua/images/suit/ogo/submenu/biznes-icon.png') no-repeat left top;
	}
		

	/*     	*/	
		#ogo-left-subcolumn{
			/*border: 1px solid green; */
			width: 380px;	
			float: left;
		}
	
		.ogo-left-basic-block{
			background-color: #F3EFE0;
			margin: 10px 10px 10px 20px;
			position: relative;
			width: 350px; 				
		}
		
		.ogo-left-basic-block .inside{
			padding: 20px 20px 10px 20px;
			color: #4C4B45;
			font-size: 12px;
		}		
		
		.ogo-left-basic-block .inside h1{
			color: #4C4B45;
			font-size: 18px;
			font-weight: normal;
		}				
		
	/*   ->   ->     */
		#ogo-left-poshjyk-block{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/search-icon.png') no-repeat top right;		
			height: 180px; 
		}
		
		/*     */
		#ogo-rubrik-input{
			position: absolute;
			top: 55px;
			left: 80px;
			font-size: 12px;
			width: 180px;
		}
		
		#ogo-rubrik-text{
			position: absolute;
			top: 55px;
			left: 20px;		
		}
		
		/*     */				
		#ogo-text-input{
			position: absolute;
			top: 85px;
			left: 80px;
			font-size: 12px;
			width: 175px;
		}
		
		#ogo-text-text{
			position: absolute;
			top: 85px;
			left: 20px;		
		}		
		
		/*      */				
		#ogo-z-zobr-checkbox{
			position: absolute;
			top: 115px;
			left: 76px;				
		}
		
		#ogo-z-zobr-text{
			position: absolute;
			top: 118px;
			left: 102px;
			font-size: 11px;
		}		
		
		/*      */				
		#ogo-z-cinojy-checkbox{
			position: absolute;
			top: 115px;
			left: 200px;				
		}
		
		#ogo-z-cinojy-text{
			position: absolute;
			top: 118px;
			left: 225px;
			font-size: 11px;
		}	
		
		/*     */
		#ogo-rozsh-poshyk-a{
			position: absolute;
			bottom: 15px;
			left: 20px;
			font-size: 13px;			
			color: #AB0000;
		}
		
		/*    */
		#ogo-shykati-button{
			position: absolute;
			bottom: 10px;
			right: 20px;
			font-size: 13px;			
		}	

		/*    */
		.ogo-button{
			background: #AB0000;
			color: #FAF8F1;
			border: 0;
			padding: 2px 20px 2px 20px;
			font-weight: bold;
		}
		
	/*   ->   ->      */		
		#ogo-left-ogo-z-gazeti-block{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/newspaper-icon.png') no-repeat top right;				
			height: 110px;
		}
		
		/*          */
		#ogo-data-vihody-text{
			position: absolute;
			top: 55px;
			left: 20px;
		}
		
		#ogo-data-vihody-input{
			position: absolute;
			top: 80px;
			left: 20px;
			width: 175px;		
		}
		
		/*        */
		#ogo-vibrati-button{
			position: absolute;
			bottom: 10px;
			right: 20px;
			font-size: 13px;			
		}	

	
	/*   ->   ->       (-) */
		#ogo-right-buttons{
			/*border: 1px solid orange;	*/
			width: 338px; 
			float: left; 
			padding: 10px 20px 0px 10px;		
			margin-top: 25px;
		}
		
		/*   */
		.ogo-right-description{
			/*border: 1px dashed black; */
			width: 150px; 
			margin: 0px 5px 0px 0px;
			float: left; 
			font-size: 11px; 
			color: #4C4B45; 			
		}
		
		/*     ,-  ..  */
		.ogo-right-button {
			float: left;		
			background-color: #F3EFE0; 
			display: block; 
			height:22px;
			padding:12px 0 3px 42px;
			width:141px;			
			text-decoration: none;
			color: #4C4B45;
			font-weight: bold;
			font-size: 12px; 			
		}		
		
		
		/*    */
		#ogo-podati-ogo-button{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/podati-ogo-icon.png') no-repeat top left;
		}
		
		/*  - */
		#ogo-vip-ogo-button{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/vip-ogo-icon.png') no-repeat top left;
		}
		
		/*    */
		#ogo-de-podati-button{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/de-podati-icon.png') no-repeat top left;
		}		
		
		/*   */
		#ogo-pravila-button{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/pravila-icon.png') no-repeat top left;
		}				
		
		/*   */
		#ogo-dopomoga-button{
			background: #F3EFE0 url('http://ye.ua/images/suit/ogo/dopomoga-icon.png') no-repeat top left;
		}						
		
	/*   ->   */
	#ogo-information-block{
		border: 1px solid #AB0000;
		padding: 10px 20px 10px 222px;
		margin: 0px 20px 0px 20px;
		width: 470px;
		height: 100px;
		color: #4C4B45;
		font-size: 12px;
		background: white url('http://ye.ua/images/suit/ogo/ye-logo.png') no-repeat top left
		
	}
	
	/*   -> vip-  */	
	#ogo-vip-ogo {
		margin: 10px 20px 0px 20px;
	}
	
	/*   -> vip-  ->   */		
	#ogo-vip-ogo-left{
		float: left; 
		width: 367px; 
		/*border: 1px solid red;*/
	}

	/*   -> vip-  ->   */			
	#ogo-vip-ogo-right{
		float: left; 
		width: 343px; 
		/*border: 1px solid green;*/
	}	
	
	/*  - */
	.ogo-vip-ogo-block{
		background: #F3EFE0;
		padding: 20px 20px 10px 20px;
		width: 300px;
		color: #606060;
		font-size: 12px;
	}
	
	.ogo-vip-ogo-block h1{	
		margin: 10px 0px 20px 0px;
		color: #AB0000;
		font-size: 16px;
	}
	
	.ogo-vip-ogo-block h2{	
		margin: 0px 0px 10px 0px;
		font-size: 12px;
	}	
	
	.ogo-vip-ogo-contact-block{
		text-align: right;
		background: #FEF679;
		padding: 10px 20px 10px 20px;
		margin: 0px 0px 20px 0px;
		width: 300px;
		color: black;
		font-size: 12px;
	}	
	
	
	/*       http://ye.ua/ogo.php  */
	#ogo-all{
		margin: 20px 20px 10px 20px;
		color: #4C4B45;
		font-size: 13px;
	}		
	
	#ogo-all h2{
	margin: 15px 0px 5px 0px;
	}

	#ogo-all p{
	margin: 5px 0px 5px 0px;
	}     
	
	
		#new-menu {
			position: relative;
			width: 750px;
			height: 56px;
			background: white url('http://ye.ua/images/suit/menu/bg.png') no-repeat;
		}
		
		#new-menu a:hover{
		color: black;}
		
		#menu-novini,
		#menu-novini-selected,
		#menu-statti,
		#menu-statti-selected,
		#menu-ogo,
		#menu-ogo-selected,
		#menu-kontakti,
		#menu-kontakti-selected				
		{
			position: absolute;
			height:26px;
			top:20px;			
			font-size: 14px;			
			padding:10px 0 0 25px;			
			color: #AC0000;			
		}
		
		/* novini */
		#menu-novini,
		#menu-novini-selected{
			width:76px;
			left:4px;
			padding:10px 0 0 30px;			
		}
		
		#menu-novini-selected{
			color: white;
			background: #AC0000 url('http://ye.ua/images/suit/menu/novini-selected.png') no-repeat top left;
		}
		
		/* statti */
		#menu-statti,
		#menu-statti-selected{
			width:67px;
			left:105px;
		}
		
		#menu-statti-selected{
			color: white;
			background: #AC0000 url('http://ye.ua/images/suit/menu/statti-selected.png') no-repeat top left;
		}		
		
		
		/* ogo */
		#menu-ogo,
		#menu-ogo-selected{
			width:105px;
			left:190px;
		}
		
		#menu-ogo-selected{
			color: white;
			background: #AC0000 url('http://ye.ua/images/suit/menu/ogo-selected.png') no-repeat top left;
		}				
		
		
		/* kontakti */
		#menu-kontakti,
		#menu-kontakti-selected{
			width:86px;
			left:630px;
		}
		
		#menu-kontakti-selected{
			color: white;
			background: #AC0000 url('http://ye.ua/images/suit/menu/kontakti-selected.png') no-repeat top left;
		}		
		
		
/*   */
.paginator{
	text-align: center;
	width: 100%;
	font-size: 13px;
	height: 25px;
	color: #4C4B45;
}		




/* Selectors */
          .selectors{
               position: relative;
               display: block;
               margin: 0px 20px 0px 0px;
               width:100%;
               height: 23px;
               background: white url('http://ye.ua/images/suit/news-select-bg.png') repeat-x;               
          }          
          
          .tab-l,
          .tab-r,
          .tab-l-selected,
          .tab-r-selected{
               height: 25px; 
               display: inline;                
               font-size: 13px;                         
          }
          
          .tab-l{
          
               background: transparent url('http://ye.ua/images/suit/tab/left.png') no-repeat left top;
               position: relative;  
               vertical-align: top;
               padding: 0px 0px 3px 10px;
               margin: 0px 5px 0px 0px;
          }
          
          .tab-r{
               padding: 0px 7px 3px 0px; 
               background: white url('http://ye.ua/images/suit/tab/right.png') no-repeat right top;           
          }
          
          .tab-r a{ color: white; }
          .tab-a-selected{ color:#c13a3a; }
		  /*.tab-r a:hover { color: black; }*/
          
          .tab-l-selected{
          
               background: transparent url('http://ye.ua/images/suit/tab/left-selected.png') no-repeat left top;
               position: relative;  
               vertical-align: top;
               padding: 0px 0px 3px 10px;
               margin: 0px 10px 0px 5px;
          }
          
          .tab-r-selected{
               padding: 0px 3px 3px 0px; 
               background: white url('http://ye.ua/images/suit/tab/right-selected.png') no-repeat right top;           
          }       

		  
		  
		  
		  
		  
#forma-podachi-ogo {
background: #f3efe0;
font-size: 13px;
color: #4c4b45;
line-height: 13px;
width: 480px;
float: left;
margin-top: 10px;
margin-left: 5px;
padding: 15px;}

#forma-podachi-ogo select,
#forma-podachi-ogo textarea,
#forma-podachi-ogo input{
	width: 350px;
}

#forma-podachi-ogo .spacer{
	display: block;
	width: 100%;
	height: 15px;
	background: none;
}

#forma-podachi-ogo .spacer{
	display: block;
	width: 100%;
	height: 15px;
	background: none;
}

#forma-podachi-ogo .add-ogo-button input{
float: right;
width: 100px;
height: 20px;
background: #ab0000;
color: white;
font-size: 14px;
border: none;
padding-bottom: 4px;
margin-right: 25px;
}


#forma-podachi-ogo #steps{
font-size: 15px;
font-weight: bold;
padding: 0px 0px 15px 0px;
}

#about-podachi-ogo {
background: #f3efe0;
width: 210px;
float: left;
margin-top: 10px;
margin-left: 15px;}

#about-podachi-ogo p{
font-size: 13px;
color: #4c4b45;
line-height: 20px;
text-align: justify;
padding: 15px;}

.color-red{
	color: #c13a3a;
}


/*----------------- END FILE [style.css] -----------------*/
