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

html,body{
	width:100%;
	height:100%;
	color:#666;
	background:url(immagini/back_page_01.jpg) repeat-x #CCC;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
#centra{
	margin:0 auto 0 auto;
	width:892px;
}
#twitter{
	clear:left;
	float:left;
	font-size:0.8em;
	margin:5px 0 -5px 0;
	width:530px;
}

#twitter span{
	float:left;
	background:url(immagini/twitter_01.jpg);
	width:121px;
	height:73px;
}
#twitter div{
	float:left;
	background:url(immagini/twitter_02.jpg);
	width:401px;
	height:67px;
	padding:3px 0 3px 0;
}
#lingua{
	float:right;
	margin-top:10px;
}
#lingua a{
	margin:0 3px 0 3px;
}
a img{
	border:none;
}
#logo{
	float:left;
	margin:0;
	border:none;
	margin:20px 0 -20px 0;
}
#video{
	clear:both;
	display:block;
	float:left;
	width:892px;
	height:233px;
	background:url(immagini/home_page_11.jpg) repeat-x;
}
 .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
}

#slider li, #slider2 li{ 
	width:892px;
	height:233px;
	overflow:hidden; 
	}
#prevBtn,#nextBtn{ 
		display:block;
		float:left;
		margin-top:-150px;
		z-index:1000;
		}
#nextBtn{
	float:right;
}
#nextBtn, #slider1next{ 
		left:696px;
}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:29px;
		height:67px;
		/*top:-30px;*/
		background:url(immagini/freccia_sx.png) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
	background:url(immagini/freccia_dx.png) no-repeat 0 0;	
}	

#video_dx{
	float:right;
	height:233px;
	width:5px;
	background:url(immagini/home_page_14.jpg) no-repeat;
}
#video_sx{
	float:left;
	height:233px;
	width:5px;
	background:url(immagini/home_page_09.jpg) no-repeat;
}
#content{
	clear:left;
	float:left;
	width:800px;
	padding:0 46px 0 46px;
	height:221px;
	background:url(immagini/home_page_17.jpg) repeat-x;
}
#content_testo{
	clear:left;
	float:left;
	width:800px;
	padding:0 46px 0 46px;
	
	background:#FFF;
}
#progetti{
	clear:left;
	float:left;
	width:800px;
	
	padding:15px 46px 15px 46px;
	background-color:#FFF;
}
#chiusura{
	clear:left;
	float:left;
	width:892px;
	height:4px;
	background:url(immagini/index_24.jpg) no-repeat;
}
.boxini{
	display:block;
	float:left;
	width:212px;
	height:180px;
	font-weight:bold;
}
.small{
	width:165px;
	height:auto;
	margin:0 15px 0 15px;
}
@font-face{
	font-family: 'CaeciliaLTStd';
	src: url('CaeciliaLTStd-Heavy.otf');
}
.boxini h2{
	float:left;
	margin:0;
	font-family:CaeciliaLTStd
}
#boxino_sftw{
	background:url(immagini/home_img_09.png) no-repeat right;
	
}
#boxino_web{
	background:url(immagini/home_img_06.png) no-repeat right;
	
}
#boxino_mobile{
	background:url(immagini/home_img_03.png) no-repeat right;
}
.elementCentro{
	margin:0 79px 0 79px;
}
.box_cont{
	float:left;
	
}
.box_cont span{
	width:100%;
}
.margina_cont{
	margin-top:122px;
}
.box_cont span{
	clear:left;
	float:left;
	font-size:0.8em;
}
.box_cont a:link, .box_cont a:visited {
	clear:left;
	float:left;
	display:table-cell;
	width:98px;
	height:21px;
	background:url(immagini/button.png) no-repeat;
	text-align:center;
	font-weight:normal;
	font-size:0.7em;
	color:#333;
	text-decoration:none;
	margin-top:7px;
	line-height:20px;
}
.box_cont a:hover{
	background:url(immagini/button_over.png) no-repeat;
	color:#FFF;
}
#box_prog_Home{
	float:left;
	width:540px;
}
#box_prog_Home .box_prog{
	width:160px;
}
#box_prog_Home .elementCentro{
	margin:0 20px 0 20px;
}

