/* css for ELETTRICA 2000 S.n.C. */

* { margin:0; padding:0; }

html, body { height:100%; }

body {
	background-color:#ffffff;
	font:12px "Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif;
	line-height:1.4;
	text-align:center;
	color:#ffffff;
}

img { border:0; }

.hide { display:none; }

.wrapper { position:relative; margin:0 auto; width:940px; z-index:0; }

.separator { display:block; clear:both; height:8px; border-bottom:3px solid #f1efec; }

.clearer { clear:both; height:20px; }

h3, h4, h5 {
	float:left;
	clear:both;
	font-weight:normal;
	line-height:1.2;
	text-align:left;
}

h2 {
	display:block;
	clear:both;
	padding:5px 0;
	font-size:1.6em;
	font-weight:normal;
	border-bottom:2px solid #b5a89c;
	line-height:1.2;
	text-align:left;
	color:#004171;
}

h3 { padding:3px 0; font-size:1.1em; color:#004171; }

h4 {
	padding:7px 0;
	font-size:1em;
	font-weight:normal; 
	text-align:left;
	color:#004171;
}

h5 { padding:6px 0; font-size:1.5em; color:#004171; }

small { font-size:0.7em; text-transform:uppercase; }

#header { clear:both; height:130px; padding-top:25px; background-color:#f8f7f6; border-color:#eae7e3; border-style:solid; border-width:5px 0 8px 0; z-index:3; }

#language { position:absolute; top:0; right:0; width:250px; height:13px; padding:6px 8px; background-color:#eae7e3; }

#language div{ width:240px; margin:0 auto; }

#language img { display:inline; float:left; margin:2px 12px 2px 8px; }

#language a:link, #language a:visited {
	display:inline;
	float:left;
	margin:0 5px;
	padding-left:22px;
	background-position:left bottom;
	background-repeat:no-repeat;
	line-height:12px;
	text-decoration:none;
	text-align:right;
	color:#685c53;
}

#language a:focus, #language a:hover, #language a:active { color:#333333; }
#language a.selected{ color:#004171; }

#language-ita { background-image:url(../images/flag_ita.gif); }
#language-eng { background-image:url(../images/flag_eng.gif); }

a#logo:link, a#logo:visited { display:inline; float:left; width:264px; height:94px; }

#header span, #menu span, #square span { display:none; }

.menu {
	float:right;
	margin-top:50px;
	width:600px;
	height:50px;
	list-style:none;
	text-decoration:none;
}

.menu li { float:left; width:150px; height:50px; }

.menu a:link, .menu a:visited {
	float:left;
	clear:both;
	height:20px;
	background-color:transparent;
	background-repeat:no-repeat;
}

#menu-ita a:link, #menu-ita a:visited { background-image:url(../images/menu_ita.gif); }
#menu-eng a:link, #menu-eng a:visited { background-image:url(../images/menu_eng.gif); }

a#aboutus:link, a#aboutus:visited { width:88px;  background-position:0 0; }
a#aboutus:focus, a#aboutus:hover, a#aboutus:active, a#aboutus.selected { background-position:0 -20px; }
a#mission:link, a#mission:visited { width:72px; background-position:-88px 0; }
a#mission:focus, a#mission:hover, a#mission:active, a#mission.selected { background-position:-88px -20px; }
a#portfolio:link, a#portfolio:visited { width:92px; background-position:-160px 0; }
a#portfolio:focus, a#portfolio:hover, a#portfolio:active, a#portfolio.selected { background-position:-160px -20px; }
a#services { position:relative; width:78px; background-position:-252px 0; }
a#services:focus, a#services:hover, a#services:active, a#services.selected { background-position:-252px -20px; }

.menu a:focus, .menu a:hover, .menu a:active, .menu a.selected { background-position:bottom; }

.menu p { display:block; clear:both; line-height:1.2; font-size:0.8em; text-align:left; padding:0 4px; color:#777777; }

#sub-services{
	position:absolute;
	display:none;
	top:98px;
	right:-15px;
	width:178px;
	padding:5px 1px 9px 1px;
	font-size:0.8em;
	list-style-type:none;
	background:#ffffff url(../images/sub_bg.png) center bottom no-repeat;
	z-index:3;
}

#sub-services li, #sub-services a, #sub-services span{ height:auto; }

#sub-services a:link, #sub-services a:visited, #sub-services span{
	display:block;
	width:170px;
	padding:3px 4px;
	background:none;
	text-decoration:none;
	text-transform:uppercase;
	color:#333333;
}

#sub-services a:hover, #sub-services a:active, #sub-services a:focus{ background:#60b6e3; color:#ffffff; }

#sub-services span{ color:#cccccc; cursor:default; }

#sub-services span.selected{ background:#b5a89c; color:#ffffff; }

.sub:hover ul#sub-services{ display:block; }

#square { clear:both; height:220px; background:url(../images/square_bg.jpg) top repeat-x; border-bottom:2px solid #ffffff; z-index:0; }

#square-inner {
	display:block;
	width:940px;
	height:220px;
	margin:0 auto;
	background:url(../images/square_img.jpg) center center no-repeat;
}

