/*	CSS-Framework

	Version		: 0.21
	File name	: cssf-base.css
	Description	: Styles for webdewelopers
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	
------------------------------ */

/* Utilites
------------------------------ */

* { 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, img { border: none!important; }

.container { overflow: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

/* Main custom rules
------------------------------ */







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

.menu-h { overflow: hidden; border-left: 1px solid #4C271E; }
.menu-h li { float: left; list-style: none; padding: 0 .8em; border-right: 1px solid #4C271E; }

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

.menu-h-d { min-height: 24px; border-left: 1px solid #4C271E; }
.menu-h-d li { float: left; display: block; position: relative; border: 1px solid #4C271E; border-width: 1px 1px 1px 0px; list-style: none; }
.menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #2E6294; border: 0; border-bottom: 1px solid #4C271E; }
.menu-h-d ul ul { left: 100%; top: -1px; }

.menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.menu-h-d li:hover { background: #4C271E; }
.menu-h-d a:hover { color: #2E6294; }

.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; }

/* Vertical Menu
------------------------------ */

.menu-v a, .menu-h a { text-decoration: none; display: block; }
.menu-v a:hover, .menu-h a:hover { text-decoration: underline; }

.menu-v { border-top: 1px solid #4C271E; }
.menu-v li { padding: 2px 0; list-style: none; border-bottom: 1px solid #4C271E; }
.menu-v li ul { padding-left: 1em; margin-top: 2px; }
.menu-v li li { border: none; border-top: 1px solid #4C271E; }

/* Vertical Drop Down Menu
------------------------------ */

.menu-v-d { border-top: 1px solid #4C271E; }
.menu-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #4C271E; border-width: 0px 1px 1px 1px; list-style: none; }
.menu-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.menu-v-d li:hover { background: #4C271E; }
.menu-v-d a:hover { color: #2E6294; }

.menu-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #4C271E; left: 100%; width: 100%; background: #2E6294; }
.menu-v-d li ul li { background: #2E6294; }

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

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

.menu-v-d ul ul { left: 100%; }