/*
Theme Name: ME | Making Energy
*/

body{
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
	behavior: url(csshover2.htc);
}

body.interna #corpo{
	padding-top:20px;
}

body.vuota{
	padding:20px;
	line-height:22px;
	background:#FFF
}


/*------------------------------------- TYPO ------------------------------------- */
.post p, #contact_form p{
	line-height:22px;
}	

p{
	text-align:justify;
}

p#press_mail, p#press_phone, p#press_address{
	padding-left:50px;
	height:20px;
	margin-bottom:20px;
}

p#press_address{
	background:url(images/press_icons.gif) left top no-repeat;
}

p#press_phone{
	background:url(images/press_icons.gif) left center no-repeat;
}

p#press_mail{
	background:url(images/press_icons.gif) left bottom no-repeat;
}

.dx{
	text-align:right;
}

.alignleft{
	float:left;
}

.alignright {
	float:right;
}

h2#cosa_facciamo{
	background:url(images/we_make_energy.gif) top center no-repeat;
	height:125px;
	width:340px;
	margin:0
}

h2{
	text-transform:uppercase;
	font-weight:normal;
	font-size:25px;
	color:#C00;
	margin:0
}

.cat h2, h2.margin{
	margin-left:10px;
}

.sedici2 h2{
	margin-left:0px;
}

.entry h2{
	padding-top:20px;
}

h3{
	font-size:18px;
	margin-bottom:5px;
	color:#666;
	font-weight:normal
}

h4{
	font-size:15px;
	color:#444;
	margin-bottom:10px
}

.slide h3{
	background:url(images/white_bg.png);
	padding:10px;
	display:inline;
	margin-top:50px
}

#footer .sei{
	background:url(images/contact_icon.gif) left center no-repeat;
}

#footer .sei p{
	padding-left:60px;
}


#footer .tre p{
	padding-left:35px;
}

p#telefono{
	background:url(images/tel_icon.gif) left no-repeat;
}
	
p#fax{
	background:url(images/fax_icon.gif) left no-repeat;
}

p#mail{
	background:url(images/mail_icon.gif) left no-repeat;
}

.typeface-js{
	font-family: ankesans;
	color:#C00!important;
	font-size:18px;
	margin:0;
}

.sez{
	padding:10px;
}

.data{
	display:block;
	padding:10px 10px 10px 0;
	margin:0 0 2px 0
}

.news .data{
	padding:10px 0 0 10px;
	margin:0
}

.datasingle{
	padding:0;
	font-size:10px;
	display:block;
	margin:0 0 20px 0
}
/*Tabella*/
table{
	width:100%;
	border:1px solid #C00;
	border-spacing: 0px;
	font-weight:bold;
	margin-top:10px
}

td{
	border-collapse:collapse;
	margin:0;
	line-height:30px;
	padding:0 10px;
	
}

td.cella_dx{
	border-bottom:1px solid #C00
}

td.cella_sx{
	background:#C00;
	color:#FFF;
	width:38%;
	border-bottom:1px solid #FFF
}

td.cella_last{
	border:none;
}


/*------------------------------------- LINKS ------------------------------------- */
a img{
	border:0;
}

a:link, a:hover, a:active, a:visited {
	text-decoration:none;
}

a:link, a:visited, #footer a.thickbox:link, #footer a.thickbox:visited{
	color:#C00;
}

a:active, a:hover, #footer a.thickbox:hover, #footer a.thickbox:active{
	color:#333
}

#footer a{
	color:#FFF;
}

h1, h2#cosa_facciamo{
	display:block;
	font-size:0px;
	text-indent:-9999px;
	overflow:hidden;
}

h1, h1 a{
	width:252px;
	height:150px;
	float:left
}

h1 a:link, h1 a:visited{	
	background:url(images/making_energy.gif) no-repeat top left;
	float:left;
	margin-right:30px;
}

h1 a:hover, h1 a:active{
	background:url(images/making_energy.gif) no-repeat bottom left;
}


h3 a:link, h3 a:visited{
	color:#333;
}

h4 a:link, h4 a:visited{
	color:#444;
}

