/* CSS Document */

* {
	margin: 0;
    padding: 0;
    border: none;
	font-size: 1em;
}

body {
   font: 62.5% "Trebuchet MS", Helvetica, sans-serif;
}


#container {
	width: 100%;
}



/*################################################ HEADER ##############################################*/


#header {
	width: 1004px;
	height: 150px;
	background: url(../es/images/back-header.gif) no-repeat;
}


#logo {
	float: left;
	width: 204px;
	height: 72px;
	margin: 7px 0 0 40px;
	background: url(../es/images/logo.gif);
}


* html #logo {
	margin: 10px 0 0 20px;	
}


#logo a {
	width: 204px;
	height: 72px;
	display: block;
	text-decoration: none;
	text-indent: -999px;
	overflow: hidden;
}	


#lang {
	float: right;
	margin: 45px 45px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
}


* html #lang {
	margin: 45px 20px 0 0;
}


#lang a {
	color: #000000;
	text-decoration: none;
}




/*################################################ HEADER-MENU ##############################################*/



#menu {
	float: left;
	width: 942px;
	margin: 7px 0 0 27px;
	background: url(../es/images/navigation.png) 0 -86px no-repeat;
}


* html #menu {
	margin: 7px 0 0 12px;
}


#menu.en {
	background: url(../es/images/navigation-en.png) 0 -69px no-repeat;
}


#menu ul {
	float:left;
	list-style: none;
	background:transparent;
}


#menu ul li {
	float: left;	
}



#menu ul li a {
	background: url(../es/images/navigation.png) 0px -68px no-repeat;
	display: block;
	text-decoration: none;
	height: 55px;
	text-indent:-999em;
}


#menu.en ul li a {
	background: url(../es/images/navigation-en.png) 0px -68px no-repeat;
}


#menu ul li a:hover {
	background: none;
	display: block;
	text-decoration: none;
	text-indent: -999em;
}


#menu ul li a.current {
	background: none;
	display: block;
	text-decoration: none;
	text-indent: -999em;
}


#menu ul li.about a {
	background-position: 0px -10px;
	width: 138px;
}


#menu ul li.our a {
	background-position: -138px -10px;
	width: 153px;
}



#menu ul li.system a {
	background-position: -291px -10px;
	width: 222px;
}


#menu ul li.portfolio a {
	background-position: -513px -10px;
	width: 181px;
}


#menu ul li.contact a {
	background-position: -694px -10px;
	width: 154px;
}


#menu ul li.login a {
	background-position: -848px -10px;
	width: 94px;
}


	

/*################################################ FOOTER ##############################################*/


#footer {
	float: left;
	width: 1002px;
	height: 42px;
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	border-bottom: 2px solid #bfbfbf;
}


#footer div {
	float: left;
	width: 872px;
	height: 27px;
	margin: 0 0 0 47px;
	padding: 10px 0 0 33px;
	background: #e8e8e8;
	color: #9a9a9a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
}


* html #footer div {
	width: 930px;
	font-size: 10px;
	margin: 0 0 0 15px;
	padding: 10px 0 0 5px;
}


*:first-child+html #footer div {
	width: 930px;
	margin: 0 0 0 30px;
	font-size: 10px;
	padding: 10px 0 0 10px;
}


#footer a {
	text-decoration: none;
	color: #9a9a9a;
}