@charset "UTF-8";
/* Wacko Wiki Quick Start - docs.fuzzle-cms.ru */

/* reset styles */
@import url(../../../lib/grid12css/reset.css);

/* import grid styles */
@import url(../../../lib/grid12css/grid12.css);

/* import standart format styles */
@import url(../../../lib/grid12css/format.css);

/* import wakka styles */
@import url(../../../lib/grid12css/system.css);

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

body { background: url(../images/page-bg.png) repeat; color: #333;
                   font: 12px Arial, Verdana, Helvetica; text-align: left; }
.meta-container { width:1000px; margin: auto;}

#top  { width: 100%; background: url(../images/top-bg.jpg) repeat; }
#top #top-bg{ width: 999px; margin:auto; }
#top #header { height:132px; }
#top #logo,  #top #title { float:left; }
#top #logo img { width:170px; height:90px; margin:20px 10px 0px 140px; }

.l1 {font-size: 13px; color: #EDFFD2; font-weight: bold; margin: 0px 0px 0px;  } 
.l2 {font-size: 17px; color: #bbb; margin: 15px 0px 0px; }
/*.l3 {font-size: 18px; color: #360; margin: 2px 0px 0px; }*/
/* .l4 {font-size: 25px; color: #ccc; font-weight: bold; margin: 0px 0px 0px; }*/
.l3 { display:none; }
.l4 {font-size: 24px; color: #fff; margin: 0px 0px 0px; }


#main { background: url(../images/menu.jpg) repeat-x; line-height: 1.7em; font-family: Verdana; margin-left:-35px; }
.inner {padding: 20px 20px 100px 50px; }
.panel {padding: 20px 15px 100px; background:#e7fec5; border-left: 1px solid #6e9c28; vertical-align:top; }
#bottom { border-top: 1px solid #aaa;  background:#e5e5e5;}
.footer { padding: 15px 15px 20px; text-align:right; }

/* разделы --------------------------------------------------------------*/
h1 { font-size:14px; color:#666; }
h2 { font-size:14px; margin-top:20px; color:#666; }
h3 { color: #360; font-weight: bold; margin-top: 20px; }
h4 { color: #360; font-weight: bold; }

/* цвета ссылок и текста ------------------------------------------------*/
a { color: #360; text-decoration: underline; }
a:hover { color: #Fc0; text-decoration: none; }
a.bg:hover { color: #fff; background: #FF7800; }
a.goto { padding:0 2px; font-weight:bold; font-size:14px; border: 1px dotted #999; }
a.goto:hover { color: #fff; border: 1px solid #999; background: #999; }

.menu-top { height: 33px; text-align:center; vertical-align:middle; font-size:1.2em; color: #360; text-transform: uppercase; }
.menu-top a {color:white; text-decoration: none; } 
.menu-top a:hover { color: #Fc0; } 

.note {background:#e7fec5;}
ul { list-style: url(../icons/li1.png) outside; }
.outerlink { color:#360; }