/*[variables]*/
*
{
	padding: 0;
	margin: 0;
}

BODY
{
	behavior:url("./css/csshover3.htc");
	font: normal 11px Calibri, Verdena, Helvetica, Arial, sans-serif;
	margin: 0;
	background: url(../images/top-background-gradient.gif) repeat-x;
	background-color: #DDDDDD;
}
A IMG
{
	border: 0;
}

#page
{
	text-align: left;
}
DIV.all
{
	width:975px;
	margin: 0px auto;
}
DIV.branding
{
	margin-bottom: 4px;
}
DIV.branding H1
{
	display: none;
}
DIV.logo
{
	width: 975px;
	height: 60px;
	padding-top: 0px;
	display: block;
}
#logoimage
{
	margin-top: 8px;
	margin-left: 12px;
	float: left;
	background: url(../images/logo-gora.png) no-repeat;
	width: 157px;
	height: 45px;
}
UL.logo-menu
{
	float: right;
	padding-top: 12px;
	padding-right: 12px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
UL.logo-menu li
{
	float: left;
	width: 62px;
	height: 50px;
}
UL.logo-menu li a 
{
	color: #888;
	display: list-item;
	padding-top: 32px;
	text-align: center;
	text-decoration: none;
	vertical-align: text-bottom;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
}
#clientpanel
{
	background: transparent url(../images/customer.png) no-repeat scroll center 0;
}
#helpdesk
{
	background: transparent url(../images/helpdesk.png) no-repeat scroll center 0;
}

/*TOP LEVEL MENU*/
DIV.menu
{
	background: url(../images/menu.gif) no-repeat;
	height: 39px;
	width: 975px;
}
DIV.top-level-menu
{
	height: 35px;
	width: 750px;
	margin: 0px auto;
	border-left: 1px solid #262625;
	border-right: 1px solid #82807C;
	vertical-align: text-bottom;
}
DIV.menu-element
{
	height: 26px;
	width: 115px;
	border-left: 1px solid #82807C;
	border-right: 1px solid #262625;
	padding-top: 9px;
	padding-left: 4px;
	padding-right: 4px;
	float: left;
	text-align: center;
}
DIV.top-level-menu UL
{
	display: block;
	list-style: none;
	margin: 0px auto;
}
DIV.top-level-menu LI
{
	display: inline;
	margin-right: 1px;
	padding: 4px 6px 3px 4px;
}
DIV.top-level-menu A
{
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	display: inline-block;
	font-weight: normal;
	font-size: 13px;
}
DIV.top-level-menu A:hover
{
	color: #1F2625;
}
/*TOP LEVEL MENU LINKS*/
#top-level-menu-links
{
	width: 720px;
}
/*SUB PAGE PICTURE MAIC*/
DIV.page-image-company, 
DIV.page-image-contact,
DIV.page-image-service
{
	width: 750px;
	height: 270px;
	margin: 0px auto;
	margin-bottom: 14px;
}
DIV.page-image-company
{
	background: url(../images/company.png) no-repeat bottom left;
}
DIV.page-image-contact
{
	background: url(../images/contact.png) no-repeat center;
}
DIV.page-image-service
{
	background: url(../images/service.png) no-repeat center;
}
/*MOTIV*/
#motiv
{
	margin-top: 0px;
	margin-left: 5px;
	table-layout: fixed;
	height: 301px;
	width: 967px;
}
#motiv .big
{
	vertical-align: top;
	width: 738px;
}
#motiv .small
{
	width: 218px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana;
	color: #FFFFFF;
	vertical-align: top;
	font-size: large;
	padding-left: 5px;
}
DIV.contact-div
{
	background: url(../images/contact.gif) no-repeat;
	width: 218px;
	height: 138px;	
	color: #000000;
	padding-top: 10px;
	padding-left: 10px;
	font-family:Calibri, Verdena, Helvetica, Arial, sans-serif;
	font-size: 14px;
}
DIV.contact-div H1
{
	margin: 0px;
	font-size:14px;
	color: #000000;
}
DIV.contact-div H2
{
	font-size:20px;
	color: #AD264A;
	margin: 0px;
}
DIV.contact-div H3
{
	font-size:15px;
	color: #549609;
	margin-bottom: 3px;
}
DIV.contact-div H3 A
{
	font-size:15px;
	color: #549609;
	margin-bottom: 3px;
}
DIV.contact-div A
{
	font-size:14px;
	color: #AD264A;
	margin: 0px;
}
/*MAIN PAGE DIV - MIDLE DIV*/
DIV.middle-header
{
	background: transparent url(../images/middle-header.gif) no-repeat scroll center 0;
	width: 975px;
	height: 7px;
}
DIV.middle-footer
{
	background: url(../images/bottom-middle.gif) no-repeat 0 0;
	width: 975px;
	height: 7px;
}
DIV.midle
{
	background: url(../images/middle.gif) repeat-y;
	width: 975px;
}
/*Main content TABLE*/
TD.left
{
	vertical-align: top;
}
TD.center
{
}
/*MENU LIST*/
DIV.left-menu 
{
	text-align: left;
	font-family:Calibri,Arial,sans-serif;
	font-size:12px;
	margin-right:8px;
	margin-left:5px;
	margin-top: 4px;
	width:198px;
}
.left-menu .left-menu-header
{
	background-image:url(../images/left-menu-top.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:17px;
	height:23px;
	padding:7px 0 0 14px;
	width:187px;
}
.left-menu .left-menu-list
{
	background-image:url(../images/left-menu-background.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0;
	padding:0 0 4px;
	width:198px;
}
.left-menu .left-menu-list li
{
	display:block;
	padding:0 5px;
	width:191px;
}
.left-menu .left-menu-list li a
{
	border-bottom:1px solid #D1D0CD;
	border-top:1px solid #FFFFFF;
	color:#4B4B49;
	display:block;
	padding:5px 5px 5px 10px;
	text-decoration:none;
	width:174px;
}
#menu-list
{
	padding-bottom: 5px;
}

#menu-list .top
{
	text-align: left;
	margin: 8px 16px 9px 9px;
	font-family: Calibri, Verdena, Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#006E9F;
	width: 150px;
}
#menu-list .top a
{
	color:#006FBF;
}
#menu-list .low
{
	text-align: left;
	list-style-image: url(../images/list-2.png);
	margin: 5px 0 0 23px;
	font-size: 13px; 
	font-family: Calibri, Verdena, Helvetica, Arial, sans-serif;
}
#menu-list .low a
{
	color: #2B1515;
}
#menu-list A
{
	text-decoration: none;	
}
#menu-list UL
{
	margin: 0;
	padding: 0;
	margin-bottom:0.5em;
}
#menu-list TABLE
{
	margin: 0px 0px 0px 18px;
}
#menu-list TD
{
	vertical-align: top;
}
.dot-line
{
	background: url(../images/dot.png) repeat-y top;
	height: 165px;
	width: 1px;
	display: block;
	margin: 8px 0 0 15px;
}
/*FOOTER*/
#footer TABLE
{
	width: 100%;
	table-layout: fixed;
}
#footer .license
{
	width: 156px;
	text-align: left;
	padding-left: 15px;
}
#footer .menu
{
	width: 100%;
	vertical-align: top;
	text-align: center;
	/*[disabled]padding-left:293px;*/
	text-decoration: none;
}
#footer .kolory
{
	width: 154px;
	/*[empty]font-style:;*/
}
#footer 
{
	color: #737972;
}
#footer A
{
	color: #737972;
	margin: 0 10px;
	text-decoration: none;
}
#footer
{
	font-family: Verdana;
	color: #737972;
	font-size: xx-small;
	margin-top: 3px;
}
#kolory
{
	background: url(../images/kolor.png) no-repeat;
	display: block;
	width: 94px;
	height: 14px;
}
/*MIDLE*/
#midle TABLE
{
	width: 100%;
	table-layout: fixed;
}
#midle .left
{
	width: 179px;
	vertical-align: top;
	padding: 8px 0 0 10px;
}
#midle .center
{
	vertical-align: top;
	padding: 10px 40px 0;
	width: 460px;
	/*[empty]background-color:;*/
}
#midle .right
{
	/*[disabled]background-color:#CBD6DD;*/
	vertical-align: top;
	width: 250px;
}
/*CONTENT*/
#content
{
	font-family: Calibri, Verdena, Helvetica,Arial,sans-serif;
	font-size:13px;
	color: #424142;
	line-height:1.8em;
	margin-right: 25px;
	margin-top: 11px;
	margin-bottom: 14px;
}
#content HR
{
	margin-bottom: 5px;
}
#content H1
{
	font-family: Calibri, Helvetica, Verdena, Arial, sans-serif;
	color: #E47910;
	font-size: 35px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	line-height: 1em;
}
#content H2
{
	font-family: Calibri, Helvetica, Verdena, Arial, sans-serif;
	color: #006E9F;
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	margin-top: 3px;
	margin-bottom: 5px;
	line-height: 1.3em;
}
#content H3
{
	font-family: Calibri, Helvetica, Verdena, Arial, sans-serif;
	color: #E47910;
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	margin-top:20px;
	margin-bottom:20px;
	line-height: 1.3em;
}
#content LI
{
	margin-top: 10px;
}
#content .header
{
	color:#006E9F;
	font-weight: normal;
	font-size:16px;
	line-height:1.3em;
}
#content-branding
{
	background: url(../images/fss_lob_banking_vault_600x140.jpg) no-repeat;
	display: block;
	height: 142px;
	/*[empty]-moz-outline-color:;*/
}
/*MESSAGE*/
.message-logo  
{
	text-align : center;
	margin-top : 20px;
}

#message, #message-people, #message-news
{
	display: block;
	padding: 15px;
	border: 2px solid #D8D8D8;
	margin: 10px 0 0;
	background: url(../images/gradient-message.png);
}
#message P
{
	font-weight: bold;
	font-family: Verdana;
	color: #4D4949;
	text-align: justify;
	font-size: x-small;
	margin: 0 0 0 0px;
}
#message .moore
{
	color: #9D9D9D;
	text-decoration: none;
	float: right;
}
/*Flash message*/
#flash_message
{
	margin-top: 10px;
	border: 2px solid #D8D8D8;
	padding: 0;
}
#flash_message OBJECT
{
	width: 246px;
	height: 182px;
	margin: 0;
}
#message-people
{
	background: url(../images/people.jpg);
	border: 0;
	height: 176px;
}
#message-news
{
	background: url(../images/156741.jpg);
	height: 168px;
}


/*MAIN MENU STYLES*/
#menus 
{
	margin-left: 120px;
	position: absolute;
	list-style-type: none;
	padding-top: 2px;
}
#menus ul 
{
	list-style-type: none;
}
#menus li 
{
	float: left
}
#menus li li 
{
	float: none
}
#menus li a 
{
	display: block;
	width: 125px;
	height: 35px;
	text-align: center;
	color: #656E75;
	text-decoration: none;
	text-indent: -9000px;
	vertical-align: text-bottom;
}
a#mainpage 
{
	background-image:url(../images/mainmenu-mainpage.png);
	background-position:0 0;
}
a#mainpage:hover
{
	background-position:0 35px;
}
a#company 
{
	background-image:url(../images/mainmenu-company.png);
	background-position:0 0;
}
a#company:hover
{
	background-position:0 35px;
}
a#software 
{
	background-image:url(../images/mainmenu-software.png);
	background-position:0 0;
}
a#software:hover
{
	background-position:0 35px;
}
a#infrastructure 
{
	background-image:url(../images/mainmenu-infrastructure.png);
	background-position:0 0;
}
a#infrastructure:hover
{
	background-position:0 35px;
}
a#services
{
	background-image:url(../images/mainmenu-services.png);
	background-position:0 0;
}
a#services:hover
{
	background-position:0 35px;
}
a#contact 
{
	background-image:url(../images/mainmenu-contact.png);
	background-position:0 0;
}
a#contact:hover
{
	background-position:0 35px;
}
#menus li li a 
{
	width: 205px;
	height: 35px;
	background:#4B4B48;
	text-indent:0px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	padding-left: 7px;
	border-bottom: 1px solid #82807C;
	border-top: 1px solid #262625;
	filter: alpha(opacity=92); 
	-moz-opacity: 0.92; 
	opacity: 0.92;
}
#menus li li a:hover 
{
	text-decoration: none;
	background:#661F1F;	
	filter: alpha(opacity=90); 
	-moz-opacity: 0.90; 
	opacity: 0.90;
}
#menus li ul 
{
	position: absolute;
	height: 0px;
	overflow:hidden;
}
#menus li:hover ul
{
	height:270px;
	width: 205px;
}