body {
background-image: url(../img/bg.jpg);
background-repeat: repeat-x;
font-family: arial;
font-size: 12px;
line-height: 20px;
color: #666666;
padding: 0px;
margin: 0px;
}

.interno {
background-image: url(../img/bg_interno.jpg);
background-repeat: repeat-x;
font-family: arial;
font-size: 12px;
line-height: 20px;
color: #666666;
padding: 0px;
margin: 0px;
}

#contenitore{
margin: 0px auto;
width: 955px;
position: relative;
}

#wrapper {
float:left;
width: 955px;

}

/*stati dei link nel corpo pagina*/

a {
color: #003C81;
text-decoration: none;
}

a:link
{
text-decoration: none;
color: #003C81;
}

a:hover
{
text-decoration: underline;
}

a:active
{
text-decoration: underline;
}


a img {
border: 0px;
}

/*HEADER HOME*/

#header {
/* contenitore dove sono presenti il logo, i recapiti, la traduzione, la tag, il chiricoro ed il player dei lavori*/
width: 955px;

}

#headersx {
/*qui sono presenti logo, tag, e chiricoro*/
width: 343px;
float: left;
}

#logo {
width: 111px;
height: 100px;
}

#tagline {
width: 343px;
height: 18px;
margin-top: 55px;
margin-bottom: 66px;
background-image: url(../img/tagline.gif);
background-repeat: no-repeat;
}

* html #tagline {
margin-bottom: 63px;
}

#chiricoro {
width: 212px;
height: 98px;
background-image: url(../img/chiricoro.gif);
background-repeat: no-repeat;

}

#headerdx{
/*qui sono presenti lingua, recapiti e player*/
width: 612px;
float:right;
text-align: right;
}

/*HEADER INTERNO*/

#headersx_interno {
/*qui sono presenti logo, tag, e chiricoro*/
width: 343px;
float: left;
}

#logo_interno {
width: 111px;
height: 100px;
}

#tagline_interno {
width: 343px;
height: 18px;
margin-top: 55px;
margin-bottom: 66px;
background-image: url(../img/tagline.gif);
background-repeat: no-repeat;
}

* html #tagline_interno {
margin-bottom: 63px;
}



#headerdx_interno{
/*qui sono presenti lingua, recapiti e chiricoro*/
width: 612px;
float:right;
text-align: right;
}

#chiricoro_interno {
width: 431px;
height: 92px;
background-image: url(../img/chiricoro_interno_header.gif);
background-repeat: no-repeat;
float:right;
}

#recapiti_interno {
padding-top: 26px;
padding-bottom: 77px;
font-family: Arial;
color: #003C81;
font-size: 13px;
height:28px;
width:420px;
float:right;

}

* html #recapiti_interno{
padding-bottom: 74px;
}



/*IE 7*/
*:first-child+html #recapiti_interno {
padding-top: 26px;
padding-bottom: 73px!important; 

}






#lingua{
float: right;

}

#lingua .active {
display: none;
}

#recapiti {
padding-top: 26px;
padding-bottom: 20px;
height:28px;
width:420px;
font-family: Arial;
color: #003C81;
font-size: 13px;
position: relative;
float:right;
}

#telefono_recapiti {
float: left;
width:136px;
background-color: black;
background:transparent url(../img/telefono.gif);
background-repeat: no-repeat;
padding-left: 0px;
height:28px;
margin-right:8px;
}

#skype a{
display:block;
width:138px;
padding-left: 0px;
float:right;
height:28px;
background:transparent url(http://mystatus.skype.com/mediumicon/komunicaict);
background-repeat: no-repeat;
}

#skype a:hover{
float:right;
height:28px;
display:block;
}

#mail a{
display:block;
background:transparent url(../img/mail.gif);
background-repeat: no-repeat;
width:130px;
padding-left: 0px;
float:left;
height:28px;
}

#mail a:hover{
background:transparent url(../img/mail_active.gif);
background-repeat: no-repeat;
float:left;
height:28px;
}

/*PLAYER PORTFOLIO*/

#player {
float:right;
margin-right:10px;
}

* html #player {
float:right;
margin-right:0px;

} 

img{border:none;}

