/*
  Theme Name: TLV
  Description: TLV
  Author: SeaWave
  Author URI: http://seawave.org.ua
  Version: SWBT 3.3
*/

/*---Fonts Count: 11 + 3 ---*/

/*---Fonts---
    Arial
    Arial Black
    Comic Sans MS
    Courier New
    Georgia
    Impact
    Times New Roman
    Trebuchet MS
    Verdana
	
    serif — шрифты с засечками на концах;
    sans-serif — шрифты без засечек;
    cursive — шрифты курсивного начертания;
    fantasy — декоративные шрифты;
    monospace — моноширинный шрифт(с буквами одинаковой ширины)

*/

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

@import "postandwpstyle.css"; /* Подключаем стили для постов и Wordpress */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	background-color:transparent;	
	font-size: 100%;
	vertical-align: baseline;
}

html
{
	min-width: 1000px;
}

body 
{
	line-height: 1;
}

ul 
{
	list-style: none;
}

ol
{
	list-style-position: inside;
}

blockquote,
q 
{
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after 
{
	content: '';
	content: none;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td 
{
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 
{
	clear: both;
}

html 
{
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:focus 
{
	outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section 
{
	display: block;
}

audio,
canvas,
video 
{
	display: inline-block;
}

audio:not([controls]) 
{
	display: none;
}

img 
{
	border: 0;
	-ms-interpolation-mode: bicubic;
}
img
{
	border:0px;
}

a {
	text-decoration:underline;
	outline:none;
}

	
	/* :active Определяет стиль активной ссылки */

	a:link	/* Определяет стиль активной ссылки, при нажатии */
	{
		color:rgb(0, 85, 204);
	}

	a:hover	/* Определяет стиль при наведении */
	{
		color:rgb(204, 0, 0);
	}

	a:visited /* Определяет стиль посещенной ссылки */
	{
		color:rgb(153, 0, 153);
	}

	a:visited:hover	/* Определяет стиль посещенной ссылки при наведении */
	{
		color:rgb(204, 0, 0);
	}
	
	a img
	{
		border:none;
	}	


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


html 
{
	font:14px 'Scada', Verdana, Arial, sans-serif; /* Font I */
	min-width: 1000px;
}

body
{
	background-color:rgb(230, 255, 180);
}

#wrapper
{
	overflow: hidden;
}

#header-wrap-container, #menu-wrap-container, #main-wrap-container, #footer-wrap-container,
#header-wrap-container-2
{
	display:block;
	float:left;
	width:100%;
}

#header, #menu, #main, #footer
{
	display:block;
	margin:0px auto;
	width:1000px;
}

#menu-wrap-container
{

}

#header-wrap-container
{
	width:100%;
	height:360px;

	border-top: solid 1px rgba(0, 0, 0, 0.4);
	border-bottom: solid 1px rgba(0, 0, 0, 0.4);
}

#main-wrap-container
{
		background:url('images/light.png') no-repeat center top;	
}

#footer-wrap-container
{
	height:40px;
}


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

	#menu
	{
		height:40px; /* Height */
		background-color:rgba(255, 255, 255, 0);	
	}
	
		#contacts
		{
			background-color:rgba(255, 255, 255, 0.9);
			margin-left:800px;
			padding:2px 2px 2px 2px;
			width:194px;
			height:30px;
			line-height:20px;
			
			position:fixed;
			top:3px;
			
			border:solid 1px rgba(0, 0, 0, 0.3);
			border-radius:20px;
			
			text-align:center;
		}	
		
			#contacts div,
			#contacts img
			{
				float:left;
				display:block;
			}
			
			#contacts img
			{
			}
			
			#contacts div.contacts-telephone
			{
				padding-left:3px;
				width:161px;
				font:bold 15px 'Scada', Verdana, Arial, sans-serif; /* Font I */
				color:rgb(255, 0, 0);
				text-align:center;
			}
			
			#contacts div.contacts-description
			{
				padding-left:3px;
				width:161px;				
				font:bold 9px 'Scada', Verdana, Arial, sans-serif; /* Font I */
				text-align:center;
			}			
			

		#menu ul li
		{
    		float:left;
			display:block;
			text-align:center;
			vertical-align:middle;	
			padding:0px 24px;
		}
			
			#menu ul li a, #menu ul li div
			{
				display:block;
				width:100%;
				line-height:40px; 
				text-align:center;
			}
			
	#header-top-shadow								
	{
		display:block;
		float:left;
		height:20px;
		width:100%;
		background:url('images/shadow20_2.png') repeat-x center center;	
	}
	
	#header-bottom-shadow
	{
		display:block;
		float:left;
		height:20px;
		width:100%;		
		background:url('images/shadow20.png') repeat-x center center;		
	}
			
	#header
	{
		height:320px;
		color: rgb(255, 255, 255);
	}
	
		#header-left
		{
			float:left;
			width:390px;
			height:310px;
			padding:5px 0px 5px 5px;
		}
			
			#logotype
			{
				float:left;
				width:390px;
				height:310px;
			}
			
				#logotype img
				{
					float:left;
				}
				
				#logotype-description
				{
					position:absolute;
					width:380px;
					height:165px;
					margin:175px 0px 0px 10px;
					
					text-align:right;
					font:italic 17px 'Scada', Verdana, Arial, sans-serif; /* Font I */
				}
					
					#logotype-description-span
					{
						background:rgba(0, 128, 0, 0.7);
						padding:2px;
						line-height:26px;
					}

					#logotype-description-span-name
					{
						font-size:19px;
						font-weight:bold;
					}					

		#header-right
		{
			float:right;
			width:600px;
			height:310px;
			padding:5px 5px 5px 0px;		
		}
		
			div.header-longbox-container
			{
				float:left;
				display:block;
				width:600px;						
			}	
		
				div.header-longbox
				{
					float:left;
					display:block;
					width:593px;
					margin:0px 0px 5px 5px;
					background-color:rgba(255, 255, 255, 0.9);
					height:30px;
					font-size:16px;
					border: 1px solid rgba(0, 0, 0, 0.3);			
				}
				
			div.header-longbox-container2
			{
				float:left;
				display:block;
				width:580px;	
				padding:5px 10px;	
				text-align: center;				
			}						
				span.header-longbox2
				{
					background-color:rgba(255, 0, 0, 0.7);
					font: italic 26px 'Scada', Verdana, Arial, sans-serif;
				}

			div.header-mediumbox-container
			{
				float:left;
				display:block;
				width:300px;						
			}
	
				div.header-mediumbox2
				{
					float:left;
					display:block;
					width:283px;
					padding:0px 5px;
					margin:0px 0px 5px 5px;
					background-color:rgba(255, 255, 255, 0.9);
					height:30px;
					font-size:16px;
					border: 1px solid rgba(0, 0, 0, 0.3);			
				}
	
				li.header-mediumbox, li.header-mediumbox-current
				{
					float:left;
					display:block;
					width:283px;
					padding:0px 5px;
					margin:0px 0px 5px 5px;
					height:30px;
		    		cursor: pointer;
					border-radius:5px;
				}
				
					li.header-widemediumbox
					{
						height:43px;

					}
						
						ul.menu-ul-headerright li.header-widemediumbox a, ul.menu-ul-headerright li.header-widemediumbox div,
						ul.menu-ul-headerleft li.header-widemediumbox a, ul.menu-ul-headerleft li.header-widemediumbox div
						{
							line-height:20px;						
						}
				
				div.header-longbox div, div.header-mediumbox2 div, 
				li.header-mediumbox a, li.header-mediumbox div, li.header-mediumbox-current div
				{
					display:block;
					width:100%;
					line-height: 30px; 
					text-align:center;
					color:rgb(0, 0, 0);
				}

	#main
	{
	}

		#content-container
		{
			display:block;
			float:left;	
			width:1000px;
		}
			
			#content
			{
				display:block;
				float:left;	
			}

	#footer
	{
		text-align:center;
		height:20px;			
		padding:12px 0px 8px 0px;
		color:rgb(255, 255, 255);
		
		background:url('images/line2px.png') no-repeat center top;
		
		text-shadow: 1px 1px 2px rgb(0, 0, 0);
	}					

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

#topbox
{
	display: block;
	float:left;	
	width:940px;	
	margin: 5px 20px;
	padding: 10px;
	color:#FFFFFF;
	background-color: rgba(255, 0, 0, 0.7);
    font: italic 22px 'Scada', Verdana, Arial, sans-serif;
}


/*------Post-------*/

.post
{
	float:left;	
	width:100%;	
}

	.post-title, .post-footer
	{
		float:left;
		width:100%;
		margin:5px 0px;
	}
	
		.post-title h1, .post-title h2  /* Для всех заголовков публикаций */
		{
			text-align:center;
			font-size:26px;
			font:25px 'Scada', Verdana, Arial, sans-serif; /* Font I */				
		}
		
			.post-title h1 a, .post-title h2 a
			{
				text-decoration:none;
			}

/*------Box-------*/

.box,
.box-button
{
	background-color: rgb(255, 240, 0);
	background-image: linear-gradient(top , rgb(255, 240, 0), rgb(255, 210, 0));
	background-image: -o-linear-gradient(top , rgb(255, 240, 0), rgb(255, 210, 0));
	background-image: -moz-linear-gradient(top , rgb(255, 240, 0), rgb(255, 210, 0));
	background-image: -webkit-linear-gradient(top , rgb(255, 240, 0), rgb(255, 210, 0));
	background-image: -ms-linear-gradient(top , rgb(255, 240, 0), rgb(255, 210, 0));
	background-image: -webkit-gradient(linear, top,	color-stop(rgb(255, 240, 0)),	color-stop(rgb(255, 210, 0)));	
}

	.box-button:hover
	{
		background-color: rgb(255, 215, 0);
		background-image: linear-gradient(top , rgb(255, 215, 0), rgb(255, 185, 0));	
		background-image: -o-linear-gradient(top , rgb(255, 215, 0), rgb(255, 185, 0));	
		background-image: -moz-linear-gradient(top , rgb(255, 215, 0), rgb(255, 185, 0));		
		background-image: -webkit-linear-gradient(top , rgb(255, 215, 0), rgb(255, 185, 0));		
		background-image: -ms-linear-gradient(top , rgb(255, 215, 0), rgb(255, 185, 0));		
		background-image: -webkit-gradient(linear, top,	color-stop(rgb(255, 215, 0)),	color-stop(rgb(255, 215, 0)));			
	}
	
	.box-button-current
	{
		background-color: rgb(255, 190, 0);
		background-image: linear-gradient(top , rgb(255, 190, 0), rgb(255, 160, 0));	
		background-image: -o-linear-gradient(top , rgb(255, 190, 0), rgb(255, 160, 0));	
		background-image: -moz-linear-gradient(top , rgb(255, 190, 0), rgb(255, 160, 0));	
		background-image: -webkit-linear-gradient(top , rgb(255, 190, 0), rgb(255, 160, 0));	
		background-image: -ms-linear-gradient(top , rgb(255, 190, 0), rgb(255, 160, 0));	
		background-image: -webkit-gradient(linear, top,	color-stop(rgb(255, 190, 0)),	color-stop(rgb(255, 160, 0)));	
	}



.boxtext,
.boxtext-button,
.boxtext-button:hover,
.boxtext-button-current
{
	font-family: 'Scada', Verdana, Arial, sans-serif; /* Font I */
	font-size:16px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
	
	.boxtext div,
	.boxtext-button a,
	.boxtext-button:hover a,
	.boxtext-button-current div
	{
		color:rgb(0, 0, 0);		
	}



.boxborder,
.boxborder-button
{
    border: 1px solid rgb(200, 160, 0);
}

	.boxborder-button:hover
	{
		border: 1px solid rgb(200, 190, 0);		
	}
	
	.boxborder-button-current
	{
		border: 1px solid rgb(200, 160, 0);
	}



.boxshadow,
.boxshadow-button,
.boxshadow-button:hover,
.boxshadow-button-current
{
					-o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset;
					-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset;
					-khtml-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset;
					-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset;		
		    		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7) inset;
}