/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop6.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(http://katalina.ru/images/six_0a.gif);}
.preload2 {background: url(http://katalina.ru/images/six_1a.gif);}

#nav {padding:0; margin:0; list-style:none; width:1280px; height:38px; background:#fff url(http://katalina.ru/images/six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(http://katalina.ru/images/six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://katalina.ru/images/six_0.gif) left top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(http://katalina.ru/images/six_0a.gif) no-repeat left top;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#fff; background: url(http://katalina.ru/images/six_1.gif) no-repeat;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(http://katalina.ru/images/six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(http://katalina.ru/images/six_1a.gif) no-repeat right top; padding-bottom:3px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:1px; top:38px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:200px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(http://katalina.ru/images/arrow.gif) 200px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{background:#3f96a9; color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(http://katalina.ru/images/arrow_over.gif) 200px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:200px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:200px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:200px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(http://katalina.ru/images/arrow_over.gif) 200px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(http://katalina.ru/images/arrow.gif) 200px 6px no-repeat; color:#000; border-color:#50b5d0;} 

*===========================================
Меню скачанно с сайта http://menu.ihtut.net/
=============================================
Свойства без комментариев менять не стоит.
Обязательно измените путь к изображению.
============================================*/

ul#menu {list-style-type:none; margin:0; padding:0;}

ul#menu li a{
	color:#909090;
	background: url(http://www.katalina.ru/images/vert_menu.png) no-repeat 0 0;
	text-decoration:none; 
	width: 240px;
	height: 66px;
	display:block;
	border:none;
	text-shadow: #ddd 2px 2px 0;
}

ul#menu li a:hover{
	background-position: 50% 100%;
	width: 240px;
	height: 66px;
	display:block;
	color:#fff;
	text-shadow: #1185EE 2px 2px 0;
}

ul#menu li a span{
	font-family:sans-serif;
	font-size:18px;
	padding:17px 0 0 20px;
	display:block;	
}
*===========================================
Меню скачанно с сайта http://menu.ihtut.net/
=============================================
Свойства без комментариев менять не стоит.
Обязательно измените путь к изображению.
============================================*/

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:20px 15px;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}

ul {
        list-style: none;
        margin-right;;
        padding: 0;
        }

img {
    border: none;
}		
#menu5 {
        width: 250px;
        border-style: none solid none solid;
        border-color: #D0D0D0;
        border-width: 1px;
        margin: 0px;
        }

#menu5 li a {
          height: 48px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu5 li a:link, #menu5 li a:visited {
        color: #777;
        display: block;
        background: url(http://www.katalina.ru/images/menu5.gif);
        padding: 2px 25px 0 10px;
        text-align: right;
        }

#menu5 li a:hover, #menu5 li #current {
        color: #fff;
        background: url(http://www.katalina.ru/images/menu5.gif) 0 -32px;
        padding: 2px 25px 0 10px;
        text-align: right;
        }


#menu5 li a:active {
        color: #fff;
        background: url(http://www.katalina.ru/images/menu5.gif) 0 -64px;
        padding: 2px 25px 0 10px;
        text-align: right;
        }









-------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;}
	padding: 0;}
	{
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
h1,.top-text {font:arial;color:#91a372;font-weight:100;}
h1 {font-size: 20px;}
h2,h3,h4,h5,h6 {font:verdana,sans-serif;font-weight:100;color:#91a372;}
h2 {font-size: 20px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
h6 {font-size: 14px;}
.top-text {font-size:18px;}
<p></p>{font-size: 12px;}
}


#header {
         background:#DDDDDD;
         width: 1280px;
         height: 300px;
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

} 
-----------------------------------------------------------------




#footer {
	clear: both;
	width: 100%;
}



/* =Structure
-------------------------------------------------------------- */



/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}




/* Footer widget areas */
#footer-widget-area {
}


/* =Footer
-------------------------------------------------------------- */

#footer {
	width:1280px;
	height:250px;
	background-color:#000000;
	position:relative;
	float:left;
}
#footer-blocks {
	width:1280px;
	float:left;
	position:relative;
	height:160px;
	display:inline;
	xzoom:1;	
	margin:13px 0 0 0;
	}
#footer-blocks .header {
	background:url(/IMAGE/fblokkatalina.jpg) no-repeat;
	background-position:left;
	height:39px;
	color:#191970;
	font:18px Arial;
	font-weight:normal;
	text-transform:none;
	text-indent:54px;
	padding:0px 0 0 0;
	line-height:37px;
	vertical-align:middle;


	}