.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
}

	#container{	
		margin:0px auto;
		position:relative;
		text-align:left;
		width:554px;
		background-image: url(../img/cornice_player.gif);
		background-repeat: repeat-y;
		}	
		
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{
	margin-left: 4px;
	background-color: #003C82;	
	}
		
	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:546px;
		height:207px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
		
	#nextBtn{ 
		left:554px;
		}						
										
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../img/btn_prev.gif) no-repeat 0 0;	
		}	
		
	#nextBtn a{ 
		background:url(../img/btn_next.gif) no-repeat 0 0;	
		}												
   
   #cornice_superiore {
   width:554px;
   height:7px;
	 background-image: url(../img/cornice_player_superiore.gif);
	 background-repeat: no-repeat;
	 }
	 
	 #cornice_inferiore{
   width:554px;
   height:7px;
	 background-image: url(../img/cornice_player_inferiore.gif);
	  background-repeat: no-repeat;
	 }
	 
* html #cornice_superiore {
   width:554px;
   height:4px;
	 background-image: url(../img/cornice_player_superiore_ie6.gif);
   background-repeat: no-repeat;
   position: relative;
   }


* html #cornice_inferiore {
   position: relative;
   width:554px;
   height:4px;
	 background-image: url(../img/cornice_player_inferiore_ie6.gif);
   background-color: #003c82;
   background-repeat: no-repeat;	
   }


/*MENU PRINCIPALE*/

#menu
{
height:42px;
width: 955px;
clear: both;
position:relative;
display:block;
font-size:13px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}

#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
width:auto;

}

#menu ul li{
display:block;
float:left;

}

#menu ul li a{

display:block;
float:left;
color:#003C81;
text-decoration:none;
padding:10px 0px 0px 0px;
height:32px;
width: 107px;
background:url(../img/foxmenu_bg-OFF.jpg) no-repeat center center;
text-align: center;
position: relative;
}

#menu ul li a:hover{
color:#fff;
background:transparent url(../img/foxmenu_bg-OVER.jpg) no-repeat center center;
}

#menu ul li a.active

{
color:#003C81;
background: #CCCCCC url(../img/menu_active.jpg) repeat-x top left;
}


#search {
margin-top:-33px;
height: 0px;
float: right;
position: relative;
}

/*SOTTO MENU*/

#menu_bottom {
margin:0;
padding-top:5px;

list-style-type:none;
}

#menu_bottom ul {
margin:0;
padding:0;
list-style-type:none;
}

#menu_bottom ul li {
position:relative; 
border-left:2px solid #cbcbcb; 
margin-right: 15px; 
padding-right: 20px; 
padding-top: 5px;
padding-bottom:5px;
border-bottom: 1px #CBCBCB dashed;
}


#menu_bottom ul li:hover { 
border-left:2px solid #003C82;
border-bottom: 1px #003C82 dashed;
}

*:first-child+html #menu_bottom ul li:hover { 
border-left:2px solid #003C82;
border-bottom: 1px #003C82 dashed;
display: inline-block;
}





#menu_bottom ul li a {
padding:2px 5px;
text-decoration:none; 
font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; 
color:#666666;

}


#menu_bottom ul li a:hover {
color:#003C82; 

}


#menu_bottom ul li a.active {
color:#003C82; 
}

/*GESTIONE TITOLO SOTTOMENU*/

.titolo_classe a{

font-size: 14px;
color: #003C81;
font-family: arial;
font-weight: bold;
padding-left: 4px;
}

.web_classe a{

font-size: 14px;
color: #1F8E24;
font-family: arial;
font-weight: bold;
padding-left: 4px;
}

.comunicazione_classe a{

font-size: 14px;
color: #CC2531;
font-family: arial;
font-weight: bold;
padding-left: 4px;
}

.engineering_classe a{

font-size: 14px;
color: #EFBF1D;
font-family: arial;
font-weight: bold;
padding-left: 4px;
}

.marketing_classe a{

font-size: 14px;
color: #68A5B9;
font-family: arial;
font-weight: bold;
padding-left: 4px;
}

/*ul#blue li span{
display:none;
position:relative; 
top:0px; 
left:0px; 
width:50px; 
font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; 
line-height: 15px; 
background-color: red;
}*/

/*ul#blue li a:hover span {
position:relative; 
width:150px; 
margin-top: 7px;
display:block; 
color: #8895b8;
}*/



.bottone {
  font-family: Verdana, Arial, Georgia, Geneva, sans-serif;
	font-size: 11px;
	color: #003C81;
	background: none; 
	margin-right: 5px;
  border: none;
	height: 20px;
}