#square-inner p {
	float:right;
	width:394px;
	height:24px;
	margin:178px 18px 0;
	background-position:right top;
	background-repeat:no-repeat;
}

#square-ita{ background-image:url(../images/square-text_ita.gif); }
#square-eng{ background-image:url(../images/square-text_eng.gif); }

#container { float:left; width:100%; clear:both; background:url(../images/container_bg.gif) top repeat-x; }

#container p { float:left; clear:both; color:#333333; text-align:justify; }

#container p strong { font-weight:normal; color:#685c53; }

#content { float:left; width:640px; margin-top:10px; }

#content ul { display:inline; float:left; clear:both; margin:5px 25px; list-style-position:inside; }

#content li { clear:both; width:590px; padding:5px 0; font-size:1.2em; line-height:1.3; text-align:justify; color:#333333; }

#content blockquote { float:left; width:640px; height:48px; margin:10px 0; border-color:#f4f2f0; border-style:solid; border-width:4px 0;  }

#content blockquote p {
	float:left;
	width:640px;
	height:24px;
	padding:4px 0;
	font-size:1.3em;
	font-style:italic;
	text-align:center;
	color:#685c53;
}

#content blockquote em { padding:0 12px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; }

p.normal { width:640px; padding:6px 0; font-size:1.1em; line-height:1.5; }