h4 a:hover, h4 a:active, .box:hover h4 a, .stampa h4 a:hover, .stampa h4 a:active{
	color:#FFF;
}

.stampa h4 a:link, .stampa h4 a:visited{
	color:#C00;
}



h3 a:hover, h3 a:active,
.quattro:hover h3 a:link, .quattro:hover h3 a:visited, .quattro:hover h3 a:hover,
.sei:hover h3, .sei:hover h3, .sei:hover h3,
.otto:hover h3 a:link, .otto:hover h3 a:visited, .otto:hover h3 a:hover,
.quattro:hover h3, .otto:hover h3, 
.news:hover h3, .news:hover h3 a:link, .news:hover h3 a:hover, .news:hover h3 a:active, .news:hover h3 a:visited{
	color:#C00;
}

a#top_btn{
	display:block;
	height:8px;
	width:16px;
	background:url(images/top.gif) top center no-repeat #C00;
	margin:22px auto 0 auto;
	font-size:0;
	text-indent:-999px
}

a#top_btn:hover, a#top_btn:active{
	background:url(images/top.gif) bottom center no-repeat #444;
}
	 

/*------------------------------------- COLONNE ------------------------------------- */
.uno, .due, .tre, .quattro, 
.cinque, .sei, .sette, .otto, 
.nove, .dieci, .undici, .dodici, 
.tredici, .quattrordici, .quindici{
	margin:0 10px;
	float:left;
}
.due{
	width:100px;
}

.quattro{
	width:220px;
}

.quattro_2{
	float:right;
}

.sei{
	width:340px
}

.otto{
	width:460px
}

.dieci{
	width:580px;
}

.dodici{
	width:700px;
}

.sedici{
	width:960px;
	margin:0 auto
}

.sedici2{
	width:940px;
	margin:0 10px;
}

/*------------------------------------- ELEMENTI DI LAYOUT------------------------------------- */
#header{
	width:100%;
	height:190px;
	background:url(images/menu_bg.gif) repeat-x bottom left;
	margin-bottom:30px;
}

#header .contenitore{
	background:url(images/head_bg.jpg) top right no-repeat;
}

.contenitore, #top, #bottom{
	width:980px;
	margin:0 auto
}

/*----------------- MENU ----------------- */
.nav{
	width:800px;
	height:30px;
	margin-top:3px;
	float:left
}

.nav ul, .nav ul li{
	margin:0;
	padding:0;
	float:left;
}
	
.nav ul li {
	position:relative;
		display: inline;
		list-style: none ;	
		height:30px;
}



/*ul*/

.nav li a{
	display:block;
	padding:0 10px;
	background:url(images/btn_bg.gif) left top;
	color:#FFF;
	line-height:30px;
	height:30px;
	text-transform:uppercase;
	border-left:solid #900 1px;
	overflow:hidden
}

.nav li a:hover, li .nav a:active,
.current-cat a:link, .current-cat a:visited, .current-cat a:hover, .current-cat a:active,
.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active,
.current_page_ancestor a:link, .current_page_ancestor a:visited, .current_page_ancestor a:active, .current_page_ancestor a:hover{
	background:url(images/btn_bg.gif) left bottom;
	color:#C00;
	border-left:solid #FFF 1px
}

/*dropdown*/
.nav ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
	padding:0px;
	margin:0px;
	z-index:8;
	background:#e1e1e1;	
}
	
/*altri sottomenu */
.nav ul li ul li ul{
		top: 0px;
		padding:0px;
		margin:0px 0px 0px -1px;
		z-index:8;
		border-top:0px solid transparent;	
}


/* stile del sottomenu dropdown */
.nav ul li ul li a, .nav ul li ul li.page_item  a,
.children a
{
	font-size:11px ;
	color:#444;
	width: 100px; /*width of sub menus*/
	margin: 0;
	display: block;
	padding:10px 0 10px 20px;
	text-align:left;
	border:none;
	display: inline-block;
	background:#e1e1e1 url(images/submenu_bg.gif) left center no-repeat;
}