#catalogoHome{
	float:right;
	}
.box_prog{
	float:left;
	width:212px;
}
.box_prog img{
	float:left;
	border:none;
}
.box_prog span{
	clear:left;
	float:left;
	font-size:0.8em;
	width:100%;
}
#social{
	clear:left;
	float:right;
	margin-top:6px;
	height:40px;
}
#social a{
	float:left;
	margin:0 0 0 10px;
	
}
#social a:hover{
	margin:5px 0 0 10px; 
}

#legal{
	float:left;
	margin-top:10px;
	clear:both;
	width:100%;
	font-size:0.7em;
	text-align:center;
}
.partner{
	clear:left;
	float:left;
	margin-top:10px;
	width:100%;
}
.staff{
	clear:left;
	float:left;
	margin-top:10px;
	width:765px;
}
.staff h2{
	margin:0;
	font-size:1em;
}
.staff div{
	float:left;
	width:550px;
	margin-bottom:10px;
}


.sfImg img{
	float:left;
	margin:2px 0 0 3px;
}
.sfImg{
	width:158px;
	height:188px;
	float:left;
	margin:0 15px 10px 0;
	background:url(immagini/fotoBG.jpg) no-repeat;
}
.sfPart{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	
	-moz-border-radius-bottomright:11px;

	-moz-border-radius-topright:11px;
	-moz-box-shadow:0 4px 18px #CCC;
}
.staff .separatore{
	clear:left;
	float:right;
	background:url(immagini/separatore.jpg);
	width:625px;
	height:10px;
	margin:10px 0 20px 0;
	
}
.separatore{
	clear:left;
	float:left;
	background:url(immagini/separatore.jpg);
	width:625px;
	height:10px;
	margin:5px 0 0 100px ;
}

h2{
	
	margin:15px 0 0 0;
	clear:left;
}
ul.clienti li{
	float:left;
	display:inline;
	margin:5px 10px 5px 10px;
	padding:0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-box-shadow:0 4px 18px #CCC;
	height:auto;
}
ul.clienti li a{
	display:table-cell;
	width:200px;
	height:137px;
	margin:0;
	vertical-align:middle;
	text-align:center;
}
ul.clienti li a img{
	border:none;
}
.normal_li{
	display:marker;
}
.imgMobile img{
	float:left;
	margin:15px;
}

/*TABELLA*/
.intestTable{
	background-color:#8C1B1D;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
td{
	padding:5px;
	border-bottom:3px solid #999;
	font-size:0.8em
}
td b,td strong{
	font-size:1.2em;
}
.rif{
	background:#666;
	color:#FFF;
}

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

.clLeft{
	clear:left;
}
.clBoth{
	clear:both;
}
.flLeft{
	float:left;
}
/* MENU */
#bord_menu_sx{
	
	float:left;
	background:url(immagini/home_page_03.jpg) no-repeat;
	display:block;
	width:3px;
	height:29px;
	margin-right:5px;
}
#bord_menu_dx{
	
	float:right;
	background:url(immagini/home_page_06.jpg) no-repeat;
	display:block;
	width:3px;
	height:29px;
}
#myslidemenu{
	clear:left;
}
.jqueryslidemenu{
	clear:right;
	float:right;
	font-family:CaeciliaLTStd;
	font-weight:bold;
	width: 600px;
	height:29px;
	background: url(immagini/home_page_04.jpg) repeat-x; /*background of tabs (default state)*/

}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: url(immagini/home_page_04.jpg) repeat-x; /*background of tabs (default state)*/

padding: 4px 10px 0 10px;

height:25px;
text-decoration: none;
border-right:#CCC 1px solid;
}
.jqueryslidemenu ul li a.ultimo{
border-right:none;
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #666;
}

.jqueryslidemenu ul li a:hover{
background:url(immagini/menu_hover_04.jpg) repeat-x; /*tab link background during hover state*/
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#FFF;
border-bottom:#CCC 1px solid;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{

width: 160px; /*width of sub menus*/
padding: 5px 10px 0 10px ;
border-top-width: 0;
background-image:none;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background:url(immagini/home_page_04.jpg) repeat-x;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}