html, body { margin:0; padding:0; }
body{ margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:center; outline-style:none; outline-width:0 }

A img{ border:0px }
A{ color:#3C3C3C;  text-decoration:none; }
A:focus{ outline-style:none; outline-width:0}
A:hover{ color:#000 }

A.image, A.image IMG{ display:block; position:relative}
A.comments{ text-indent:0px; font-weight:normal; font-size:11px; color:#666; display:inline; text-decoration:underline}
A.comments:hover{ text-decoration:none}	

FORM, H1, H2, H3, P, UL{ margin:0px; padding:0px}
UL, LI{ list-style-type:none; padding:0px; margin:0px;}

H1{ font-size:28px; font-weight:normal; margin-bottom:10px}
H2, H2 A{ font-size:12px; font-weight:bold; }

	.content{ width:100%;}
	.main{ margin:auto; position:relative; background-color:#FFF; width:950px; text-align:left;}
	
	#header{ background-color:#E9EFEF; background-image:url(/static/images/layout/ciocarlia2.jpg); background-position:left bottom; background-repeat:no-repeat; padding:30px 45px 45px 60px; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; border-bottom:1px solid #B4B4B4;}
	#header ul li{float:left}
	#header .logo{padding-right:95px}
	#header .cityHall{ padding:35px 210px 0 0; color:#000000; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	#header .cityHall span{ color:#999999; font-size:10px; margin-top:-3px; display:block; padding: 0 0 0 1px;}
	#header .searchSite{ padding:30px 0 0 0; color:#000;}
	#header .searchSite a{ color:#000;}
	.searchSite .searchInput{ border:0px; border-top:1px solid #AFAFAF; width:170px; margin:0 5px 0 0;}
	.searchSite .searchButton{ background-color:#000; color:#FFF; border:0px; font-weight:bold;}
	
	#innerContent{ width:100%; padding:30px 0 0 0;}
	#innerContent .right{ float:right; width:715px; font-family:Arial, Helvetica, sans-serif; }
	#innerContent .left{ float:left; width:220px; }
	
	#menu{ width:100%;}
	#menu .submenu-list{ padding:0px; margin:0px;}
	#menu .menu-item{ position:relative; margin:0 0 6px 0; }
	#menu .menu-item a{color:#3C3C3C; border:1px solid #CECECE; padding:8px; background-color:#E7F0EF; font-size:14px;  text-transform:uppercase; display:block}
	#menu .menu-item a:hover{ color:#000; padding:8px;; margin:0px; position:relative;}
	#menu .menu-item a.active{ color:#000; padding:8px; margin:0px; position:relative;}
	#menu .menu-item ul{ margin:6px 0 0 0;}
	
	#menu .submenu-items{ position:relative; padding:0px 0px 0px 15px; margin:0px; font-size:12px; color:#3C3C3C; text-transform:uppercase; }
	#menu .submenu-items div{ overflow:hidden;}
	#menu .submenu-item{ position:relative; margin:0 0 6px 0; border:1px solid #CECECE; padding:3px; background-color:#E7F0EF; font-size:12px; color:#555354; text-transform:uppercase;}
	#menu .submenu-item a{color:#3C3C3C; border:0px; padding:0px; margin:0px;}
	#menu .submenu-item a:hover{ border:0px; color:#000; padding:0px; margin:0px; position:relative;}
	#menu .submenu-item a.active{ border:0px; color:#000; padding:0px; margin:0px; position:relative;}
	
	.customIcon{ background-image:url(/static/images/layout/home_icon.gif); width:46px; height:22px; overflow:hidden; position:absolute; right:5px; top:-15px; display:block; z-index:101; background-color:transparent;}
	.actualitate{background-image:url(/static/images/layout/actualitate.gif); height:40px;}
	.gallery{background-image:url(/static/images/layout/gallery.gif); height:29px;}
	
	.specialBox{position:relative; width:699px; margin:35px 0 0 0; border:1px solid #CECECE; padding:8px; background-color:#E7F0EF;}
	.specialBox .header{color:#3C3C3C; text-transform:uppercase; font-size:12px; background-image:url(/static/images/layout/h_dots.gif); padding:0 0 5px 0; margin:0 0 7px 0; background-position:left bottom; background-repeat:repeat-x; float:left;}
	
	.article_list{ width:100%; }
	.article_list li{  padding:0 10px 15px 10px; width:320px; float:left;}
	.article_list h3 a{ color:#000;}
	.article_list h3 a:hover{ text-decoration:underline;}
	.article_list .dotted{background-image:url(/static/images/layout/v_dots.gif); background-position:right top; background-repeat:repeat-y; }
	.article_list li.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}	
	
	.documents_list{ width:100%; margin:7px 0 0 0; }
	.documents_list li{ padding:0 10px 7px 10px; }
	.documents_list h3 a{ color:#000; font-size:14px; font-weight:normal; background-image:url(/static/images/layout/file.jpg); background-position:left center; background-repeat:no-repeat; display:block; padding:0 0 0 25px;}
	.documents_list h3 a.pdf{background-image:url(/static/images/layout/pdf.jpg);}
	.documents_list h3 a.word{background-image:url(/static/images/layout/word.jpg);}
	.documents_list h3 a.excel{background-image:url(/static/images/layout/excel.jpg);}
	
	.siteGallery{ margin:10px 0 0 0;}
	.siteGallery li{ float:left; padding:3px; border:1px solid #C5CACD; margin:0 20px 10px 0;}
	.siteGallery li img{ display:block; }
	.siteGallery li.last{ margin:0px;}
	
	.section{}
	.section h2{ margin:0 0 5px 0}
	.section h2 a{ font-size:14px; color:#000; font-weight:bold;}
	.section h2 a:hover{ text-decoration:underline; }
	.section .more{ color:#006699; }
	.section .dots{ height:7px; line-height:2px; font-size:2px; overflow:hidden; margin:7px 245px 10px 245px; background-image:url(/static/images/layout/h_dots.gif); background-position:left bottom; background-repeat:repeat-x; display:block}
	
	/*------------------PAGINATION--------------------*/
	.pagination { padding:5px;  font-size:0.9em; line-height:30px}
	.pagination A{ padding:3px; }
	.pagination A.activ{ color:#000; font-weight:bold;}
	.pagination EM{ color:#BDBDBD}
	.pagination A STRONG{ font-size:16px; font-weight:normal;}
	
	#footer{ margin:20px 0 0 0; background-color:#E9EFEF; border:1px solid #E2E2E2; padding:15px 15px 25px 15px; color:#666; }
	#footer a{ float:right; color:#666; padding:0 0 0 10px;}
	#footer a:hover{ text-decoration:underline; }
	
.spacer1{ font-size:1px; height:1px; line-height:1px; display:block }
.spacer3{ font-size:3px; height:3px; line-height:3px}
.spacer5{ font-size:5px; height:5px; line-height:5px}
.spacer10{ font-size:10px; height:10px; line-height:10px; display:block}
.lineO{ background-image:url(../images/lineO.gif); background-repeat:repeat-x; background-position:left bottom; padding-bottom:10px}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}	