.nav ul li ul li a:hover{ /*sub menus hover style*/
	color:#C00;
	background:#e1e1e1 url(images/submenu_bg.gif) left center no-repeat;
	border:none;
}
.nav ul li ul li ul li a{
}
* html .nav ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.nav li.empty {
	background:  yellow;
}
li.page-item a:link, li.page-item-2 a:visited{

}

li.page-item-2 a:hover, li.page-item-2 a:active{

}
/*-----------------FINE MENU ----------------- */

/*-----------------SUBMENU ----------------- */
#submenu, #submenu li{
	margin:0;
	padding:0;
}

#submenu li{
	list-style-type:none;
}

#submenu li a{
	background:#E1E1E1 	url(images/submenu_bg.gif) no-repeat 3px center;
	color:#444;
	display:block;
	padding:10px 25px;
	text-transform:uppercase;
	margin-bottom:1px
}

html > body .interna > div .contenitore > div #corpo > div .sedici cat > div #subnav .quattro > ul #submenu > li .cat-item-8  > a

#submenu li a:hover, 
#submenu li.page_item.current_page_item a:link, 
#submenu li.page_item.current_page_item a:hover, 
#submenu li.page_item.current_page_item a:active, 
#submenu li.page_item.current_page_item a:visited,
#submenu li.cat-item.current-cat a:link, 
#submenu li.cat-item.current-cat a:hover, 
#submenu li.cat-item.current-cat a:active, 
#submenu li.cat-item.current-cat a:visited
{
	color:#C00;
}	

/*-----------------LINGUE ----------------- */
.qtrans_language_chooser{
	display:block;
	width:13px;
	overflow:hidden;
	margin:140px 0 0 928px;
	float:right;
	position:absolute;
	z-index:2;	
}

.qtrans_language_chooser li{
	list-style-type:none;
	display:block;
	width:13px;
}

.qtrans_language_chooser li.active a, .qtrans_language_chooser span{
	display:none;
}

.qtrans_flag_it, .qtrans_flag_en{
	display:block;
	width:13px;
	height:10px
}

.qtrans_flag_it{
	background:url(images/ita_flag.gif);
}

.qtrans_flag_en{
	background:url(images/en_flag.gif);
}
/*-----------------FORM ----------------- */
.ricerca{
	width:170px;
	height:30px;
	float:right;
}

.ricerca form, .ricerca #s{
	display:block;
	float:left;
}

#searchsubmit{
	display:block;
	float:right
}

.ricerca form{
	display:block;
	width:170px;
	height:20px;
	margin:8px 0;
	background:url(images/search_bg.gif) repeat-x;
}

.ricerca #s{
	border:none;
	background:none;
	font-size:10px;
	width:120px;
	height:20px;
	text-indent:5px;
	font-weight:bold
}

.ricerca #s:focus{
	color:#C00
}

#searchsubmit{
	width:20px;
	height:20px;
	background:url(images/search_icon.gif) no-repeat transparent;
	border:none;
	font-size:0px;
	text-indent:-9999px
}

#searchsubmit:focus, #searchsubmit:hover{
	background:url(images/search_icon.gif) bottom no-repeat transparent;
}

#top, #bottom{
	height:30px;
	margin:0;
	padding:0;
}	
	
#top{
	background:url(images/corpo_top.gif) no-repeat center top;
}

/* ----------------------------------- BRICIOLE DI PANE -------------------------------------------*/
ul.breadcrumbs{
	display:block;
	width:940px;
	font-size:10px;
	margin:0 auto;
	padding:0;
	color:#999;
}

ul.breadcrumbs li{
	list-style-type:none;
	display:inline;
	margin:0;
	line-height:40px;
	padding:0 0 0 20px;
	text-transform:uppercase;
	background:url(images/freccina_briciole.gif) left center no-repeat
}

ul.breadcrumbs li.front_page{
	padding:0 0 0 0;
	background:none
}

ul.breadcrumbs li a{
	color:#CCC;
}

ul.breadcrumbs li a:hover{
	color:#C00;
}


	
#bottom{
	background:url(images/corpo_bottom.gif) no-repeat center top;
}

#corpo{
	background:url(images/corpo_bg.gif) center top;
}


#footer{
	border-top:solid 10px #C00;
	background:#e32219;
	width:100%;
	margin-top:0;
	color:#FFF
}

