/*	CSS-Framework

	Version		: 0.3
	File name	: cssf-base.css
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)
	
------------------------------ */

/* Core
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container { width: 100%; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

/* Main styles
------------------------------ */

html { height: 100%; background: #f4f4f4; font: .75em/1.5 Verdana, Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; position: relative; } /* body height 100% */

a { color: #134B8E; }
a:visited {  }
a:hover { text-decoration:none; }
a:active {color:#FFF;  }

/* Layout Boxs
------------------------------ */

.page-layout { margin-right: -5px; }
.layout-box { float: left; margin: 0 5px 5px 0; }

.lb-1 { width: 779px; } /* 100% */
.lb-2 { width: 583px; } /* 75% */
.lb-3 { width: 387px; } /* 50% */
.lb-4 { width: 191px; } /* 25% */

/* Demo Template
------------------------------ */

#page { width: 779px; margin: 0 auto; background: #fff; padding: 10px; }
#header { padding-bottom: 1em; border-bottom: 2px solid #ccc; margin-bottom: 1em; }
#col-left { float: left; width: 25%; }
#content { width: 73%; float: right; }
#footer { clear: both; padding-top: 1em; border-top: 2px solid #ccc; }

/* Horizontal Menu
------------------------------ */

.menu-h { overflow: hidden; border-left: 1px solid #ccc; }
.menu-h li { float: left; list-style: none; padding: 0 .8em; border-right: 1px solid #ccc; }
.menu-h a { text-decoration: none; display: block; }
.menu-h a:hover { text-decoration: underline; }

/* Horizontal Drop Down Menu
------------------------------ */

.menu-h-d { min-height: 24px;  text-align:left; padding:20px 0 0 50px; }
.menu-h-d li { float: left; display: block; position: relative; list-style: none; }
.menu-h-d li.sep{padding:0 10px 0 23px;}
.menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; color:#0E325E; font-family:Arial; font-weight:bold; font-size:13px; }
.menu-h-d a.one-level { text-decoration: none; padding: 2px 10px; display: block; color:#FFF; font-family:Arial; font-weight:bold; font-size:13px; text-transform:uppercase; }

.menu-h-d ul { display: none; position: absolute; top: 22px; left: 33px; width: 154px; padding:10px 0 0 0;}
.menu-h-d ul div.menu-h-d-conteiner-top { opacity:0.7; filter: alpha(opacity=70); float:left;  background:url(../../images/design/menu/top.gif) left top no-repeat; width:100%; height:5px; font-size:1px;}
.menu-h-d ul div.menu-h-d-conteiner-bottom { opacity:0.7; filter: alpha(opacity=70); float:left;  background:url(../../images/design/menu/bottom.gif) left bottom no-repeat;  width:100%; height:5px; font-size:1px;}
.menu-h-d ul div.menu-h-d-conteiner { float:left; width:100%; border: 0; opacity:0.7; filter: alpha(opacity=70);  background:#B7DEFD; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; }

.menu-h-d li:hover { b/ackground: #60A3F5; }
.menu-h-d a:hover { color: #294E7B; }
.menu-h-d a.one-level:hover { color: #FFF; }

.menu-h-d li:hover ul ul,
.menu-h-d li:hover ul li:hover ul ul { display: none; }

.menu-h-d li:hover ul,
.menu-h-d li:hover ul li:hover ul,
.menu-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Horizontal Drop Up Menu
------------------------------ */

.menu-h-d.d-up ul { bottom: 22px; }
.menu-h-d.d-up ul ul { bottom: -1px; }