#footer-blocks .block1 {
	width:300px;
	height:160px;
	background:url(/IMAGE/bg.png ) repeat-y;
	background-position:right;
	float:left;
	position:relative;
	margin:3px 0 0 10px;
	}
#footer-blocks .block2 {
	width:250px;
	height:160px;
	background:url(/IMAGE/bg.png ) repeat-y;
	background-position:right;
	float:left;
	position:relative;
	margin:3px 0 0 22px;
	}
	
#footer-blocks .block3 {
	width:340px;
	height:160px;
	background:url(/IMAGE/bg.png ) repeat-y;
	background-position:right;
	float:left;
	position:relative;
	margin:3px 0 0 22px;
	}
#footer-blocks .block4 {
	width:280px;
	height:160px;
	xbackground:url( /IMAGE/bg.png) repeat-y;
	background-position:right;
	float:left;
	position:relative;
	margin:3px 0 0 22px;
	}

.ftext1 {
	color:#191970;
	xwidth:170px;
	margin:7px 8px 5px 55px;
	font:12px Tahoma;
	}
.ftext2 {
	color:#191970;
	xwidth:130px;
	margin:0px 8px 0px 55px;
	font:12px Tahoma;
	text-decoration:none;
	}
.ftext2 a.flinks2{
	color:#191970;
	xwidth:130px;
	xmargin:0px 8px 0px 55px;
	font:12px Tahoma;
	text-decoration:none;	
}
.flinks1 {
	color:#191970;
	width:230px;
	margin:7px 0 5px 5px;
	font:12px Tahoma;
	}	
.flinks1 a {
color:#191970;
font:12px Tahoma;
text-decoration:none;
font-style:normal;
line-height:15px;
	}	
.flinks1 a:hover, .flinks1 a:visited {
color:#191970;
font:12px Tahoma;
text-decoration:underline;
font-style:normal;
line-height:15px;
	}		
a.flinks {
color:#191970;
font:12px Tahoma;
text-decoration:none;
font-style:normal;
line-height:15px;	
	}	
a.flinks:hover, a.flinks:visited {
color:#191970;
font:12px Tahoma;
text-decoration:underline;
font-style:normal;
line-height:15px;
	}		
.copyrights {
color:#191970;
font:12px Tahoma;
font-style:normal;
width:100%;
text-align:center;
margin:40px 0 0 0;
float:left;
	}
#disqus_thread {
	width:630px;
	margin:20px;
	padding:0;
	}
.btn-orange {
	xposition:relative;
	xfloat:right;
	width:134px;
	height:37px;
	background:url(/wp-content/themes/varbex-ru/images/btn-orange.png) repeat-x;
	cursor:pointer;
	margin:40px 20px 20px 20px;
	color:#ffffff;
	text-align:center;
	font:18px Arial;
	font-weight:normal;
	padding:5px 0 0 0;
	xtext-shadow:#cae2d1 1px 1px 1px;
	text-decoration:none;
	overflow:hidden;
	}	
#content a.suggestLink {
text-decoration:none;	
color:#ffffff;
	}	
	

#colophon {
	border-top: 4px solid #65536d;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}
#site-info {
	font-weight: bold;
}
#site-info a {
	color: #000;
	text-decoration: none;
}
#site-generator {
	font-style: italic;
	position: relative;
}
#site-generator a {
	background: url(images/wordpress.png) center left no-repeat;
	color: #666;
	display: inline-block;
	line-height: 16px;
	padding-left: 20px;
	text-decoration: none;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display: block;
	margin: 0 auto 10px;
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}













/* Hoverbox Code*/
.hoverbox {cursor: default;list-style:none;}
.hoverbox a {cursor: default;}
.hoverbox a .preview {display:none;}
.hoverbox a:hover .preview {display: block;position: absolute;top:-33px;left:-45px;z-index:1;}
.hoverbox img {background: #FFFFFF;border-color: #FFFFFF;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;}
.hoverbox li {background: #FFFFFF;color: inherit; display: inline;float:left;margin: 3px;padding:5px;position: relative;}
.hoverbox .preview {border-color: #FFFFFF;}
/* ----------------- */ 



#toTop {     
      width: 100px;     
      background: #f1f1f1;     
      border: 1px solid #cccccc;     
      text-align: center;     
      padding: 5px;     
      position: fixed;     
      bottom: 10px;     
      right: 10px;     
      cursor: pointer;     
      color: #666666;     
      text-decoration: none;}