/*---------------------------------------------- FORM CONTATTI----------------------------------------------*/
#contact_form{
	height:380px;
	overflow:hidden;
	background:url(images/contatti_bg.gif);
	border-bottom:10px solid  #C00;
	margin:0;
	padding:10px 0;
	display:none;
	color:#444;
	z-index:33;
}

#contact_form .sei{
	background:none;
}

#contact_form p.disclaimer{
	padding:0!important
}
 	
#contatti{
	background:url(images/pencil_icon.gif) no-repeat left center #C00;
	display:block;
	font-size:12px;
	padding:2px 0;
	width:220px;
	margin-right:10px
}

#contatti a{
	display:block;
	padding:2px 30px;
	background:url(images/freccetta.gif) no-repeat right bottom;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
	word-spacing:4px;
	text-align:center
}
	
#contatti a.active{
	background:url(images/freccetta.gif) no-repeat right top;
}


/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */

.cform { 
	margin:15px auto 0 auto; 
	width: 590px; 
}

/*nascosti*/
.cform .cf_hidden, 
.cform label, label.cf-before, label.cf-before span, 
label.cf-after, label.cf-after span,
label.cf-group-after, label.cf-group-after, label.cf-group-after span,
.cform legend,
span.reqtxt, span.emailreqtxt,
.linklove , .linklove a, .linklove a:visited, 
.cf_li_text_err {
	display:none; 
}

ol.cf-ol { 
	margin:0;
	padding:0;
}

ol.cf-ol li	{
	margin:0 0 20px 0;
	padding:0; 
	list-style:none;
	width:283px;
	display:block;
	float:left;
}

/*campi del form*/
.cform input,
.cform textarea,
.cform select {
	margin:0;
	line-height:30px;
	letter-spacing:1px;
	background:url(images/box_bg.gif);
	border:none
}

.cform input,
.cform select {
	padding:5px;
}

.cform textarea{
	display:block;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
	height:60px;
	overflow:auto;
}


.cform input:hover,
.cform textarea:hover,
.cform input:focus,
.cform textarea:focus{
	background:url(images/active_box_bg.gif);
	color:#FFF;
	border:none
}

.cform input {
	width:275px; 
}
.cform select {
	border:none;
	width:588px; /* per larghezza uguale... */

}  

#li--8, #li--9 {
	clear:both
}

#cf_field_3, #li--3, textarea,  #cf_field_8{
	width:579px;
} 

#li--1, #li--4, #li--6{
	margin-right:20px
}

/* formatting for text:  "(required)"  & other        */
.cform textarea.fldemail,
.cform textarea.fldrequired,
.cform input.fldemail,
.cform input.fldrequired {
	margin:0;
}
/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0;
	margin: 0;
	text-align:right;
	clear:both
}

.cform input.sendbutton	{ 
	font-size:12px;
	height:35px;
	margin:0;
	padding:0pt 0pt 1px;
	width:110px;
	border:none;
	cursor:pointer;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
li.cf_li_err input, .cf_error, .cf_error:focus, .cf_error:hover {
	background: #FFFF00 url(images/form_error.gif) no-repeat right center;
	color:#000
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
	height:24px;
	margin-left:2px;
}

  
/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -10px; 
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: -10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html ol.cf-ol 	{
	display:inline-block; /*for IE6!!*/
}
* html img.captcha	{
	margin-top:1px!important;
}
*+html img.captcha	{
	margin-top:1px!important;
}
/*---------------------------------------------- fine FORM CONTATTI----------------------------------------------*/



#chiusura{
	color:#666;
	font-size:10px;
	line-height:20px;
	width:100%;
	height:20px;
	background: #CCC
}
/* ---------------------------------------------- inizio slide ----------------------------------------------*/
.slide {
	background:url(images/slide_bg.gif) no-repeat;
	height:283px;
	width:610px;
	margin:0 10px 0 -10px;
	float:left
}
.title{
	width:100%;
	z-index:5;
	position:absolute;
	margin:20px 10px
}

/*
anythingSlider v1.0
*/


