/*---------------------
Google Web Fonts
---------------------*/
/*@import url("http://fonts.googleapis.com/css?family=Tangerine");*/


/*---------------------
General
---------------------*/
A						{font-weight:normal; color:#222; text-decoration:underline;}
A:hover					{text-decoration:none;}

h1, h2, h3, h4          {font:bold 14px Arial, Sans-serif; color:#222;}
h1						{font-size:22px; padding:0; margin:0 0 10px 0; font-weight:bold;}
h2						{font-size:18px; padding:0; margin:25px 0 5px 0;}
h3						{font-size:14px; padding:0; margin:25px 0 5px 0;}
h4						{font-size:14px; padding:0; margin:0 0 10px 0; font-weight:normal; line-height:18px;}
p						{margin:0 0 10px 0;}

table,
table tr,
table tr td				{font:normal 12px/1.5 Arial, Verdana, Sans-serif;}

img, table				{border:0;}
html 					{margin:0; padding:0;}
body 					{background:url(/gfx/fmk-bg.jpg) repeat-x #e2e2e3; margin:0; padding:0; COLOR:#4f4f4f; font:normal 12px/1.5 Arial, Verdana, Sans-serif; text-align:center;} 

/*---------------------
Body layout
---------------------*/
.Wrapper 					{width:995px; margin:0 auto; text-align:left;}
.WrapperSmall               {width:630px; margin:0 auto; text-align:left;}

.Wrapper #Head 				{width:995px; height:108px; margin:0; padding:0; position:relative; overflow:hidden;}
.WrapperSmall #Head 	    {width:630px; height:113px; margin:0; padding:0; position:relative; overflow:hidden;}

.Wrapper #Head #logo		{position:absolute; left:5px; top:5px; display:block; width:90px; height:98px; overflow:hidden;}
.WrapperSmall #Head #logo	{position:absolute; left:5px; top:8px; display:block; width:501px; height:98px; overflow:hidden;}

.Wrapper #Head #logo-text       {position:absolute; left:105px; top:25px; font:bold 43px Arial Black, Arial, Sans-serif; color:#fff; text-decoration:none;}
.WrapperSmall #Head #logo-text  {display:none;}
#Head #contact				    {position:absolute; right:20px; top:14px;}

#Head .nav					{position:absolute; left:0; bottom:0; height:45px; width:960px; margin:0; padding:5px 10px; background:url(/gfx/demo/nav-bg.jpg) no-repeat top left; overflow:hidden; display:none;}

#Head .searchBar			{width:160px; height:29px; float:right; margin-top:40px; margin-right:10px; overflow:hidden; position:relative; display:none;}
#Head .searchBar img		{position:absolute; z-index:0; top:0; left:0; width:160px; height:29px;}
#Head .tbxon				{width:125px; font:normal 12px arial, verdana, sans-serif; padding:4px 0; color:#333; float:right; overflow:hidden; position:absolute; z-index:10; top:2px; left:27px; border:0; outline-style:none; outline-width:0pt; background-color:transparent;}
#Head .tbxoff				{width:125px; font:normal 12px arial, verdana, sans-serif; padding:4px 0; color:#888; float:right; overflow:hidden; position:absolute; z-index:10; top:2px; left:27px; border:0; outline-style:none; outline-width:0pt; background-color:transparent;}
#Head .btn					{display:none;}

#Head .nav ul				{list-style:none; margin:0; padding:0; width:780px; overflow:hidden; float:left;}
#Head .nav ul li			{float:left; padding:0; display:inline; height:45px; overflow:hidden;}
#Head .nav ul li.on			{background:url(/gfx/demo/nav-bg-on.jpg) repeat-x;}
#Head .nav ul li.on.first	{background:url(/gfx/demo/nav-bg-on-first.jpg) top left no-repeat;}
#Head .nav ul li a			{font:bold 14px/45px Arial, Verdana, Sans-serif; color:#FFF; text-decoration:none; padding:0 19px; margin:0; background:url(/gfx/demo/nav-bg-line.gif) bottom right no-repeat; display:block;}
#Head .nav ul li.off a		{font:bold 14px/45px Arial, Verdana, Sans-serif; color:#FFF; text-decoration:none; padding:0 19px; margin:0; background:none; display:block;}
#Head .nav ul li.on a		{font:bold 14px/45px Arial, Verdana, Sans-serif; color:#FFF; text-decoration:none; padding:0 19px; margin:0; background:none; display:block;}
#Head .nav ul li.on.first a	{background:none; padding-right:18px;}
#Head .nav ul li.on a:hover, 
#Head .nav ul li a:hover, 
#Head .nav ul li.off a:hover{cursor:pointer; text-decoration:none;}

/*---------------------
Page layout
---------------------*/
.clearfix:after 			{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix 			{height: 1%;}

.Wrapper #Content			{width:965px; margin:0 0 20px 0; padding:15px; float:left; background-color:#fff; min-height:450px; border-radius:7px; -moz-border-radius:7px;
                 			 -moz-box-shadow: 0 0 7px #999; -webkit-box-shadow: 0 0 7px #999; box-shadow: 0 0 7px #666;}
.WrapperSmall #Content	    {width:630px; margin:0 0 20px 0; float:left; min-height:300px; /*background-color:#fff; border-radius:7px; -moz-border-radius:7px;
                      	     -moz-box-shadow: 0 0 7px #999; -webkit-box-shadow: 0 0 7px #999; box-shadow: 0 0 7px #666;*/}

.ContentLeft				{width:180px; margin:0; padding:15px 0 25px 25px; float:left; overflow:hidden; background-color:#3474b0; color:#fff;
            				 -moz-box-shadow:1px 1px 7px #999; -webkit-box-shadow:1px 1px 7px #999; box-shadow: 1px 1px 7px #999;}
.ContentRight				{width:740px; margin:0; padding:0; float:right; overflow:hidden;}
.VisitorCounter				{width:205px; margin:10px 0 0 0; padding:0; float:left; overflow:hidden; clear:left; text-align:center; font-size:10px;}
.VisitorCounter a           { text-decoration:none;}

/*---------------------
Start page
---------------------*/
.startFlash						{margin-bottom:5px; width:960px; height:320px; overflow:hidden;}

#Puffs							{width:960px; margin:10px 0 0 0; padding:0; overflow:hidden; float:left;}
#Puffs .puffItem				{width:312px; height:242px; margin:0 12px 0 0; padding:0; float:left; background:url(/gfx/demo/puffitem-bg.gif) no-repeat top left; text-align:left;}
#Puffs .puffItem.last			{margin-right:0px;}
#Puffs .puffItem .image			{padding:0 0 0 10px; float:right;}
#Puffs .puffItem h1, 
#Puffs .puffItem h2				{font-size:16px; font-weight:normal; height:40px; line-height:40px; color:#666; padding:0 0 0 13px; margin:0 0 12px 0; text-transform:none;}
#Puffs .puffItem .flashContent	{width:310px; height:175px; margin:0 1px; padding:0; overflow:hidden;}
#Puffs .puffItem .link			{width:310px; height:25px; margin:0 1px; padding:0; overflow:hidden; text-align:center;}
#Puffs .puffItem p				{font-size:12px; color:#333; padding:0 15px 10px 15px; margin:0;}

#Puffs .puffItem #news-list				{padding:0; margin:0 15px; list-style:none;}
#Puffs .puffItem #news-list li			{margin:0 0 10px 0; padding:0;}
#Puffs .puffItem #news-list li h3		{margin:3px 0; padding:0; font:bold 14px titillium, Arial, Sans-serif; color:#0088cc !important;}
#Puffs .puffItem #news-list li .date	{font-size:10px; color:#666; display:block;}
#Puffs .puffItem #news-list li .text	{font-size:10px; color:#333; display:block;}
#Puffs .puffItem #news-list li a		{padding-left:0px; background:url(/gfx/demo/puff-news-arrow.gif) left center no-repeat !important; color:#0088cc; text-decoration:none;}

/*---------------------
Left menu
---------------------*/ 
#LeftMenu 							{width:180px; margin:0; padding:0; overflow:hidden;}
#LeftMenu .rub						{font:bold 14px Arial Black, Arial; color:#fff; padding:0; margin:0; text-transform:uppercase;}

#LeftMenu ul.menu					{width:190px; margin:0; padding:0; list-style:none; float:left; overflow:hidden;}
#LeftMenu ul.menu li				{margin:0; padding:10px 0 0 0;}
#LeftMenu ul.menu li a				{width:190px; padding:0; margin:0; font:normal 12px/12px Arial; color:#fff; text-decoration:none; display:block;}
#LeftMenu ul.menu li a:hover,
#LeftMenu ul.menu li.on a			{text-decoration:underline;}
#LeftMenu ul.menu li.on-childs a	{color:#fff; text-decoration:underline;}

#LeftMenu ul.menu li.on a:hover,
#LeftMenu ul.menu li.on-childs a:hover	{text-decoration:none;}

#LeftMenu ul.submenu				{margin:0; padding:0; list-style:none;}
#LeftMenu ul.submenu li				{margin:0; padding:10px 0 0 10px;}
#LeftMenu ul.submenu li a			{font:normal 11px/11px Arial; color:#fff; text-decoration:none !important; display:block;}
#LeftMenu ul.submenu li a:hover,
#LeftMenu ul.submenu li.on a,
#LeftMenu ul.submenu li.on a:hover	{text-decoration:underline !important;}

/*---------------------
Footer layout
---------------------*/
#Footer					{width:960px; height:30px; margin:0 10px 10px 10px; padding:5px 0 0 0; clear:left; position:relative; font-size:11px; line-height:16px; color:#666;}
#Footer .left			{float:left; padding:0; margin:0;}
#Footer .right			{float:right; padding:0; margin:0;}
#Footer a				{font-weight:normal; color:#666;}
#Footer .rss img, 
#Footer .facebook img, 
#Footer .twitter img	{margin:0 0 3px 2px; padding:0; border:0;}

.test1	{color:Red;}
.test2	{color:Green;}
.test3	{color:Yellow;}