#contatti {
line-height: 1em;
}


.submit {
  font-family: Verdana, Arial, Georgia, Geneva, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background: #003C81; 
	margin-right: 5px;
  border: 1px #000000 solid ;
	height: 20px;
}

.input{
	width: 300px;
} 


/*COLONNA SINISTRA DEL CORPO PAGINA*/

#colonnasx {
text-align: justify;
width:450px;
float: left;
padding-right: 20px;
position: relative;
}

/*BOX NEWS E WORK IN PROGRESS*/

#box_news {
background-image: url(../img/bg_news.jpg);
background-repeat: repeat-x;
width:460px;
height: 180px;
position: relative;
}

#box_news p{
font-family: arial;
font-size: 10px;
text-align: right;
}




#box_news ul {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 18px;
  list-style-image: url(../img/elenco_blu.gif);
  line-height: 15px;
  position: relative;

}

#box_news ul li {
font-size: 11px;
border-bottom: 1px #C5CAD0 solid;
position: relative;
}




#work_progress {
float: left;
width:221px;

position: relative;
margin-top: 5px;
font-size: 10px;
color: #666666;
line-height: 12px;
padding-top: 5px;
padding-right: 4px;
padding-left: 4px;

}



#news {

float: right;
width:221px;
position: relative;
margin-top: 5px;
font-size: 10px;
color: #666666;
line-height: 12px;
padding-top: 5px;
padding-right: 4px;
padding-left: 4px;
text-align: left;
border-left: 1px #CCCCCC solid;

}




/*COLONNA DESTRA DEL CORPO PAGINA*/


#colonnadx {
width:473px;
float: right;
}

#sezioni {
font-size: 10px;
line-height: 15px;

}

#sezioni ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 18px;

  line-height: 15px;
list-style-image: url(../img/elenco_blu.gif);
}

#sezioni ul li{
line-height: 14px;
position: relative;
}

#sezione_web {
width:230px;
float: left;
height:190px;
}

#sezione_engineering {
width:230px;
float: right;
height:190px;
}

#sezione_comunicazione {
width:230px;
float: right;
padding-bottom: 10px;
}

#sezione_marketing {
width:230px;
float: left;
padding-bottom: 10px;
}

#banner {
position: relative;
clear: both;
}



/*GESTIONE COLORE TITOLO PAGINA*/

.titolo {
letter-spacing: 1px;
font-size: 22px;
color: #003C81;
font-family: arial;
padding-top: 8px;
padding-bottom: 8px;
line-height:28px;
}

.web{
letter-spacing: 1px;
font-size: 22px;
color: #1F8E24;
font-family: arial;
padding-top: 8px;
padding-bottom: 8px;
}

.comunicazione{
letter-spacing: 1px;
font-size: 22px;
color: #CC2531;
font-family: arial;
padding-top: 8px;
padding-bottom: 8px;
}

.engineering{
letter-spacing: 1px;
font-size: 22px;
color: #EFBF1D;
font-family: arial;
padding-top: 8px;
padding-bottom: 8px;
}

.marketing{
letter-spacing: 1px;
font-size: 22px;
color: #68A5B9;
font-family: arial;
padding-top: 8px;
padding-bottom: 8px;
}

/*ELEMENTI DEL FOOTER*/

#footer
{
position: relative;
background-image: url(../img/bgfooter.jpg);
background-repeat: repeat-x;
clear: both;
color: #ffffff;
font-size: 10px;

}

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

#footer a:link
{
text-decoration: none;
color: #ffffff;
}

#footer a:hover
{
text-decoration: underline;
}

#footer a:active
{
text-decoration: underline;
}


#contenitore_footer{
padding-top: 50px;
margin: 0px auto;
width: 955px;
}

#contenitore_footer ul{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 18px;
  list-style-image: url(../img/elenco.gif);
  line-height: 15px;
}

#contenitore_footer ul li{
font-size: 9px;
}

#contenitore_footer li{
position: relative;
}


#komunica_footer{
float: left;
width:180px;
font-family: arial;
font-size: 10px;
line-height: 13px;
padding-right: 5px;
}


#web_footer{
float: left;
width: 130px;
font-family: arial;
font-size: 12px;
line-height: 13px;
padding-right: 5px;
}

#engineering_footer{
float: left;
width: 130px;
font-family: arial;
font-size: 12px;
line-height: 13px;
padding-right: 5px;
}