.anythingSlider                         { width: 610px; height: 250px; position: relative; margin: 0 auto 15px; overflow:hidden}
.anythingSlider .wrapper                { width: 590px; overflow: auto; height: 230px; margin:10px; position: absolute; left:0px; padding:0}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 240px; width:600px; margin: 0; }
.anythingSlider .arrow                  { display: none}

/*navigazione slider*/
	#thumbNav {
		height:10px;
		width:570px;
		margin:0 20px;
		padding:0;
		display:block;
		position: relative;	
		top:220px;
		z-index:33
	}
			
	#thumbNav  a{
		display:block;
		float: left;
		margin-right: 10px;
		font-size: 0px;
		text-indent:-9999px;
		background: #FFF;
		display: block;
		float:left;
		width:10px;
		height:10px
	}

#thumbNav a:hover                       { background:#C00; }
#thumbNav a.cur                         { background:#C00; }


.anythingSlider  img{
	position:relative;
	top:-100px;
	z-index:3;
	width:590px
}



#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
		
			

/* ---------------------------------------------- fine slide ----------------------------------------------*/

.fix{
	height:0px;
	width:100%;
	overflow:hidden;
	clear:both
}
.navigation{
	clear:both;
	margin:0 10px;
	height:40px;
	line-height:40px
}

.navigation .alignleft{
	margin-left:10px;
	margin-bottom:10px
}

.navigation .alignright{
	margin-right:10px;
	margin-bottom:10px
}

/* ---------------------------------------------- Tutti i box ----------------------------------------------*/
/* ----------------------- comportamenti generici -----------------------*/
.box{
	background:url(images/box_bg.gif);
	overflow:hidden;
}
/* hover effect */
.box:hover, .quattro:hover .box, .otto:hover .box, .news:hover .box, .sei:hover .box{
	background:url(images/active_box_bg.gif);
}
.box:hover p, .otto:hover .box p, .quattro:hover .box p, box:hover span, .quattro:hover .box span, 
.news:hover .box p, .news:hover .box span, .news:hover .box li, .news:hover .box a,
.quattro:hover .box .stampa h4 a:link, .quattro:hover .box .stampa h4 a:hover, .quattro:hover .box .stampa h4 a:visited, .quattro:hover .box .stampa h4 a:active, .box:hover h4 a:link, .box:hover h4 a:visited, .box:hover h4 a:hover, .box:hover h4 a:active, 
.sei:hover .box h4 a
{
	color:#FFF;
}

.box p{
	padding:0 10px;
}

.box .immagine{
	margin:10px 10px 0 10px
}

.box .immagine img{
	margin-top:-60px;
}

.box span{
	font-size:10px;
	color:#999;
}
 
/* ----------------------- box in sezioni -----------------------*/
/*index*/

.principale .box img{
	width:350px;
	padding:0
}

.principale .box a{
	display:block;
	width:200px;
	height:150px;
	margin:10px;
	overflow:hidden;
}
/*servizi - prodotti - referenze*/
.sezioni .box{
	height:250px;
}

.sezioni .box .immagine{
	height:150px;
	overflow:hidden
}

.sezioni .box img{
	width:440px;
	min-height:150px;	
}

/*news*/
.news .box p{
	margin:0
}

/*area stampa*/
.box .stampa{
	padding:10px;
	margin:0;
}

.stampa h4{
	margin:0;
}
/*singola*/
.entry .box{
	margin:10px;
}

.entry .otto .immagine{
	margin:10px;
	padding:0;
	overflow:hidden
}

.entry .otto .immagine img{
	width:460px
}

iframe{
	margin-top:10px;
}

/*------------------------------------------------------IMMAGINI-----------------------------------------------------*/
.ngg-galleryoverview{	
	clear:both;
	width:100%;
	margin-top:10px;
	padding:0 10px
}

.ngg-gallery-thumbnail a {
	background:url(images/box_bg.gif);
	float:left;
	overflow:hidden;
	width:90px;
	height:90px;
	margin-right:10px;
	margin-bottom:10px
}

.ngg-gallery-thumbnail a:hover{
	background:url(images/active_box_bg.gif);
}
	
.ngg-gallery-thumbnail img{
	padding:10px;
}