p.date { width:640px; margin:5px 0; font-size:0.9em; text-align:right; color:#777777; }

.image { float:left; clear:both; margin:2px; padding:1px; border:6px solid #f4f2f0; background-color:#ffffff; }

.image img { float:left; }

a#return:link, a#return:visited {
	float:left;
	clear:both;
	width:620px;
	margin-top:1em;
	padding:5px 10px;
	background-color:#f8f7f6;
	background-image:url(../images/return_bg.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-top:2px solid #b5a89c;
	text-align:left;
	text-decoration:none;
	line-height:1.2;
	color:#685c53;
}

a#return:focus, a#return:hover, a#return:active {
	background-color:#f4f2f0;
	background-position:right top;
	color:#004171;
}

a.titled:link, a.titled:visited {
	float:left;
	clear:both;
	padding:3px 0;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.2;
	text-align:left;
	text-decoration:none;
	color:#004171;
	overflow:hidden;
}

a.titled:focus, a.titled:hover, a.titled:active { color:#685c53; }

a.feed:link, a.feed:visited {
	position:relative;
	bottom:1px;
	left:538px;
	padding:1px 8px 1px 7px;
	font:bold 11px Arial, Helvetica, sans-serif;
	background:#ef984a;
	text-decoration:none;
	letter-spacing:-1px;
	color:#ffffff;
}

#certification { margin:10px 100px; padding:10px; }

#news { float:left; width:640px; height:430px; margin:0 auto; }

#news h2 { margin-bottom:3px; }

#news div { display:inline; float:left; width:200px; margin:8px 6px; }

#news p { width:200px; height:70px; padding:3px 0; font-size:0.9em; line-height:1.3; border-bottom:1px solid #b5a89c; overflow:hidden; }

#news p a:link, #news p a:visited { padding-left:6px; text-decoration:none; color:#004171; }

#news p a:focus, #news p a:hover, #news p a:active { color:#685c53; }

#news a.titled { width:200px; height:32px; border-bottom:2px solid #b5a89c; }

.text { float:left; clear:both; margin:5px 0; }

.text, .text p { width:640px; font-size:1.1em; line-height:1.5; text-align:justify; color:#333333; }

#news-list { float:left; width:640px; margin:0 auto; }

#news-list div { display:inline; float:left; width:620px; margin:8px 10px; }

#news-list p { display:block; padding:5px 0 10px 0; font-size:1em; line-height:1.3; border-bottom:1px solid #b5a89c; overflow:hidden; }

#news-list p a:link, #news-list p a:visited { padding-left:6px; text-decoration:none; color:#004171; }

#news-list p a:focus, #news-list p a:hover, #news-list p a:active { color:#685c53; }

#news-list a.titled { width:620px; height:14px; }

#jobs-detailed { float:left; width:640px; }

#jobs-detailed div { display:inline; float:left; width:287px; height:100px; margin:8px 6px; padding:3px 10px; background-color:#f4f2f0; }

#jobs-detailed h3 { width:200px; }

#jobs-detailed p { width:287px; height:52px; margin-top:2px; padding:3px 0; border-color:#e9e5e1; border-style:solid; border-width:2px 0; }

#list-services { padding-top:12px; }

#systems {
	float:left;
	clear:both;
	width:590px;
	height:18px;
	margin:10px 25px;
	padding:1px 0;
	border-color:#e9e5e1;
	border-style:solid;
	border-width:1px 0;
}

#systems p { float:left; height:16px; padding:1px 12px; color:#004171; background-color:#e9e5e1;  }

.systems-ita p{ margin-right:19px; }
.systems-eng p{ margin-right:55px; }

#systems a:link, #systems a:visited { float:left; padding-right:12px; text-decoration:none; color:#333333; }

#systems a:focus, #systems a:hover, #systems a:active { color:#685c53; text-decoration:underline; }

#systems span { float:left; padding-right:12px; color:#888888; cursor:default; }

#systems span.selected { color:#004171; }

.galleries {
	float:left;
	clear:both;
	width:600px;
	min-height:320px;
	margin:5px 20px;
}

.galleries a:link, .galleries a:visited {
	display:inline;
	float:left;
	width:182px;
	height:112px;
	margin:5px;
	background-color:#f1efec;
	background-image:url(../shadowbox/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
	border:4px solid #e9e5e1;
	text-decoration:none;
}

.galleries a:focus, .galleries a:hover, .galleries a:active { background-color:#e9e5e1; border:4px solid #dfd9d4; }

.galleries img { display:block; margin:1px; text-indent:-9999px; }

#sidebar { float:right; width:252px; margin:14px auto; padding:0 14px 14px 14px; border-top:5px solid #e1dbd6; background:#f4f2f0; }

#sidebar p { width:250px; padding-bottom:5px; font-size:0.9em; }

#sidebar p.small { font-size:0.8em; }

#sidebar ul { display:block; margin:5px 20px; }

#sidebar li { clear:both; text-align:left; color:#333333; }

#sidebar li strong { color:#685c53; font-weight:normal; }

a.sidebar-img:link, a.sidebar-img:visited {
	float:left;
	clear:both;
	margin-bottom:2px;
	background-color:#f1efec;
	border:4px solid #e9e5e1;
	text-decoration:none;
}

a.sidebar-img:focus, a.sidebar-img:hover, a.sidebar-img:active { background-color:#e9e5e1; border:4px solid #dfd9d4; }

a.sidebar-img img { float:left; margin:1px; }

#sidebar a:link, #sidebar a:visited { text-decoration:none; color:#004171; }

#sidebar a:focus, #sidebar a:hover, #sidebar a:active { text-decoration:underline; }

#contactus { float:left; clear:both; width:254px; margin:10px 0; }

#contactus fieldset { clear:both; border-width:0; } 

#contactus label {
	float:left;
	clear:left;
	width:80px;
	height:16px;
	margin:2px 0;
	padding:2px 0;
	font-size:0.9em;
	text-align:left;
	color:#b1a397;
}

#contactus input, #contactus textarea, #contactus select { font-size:11px; background-color:#faf9f8; color:#333333; }

#contactus input, #contactus select { float:right; clear:right; margin:2px 0; }

#contactus textarea {
	display:block;
	float:left;
	clear:both;
	width:252px;
	height:75px;
	font:0.9em "Segoe UI","Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Sans-Serif; margin-bottom:7px;
	border:1px solid #eeebe8;
}

#contactus input { width:170px; height:14px; padding:2px 0; border:1px solid #f1efec; }

#contactus select { width:106px; padding:2px 0; border:0; vertical-align:text-bottom; }

#contactus button {
	float:right;
	clear:both;
	width:48px;
	height:20px;
	background-color:transparent;
	background-image:url(../images/send_button.gif);
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
}

.send-ita { background-position:right top; }
.send-eng { background-position:right bottom; }

#calendar { float:left; clear:both; width:234px; margin:4px 0; padding:0 10px; }

#calendar a:link, #calendar a:visited {
	float:left;
	clear:both;
	height:14px;
	margin:2px 0;
	padding:2px 6px;
	text-decoration:none;
	border:1px solid #f4f2f0;
}

#calendar a:focus, #calendar a:hover, #calendar a:active { border:1px solid #dfd9d4; }

#footer {
	clear:both;
	height:70px;
	padding:6px 0;
	background-color:#004171;
	border-color:#e9e5e1;
	border-style:solid;
	border-width:2px 0;
}