#comunicazione_footer{
float: left;
width: 130px;
font-family: arial;
font-size: 12px;
line-height: 13px;
padding-right: 5px;
}

#marketing_footer{
float: left;
width: 130px;
font-family: arial;
font-size: 12px;
line-height: 13px;
padding-right: 5px;
}

#chiricoro_footer{
float: right;
width: 230px;
height: 150px;
background-image: url(../img/chiricoro_footer.gif);
margin-top: -8px;
}

#copyright_footer{
font-size: 11px;
margin-top: -30px;
clear: both;
}

/*PORTFOLIO*/
.portfolio {
color: #003C81;
font-weight: bold;
}

#result_pagine {
display:none;
}

#result_pagine .active{
display:block;
}

#result_news {
display:none;
}

#result_news .active{
display:block;
}

#result_portfolio {
display:none;
}

#result_portfolio .active{
display:block;
}

.parola_chiave {
color: #003C81;
font-weight: bold;
}




ul.controls

{

clear: both;

}



ul.controls li

{
display: inline;
font-size: 11px;

}



ul.controls li a

{

background-repeat: no-repeat;

background-position: left;

padding: 0em 5px 0em 20px;

}



ul.controls li a.printerfriendly

{

background-image: url(../img/printer.gif);

}



ul.controls li a.sendto

{

background-image: url(../img/comment.gif);

}



ul.controls li a.export2pdf

{

background-image: url(../img/adobe.gif);

}

ul.controls li a.sharethis

{

background-image: url(../img/condividi.gif);

}

ul.controls li a.comments

{

background-image: url(../img/commenti.gif);

}


#link_elenco {
margin-top: 11px;
margin-bottom: 11px;

}

#link_elenco a {
font-weight: bold;


}


/*PORTFOLIO*/

#portfolio {
width: 955px;
float:left;
line-height: 30px;
}

#testo_portfolio {
line-height: 22px;
margin-top: 15px;
}

#sinistra{
text-align: justify;
width:440px;
float: left;
padding-right: 20px;
position: relative;
}

#destra {
width:485px;
float: right;
position: relative;
}

.pagination {
float: left;
}

#menu_bottom {

}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0px auto;
	padding: 0;
}
.gallery li {
	padding: 20px 15px 50px 15px;
	margin: 0;
	float: left;
	position: relative;
	width: 200px;
	height: 120px;
}

* html .gallery li{
padding: 10px 5px 20px 5px;
	
}

.gallery li:hover img {
	border-color: #003C82;
}
.gallery img {
	background: #fff;
	border: solid 1px #cbcbcb;
	padding: 3px;
}

.gallery_dettaglio {
	list-style: none;
	margin: 0px auto;
	padding: 0;
}
.gallery_dettaglio li {
	padding: 10px 10px 10px 10px;
	margin: 0;
	float: left;
	position: relative;
width: 100px;
height:60px;
}
.gallery_dettaglio li:hover img {
	border-color: #003C82;
}
.gallery_dettaglio img {
	background: #fff;
	border: solid 1px #cbcbcb;
	padding: 3px;
}

.gallery a {
	text-decoration: none;
}

.gallery a:hover {
	border-color: #003C82;
}

.galleria_dettaglio {
  width: 400px;
  height: 60px;
  padding-top: 5px;
}

.galleria_dettaglio a {
  text-decoration: none;
  position: relative;
  right: 0px;
  padding-right: 1.3px; 
}

.galleria_dettaglio a:hover img {
	border-color: #003C82;
}

.galleria_dettaglio img {
  width: 100px;
  height: 60px;
  border: solid 1px #cbcbcb;

}

* html .galleria_dettaglio {
  padding-top: 5px; 
}

.galleria_dettaglio_111 {
margin-top: -115px;
margin-left:340px;
}

*:first-child+html .galleria_dettaglio_111 { 
margin-top: -139px;
margin-left:339px;
}

* html .galleria_dettaglio_111 {
margin-top: -138px;
margin-left:344px;
}

.galleria_dettaglio_111 a {
  text-decoration: none;
  position: relative;
}

.galleria_dettaglio_111 a:hover img {
	border-color: #003C82;
}

.galleria_dettaglio_111 img {
  width: 100px;
  height: 60px;
  border: solid 1px #cbcbcb;

    padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
}

* html .galleria_dettaglio_111 {
}

h2 {
color:#003C82;
font-size: 14px;
}