@charset "utf-8";
/* CSS Document */

body {
font: 62.5%  ms sans serif;
color: #CCC;
margin:0;
padding: 0;
}
@font-face {
	font-family: 'NasalizationFree';
	src: url('nasalization_free-webfont.eot');
	src: local('☺'), url('nasalization_free-webfont.woff') format('woff'), url('nasalization_free-webfont.ttf') format('truetype'), url('nasalization_free-webfont.svgz#webfontnzaKdNtr') format('svg'), url('nasalization_free-webfont.svg#webfontnzaKdNtr') format('svg');
	font-weight: normal;
	font-style: normal;
}
#headpage {
width:100%;
background:url(../images/citia_header.png) 50% 50% no-repeat;
}
#headpage_wrapper {
	margin:0 auto;
	min-width:1024px;
	min-height:130px;
	text-align:center;
	color:#666;
}
#menu_citia{
	bottom:inherit;
	margin:0 auto;
	width:1024px;
	background: url(../images/citia_menu_background.png) 50% 50% no-repeat;
	min-height:17px;
	text-align:center;
}


.menu {
	margin: 0;
	padding: 0;
	margin-top: 1px;
	list-style: none;
	
}
.menu li a {
	
	 display: block;
	height: 16px;
	
	margin-right: 2px;
	list-style: none;
	font-family: 'NasalizationFree';
	font-weight: normal;
	font-style: normal;
	font-size: 16px; 
	text-decoration: none;
	color:#035FF6;
	height: 16px;
	background-repeat: no-repeat;
	white-space: nowrap;
	padding:0;
	
	
}
.menu li a:hover {
	font-family: 'NasalizationFree';
	font-weight: normal;
	font-style: normal;
	font-size: 16px; 
	text-decoration: none;
	color:#155DD4;
	height: 16px;
	list-style: none;
	background-repeat: no-repeat;
	padding:0;
	
}

.home {background-image: url(../images/citia_filozofia_A.png); width: 151px;}
.home a {background-image: url(../images/citia_filozofia.png);}
.citia_ro1 a, .citia_ro1 li a:hover   {
	font-family: 'NasalizationFree';
	font-weight: normal;
	font-style: normal;
	font-size: 17px; 
	text-decoration: none;
	
	
}
.citia_ro1 a{
	font-family: 'NasalizationFree';
	font-weight: normal;
	font-style: normal;
	font-size: 17px; 
	text-decoration: none;
	color:#155DD4;
	
}
.servicii {background-image: url(../images/citia_servicii_A.png); width: 59px;}
.servicii a {background-image: url(../images/citia_servicii.png);}
.proiecte {background-image: url(../images/citia_proiecte_A.png); width: 69px;}
.proiecte a {background-image: url(../images/citia_proiecte.png);}
.clienti {background-image: url(../images/citia_clienti_A.png); width: 54px;}
.clienti a {background-image: url(../images/citia_clienti.png);}
.contact {background-image: url(../images/citia_contact_A.png); width: 68px;}
.contact a {background-image: url(../images/citia_contact.png);}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#background_fundal{
	margin:0 auto;
	bottom:inherit;
	width:1024px;
	bottom:inherit;
	text-align:center;	
	min-height:429px;	
	}
#fundal_1{
float: left;
width: 385px;
padding: 0px;
height:429px;
background: #fff;
font: sans-serif;
color: #000000;
font-size:1.2em; 
}
#fundal_2_wrapper
{
float: left;
width: 48px;
padding: 0px;
height:429px;
background: #fff;
}
  #fundal2_ul {
	  width:inherit;
	  height:37px;
	  
	  }
  #fundal2_ul2 {
	  width:inherit;
	  height:3px;
	  background:url(../images/citia_element_background.png) 50% 50% no-repeat;
	  }
  #fundal2_ul3 {
	  width:inherit;
	  height:291px;	  
	  }
  #fundal2_ul4 {
	  width:inherit;
	  height:3px;
	  background:url(../images/citia_element_background_1.png) 50% 50% no-repeat;
	  }
  #fundal2_ul5 {
	  width:inherit;
	  height:95px;
	  
	  }

#fundal_3
{
float: left;
width: 4px;
padding: 0px;
height:429px;
background: url(../images/citia_element_background_2.png) 50% 50% no-repeat;
}
#fundal_4_wrapper
{
float: right;
width: 587px;
padding: 0px;
background: #fff;
height:429px;

}
   #fundal4_ul 
   {
	   width:inherit;
	  height:37px;
   }
   #fundal4_ul2 {
	  width:inherit;
	  height:3px;
	  background:url(../images/citia_element_background_3.png) 50% 50% no-repeat;
	  }
     #fundal4_ul3 {
	  width:inherit;
	  height:291px;	  
	  }
	    #fundal4_ul4 {
	  width:inherit;
	  height:3px;
	  background:url(../images/citia_element_background_4.png) 50% 50% no-repeat;
	  }
	    #fundal4_ul5 {
	  width:inherit;
	  height:95px;
	  
	  }
#menu_citia_lang{
	bottom:inherit;
	margin:0 auto;
	width:1024px;
	min-height:24px;
	text-align:center;
}


.menu_citia_language {
	margin: 0;
	padding: 0;
}
.menu_citia_language li {
	padding: 0;
	margin: 0;
	height: 24px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}
.menu_citia_language li a, .menu_citia_language li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 32px;
	background-repeat: no-repeat;
}

 
.citia_ro {background-image: url(../images/citia_ro_24.png); width: 24px;}
.citia_ro a {background-image: url(../images/citia_ro_24.png);}
.citia_uk {background-image: url(../images/citia_uk_24.png); width: 24px;}
.citia_uk a {background-image: url(../images/citia_uk_24.png);}
.citia_de {background-image: url(../images/citia_de_24.png); width: 24px;}
.citia_de a {background-image: url(../images/citia_de_24.png);}

ul.menu_citia_language li a:hover {background: none;}
.menu_citia_language li {float: left;}
.menu_citia_language:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}