@import "reset.css";

html, body			{width: 100%; height: 100%;}
body				{background: #2c3238;}

h1, h2				{font-family: Arial, sans-serif; font-size: 21px; line-height: 26px; color: #ececec;}
strong				{font-weight: bold;}
.lowline			{font-size: 0; line-height: 0;}
.bold				{font-weight: bold;}
.italic				{font-style: italic;}
.clear				{clear: both;}

#top				{height: 95px; background: url(../img/top-wrapper-bg.jpg) repeat-x;}
#top #top-cl			{background: url(../img/top-cl-bg.jpg) no-repeat;}
#top #top-cc			{background: url(../img/top-cc-bg.jpg) no-repeat;}
#top #top-cc #logo	{position: absolute; top: 8px; left: 0; width: 186px; height: 80px; background: url(../img/logo.png) no-repeat; cursor: pointer;}
#top #top-cc ul			{position: absolute; top: 0; right: -26px; width: 597px; height: 95px;}
#top #top-cc ul li			{display: inline;}
#top #top-cc ul li a		{position: absolute; top: 0; height: 95px; cursor: pointer; text-indent: -9999px;}
#top #top-cc ul #l1		{left: 0; width: 126px; background: url(../img/menu-bg.png) 0 0 no-repeat;}
#top #top-cc ul #l1:hover	{background: url(../img/menu-bg.png) 0 -95px no-repeat;}
#top #top-cc ul #l1.on	{background: url(../img/menu-bg.png) 0 -95px no-repeat;}
#top #top-cc ul #l2		{left: 126px; width: 110px; background: url(../img/menu-bg.png) -126px 0 no-repeat;}
#top #top-cc ul #l2:hover	{background: url(../img/menu-bg.png) -126px -95px no-repeat;}
#top #top-cc ul #l2.on	{background: url(../img/menu-bg.png) -126px -95px no-repeat;}
#top #top-cc ul #l3		{left: 236px; width: 129px; background: url(../img/menu-bg.png) -236px 0 no-repeat;}
#top #top-cc ul #l3:hover	{background: url(../img/menu-bg.png) -236px -95px no-repeat;}
#top #top-cc ul #l3.on	{background: url(../img/menu-bg.png) -236px -95px no-repeat;}
#top #top-cc ul #l4		{left: 365px; width: 113px; background: url(../img/menu-bg.png) -365px 0 no-repeat;}
#top #top-cc ul #l4:hover	{background: url(../img/menu-bg.png) -365px -95px no-repeat;}
#top #top-cc ul #l4.on	{background: url(../img/menu-bg.png) -365px -95px no-repeat;}
#top #top-cc ul #l5		{left: 478px; width: 119px; background: url(../img/menu-bg.png) -478px 0 no-repeat;}
#top #top-cc ul #l5:hover	{background: url(../img/menu-bg.png) -478px -95px no-repeat;}
#top #top-cc ul #l5.on	{background: url(../img/menu-bg.png) -478px -95px no-repeat;}
#top #top-cr			{background: url(../img/top-cr-bg.jpg) no-repeat;  z-index: -1;}

#topunder #topunder-cc .submenu		{position: absolute; top: 0; width: 59px; height: 32px; background: url(../img/submenu-bg.png) no-repeat;}
#topunder #topunder-cc .submenu .ico	{position: absolute; top: 8px; width: 17px; height: 16px; cursor: pointer;}

#topunder #topunder-cc #langs		{right: 0;}
#topunder #topunder-cc #langs #pl		{left: 8px; background: url(../img/submenu-pl.png) no-repeat;}
#topunder #topunder-cc #langs #en		{right: 8px; background: url(../img/submenu-en.png) no-repeat;}
#topunder #topunder-cc #fb-tw		{right: 68px;}
#topunder #topunder-cc #fb-tw #fb		{left: 8px; background: url(../img/submenu-fb.png) no-repeat;}
#topunder #topunder-cc #fb-tw #tw		{right: 8px; background: url(../img/submenu-tw.png) no-repeat;}

#media				{height: 139px; background: url(../img/media-wrapper-bg.png) repeat-x;}
#media #media-cl		{background: url(../img/media-cl-bg.jpg) no-repeat;}
#media #media-cc		{background: url(../img/media-cc-bg.jpg) no-repeat;}
#media #media-cc h2	{position: absolute; top: 18px; left: 20px;}
#media #media-cc	ul	{position: absolute; top: 58px; left: 53px;}
#media #media-cc	ul li	{display: inline; margin-right: 110px;}
#media #media-cr		{background: url(../img/media-cr-bg.jpg) no-repeat;}

#foo				{height: 119px; background: url(../img/foo-wrapper-bg.png) repeat-x; font-family: Arial, sans-serif; font-size: 13px; color: #ababab;}
#foo #foo-cl			{background: url(../img/foo-cl-bg.jpg) no-repeat;}
#foo #foo-cc			{background: url(../img/foo-cc-bg.jpg) no-repeat;}
#foo #foo-cc	ul		{position: absolute; top: 24px; left: 0;}
#foo #foo-cc	ul li		{display: inline; margin-right: 19px; line-height: 15px;}
#foo #foo-cc	ul li a	{color: #ababab; text-decoration: underline;}
#foo #foo-cc	p		{position: absolute; top: 24px; right: 20px; line-height: 15px;}
#foo #foo-cc	p a		{color: #ababab; text-decoration: none;}
#foo #foo-cc	p a:hover{text-decoration: underline;}
#foo #foo-cr			{background: url(../img/foo-cr-bg.jpg) no-repeat;}

div.wrapper			{position: relative; top: 0; left: 0; width: 100%; overflow: hidden;}
div.ml, div.mc, div.mr{left: 50%; top: 0; height: 100%;}
div.ml				{position: absolute; margin-left: -631px; width: 151px;}
div.mc				{position: relative; margin-left: -480px; width: 960px;}
div.mr				{position: absolute; margin-left: 480px; width: 151px;}