#footer-left { float:left; width:630px; margin:10px 0; }

#footer-right { float:right; width:248px; padding-right:4px; }

#footer span { display:none; }

#footer-left ul {
	display:block;
	float:left;
	height:16px;
	margin-bottom:5px;
	padding-left:140px;
	list-style:none;
	background:url(../images/elettrica2000_footer.gif) left center no-repeat;
}

#footer-left li {
	display:block;
	float:left;
	height:16px; 
	padding:0 9px 1px 9px;
	background:url(../images/footer-left_li_bg.gif) left center no-repeat;
}

#footer-left li a:link, #footer-left li a:visited { float:left; font-size:1em; color:#ffffff; text-decoration:none; }

#footer-left li a:focus, #footer-left li a:hover, #footer-left li a:active { color:#bbccd9; }

#footer-left li a.selected { color:#ab9c8f; }

#footer-left p { float:left; clear:both; width:630px; font-size:0.9em; line-height:1.3; text-align:left; }

#footer-right img { float:right; }

#footer-right a:link, #footer-right a:visited {
	float:left;
	width:60px;
	height:21px;
	margin:36px 12px 0 0;
	background-image:url(../images/w3c_icons.gif);
	background-repeat:no-repeat;
}

a#xhtml { background-position:center top; }

a#css { background-position:center bottom; }

#subfooter { clear:both; height:16px; padding:10px 0; }

#subfooter p { display:block; margin:0 auto; font-size:0.8em; color:#333333; white-space:nowrap; }

#subfooter a:link, #subfooter a:visited { display:inline; text-decoration:none; }

#subfooter img { display:inline; vertical-align:text-top; }