/* CSS Document */

body{
	background:url(../images/bg.jpg) repeat-x 0 0 #FFFFFF;
	padding:0;
	margin:0;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#434343;
	}
	
*{
	padding:0;
	margin:0;
	}	
	
img{
	border:none;
	}	
	
a{
	outline:0;
	color:#00639D;
	text-decoration:none;
	}	
a:hover{
	outline:0;
	color:#00639D;
	text-decoration:underline;
	}
	
ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}	

ol{
	padding:0 0 0 40px;
	margin:0;
	}
	
.spacer{
	line-height:0;
	font-size:0;
	clear:both;	
	}	

/*=================================== General ==============================*/

#mainContainer{
	width:984px;
	margin:0 auto;
	}	
	
/*--------- Top Panel -------------*/

#topPanel{
	height:90px;
	position:relative;
	}	
	
#topPanel img.logo{
	position:absolute;
	left:9px;
	top:10px;
	z-index:10;
	
	}	
	
h1{
	position:absolute;
	left:328px;
	top:60px;
	font:normal 15px/18px Georgia, "Times New Roman", Times, serif;
	color:#363636;
	display:none;
	}
	
#topPanel p.language{
	
	}	
	
/* Search */

.searchForm{
	background:url(../images/search-bg.jpg) no-repeat 0 0;
	width:229px;
	height:35px;
	padding:7px 0 0 26px;
	position:absolute;
	right:0;
	top:0;
	}
	
.searchForm label{
	float:left;
	font-size:11px;
	display:block;
	height:21px;
	line-height:21px;
	font-family:Arial, Helvetica, sans-serif;
	color:#252525;
	padding:0 4px 0 0;
	}	
	
.searchForm input.txtBox{
	height:13px;
	width:108px;
	border:solid 1px #DFDFDF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#979797;
	padding:3px;
	float:left;
	margin-right:5px;
	}	
	
.searchForm .button{
	float:left;
	}
	
/*--- header ---*/

.flagIcons { 
	position:absolute;
	top:60px;
	right:0;
	width:60px;
	}

.flagIcons img { 
	padding:0 4px 0 0;
	}

.flagIcons span {
	float:left;
	padding:0 5px 0 0;
	}	

.header { 
	background:url(../images/header-mainbg.jpg) no-repeat 0 0; 
	height:381px;
	position:relative;
	}
	
.navPanel{
	padding:9px 0 0 23px;
	height:42px;
	}	
	
ul.nav {list-style-type:none; }
ul.nav li { font:bold 13px/42px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left; margin:0 37px 0 0; padding:0; position:relative;}
ul.nav li a { display:block; color:#FFFFFF; text-decoration:none;}
ul.nav li a:hover, ul.nav li a.active { background:url(../images/arrow-icon.gif) no-repeat 50% 100%; text-decoration:none;}


	
	
/*   DROPDOWN   */

.dropMin {position:absolute; margin:0; visibility:hidden; padding:0; left:-5px; top:42px;  background:#0276B3;}
.drop {color:#000; margin:0; padding:0; border:0;}
.drop ul {width:250px; list-style-type:none; padding:0;}
.drop ul li { border-bottom:dotted 1px #228DC6; padding:0; margin:0; height:31px; line-height:31px; float:none;}
.drop ul li a { display:block; padding:0 0 0 15px; background:#0C74AB; height:31px; line-height:31px; }
.drop ul li a:hover {background:#00A3D1;}	
	
	

.headerText { 
	margin:30px 0 0 45px; 
	width:425px;
	}
	
.headerText  h2 { 
	font:normal 30px/38px Georgia, "Times New Roman", Times, serif; 
	color:#565656; 
	/*text-transform:uppercase; */
	background:url(../images/border-bot.gif) repeat-x 0 100%; 
	padding:0 0 10px 7px; 
	margin:0 0 10px 0; 
	}

.headerText p {
	font:normal 16px/22px Georgia, "Times New Roman", Times, serif;
	padding:0 0 14px 7px;  
	margin:0 0 10px 0;	
}	

.headerText p.blue {
	color:#006AA8;
	background:url(../images/border-bot.gif) repeat-x 0 100%;
	}
.headerText p.blue a:hover{ color:#fff}
.flashVid {
	width:320px;
	height:198px;
	position:absolute;
	top:87px;
	right:139px;
	 }	

.headerButs { 
	padding:10px 0 0 52px;
	 }
	 
.headerButs a.black { 
	background:url(../images/blackbut-bg.jpg) no-repeat 0 0;
	width:137px;
	height:55px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	line-height:33px;
	font-weight:bold; 
	float:left;
	margin:0 13px 0 0;
	}	 
	
.headerButs a.black:hover { 
	background-position:0 -65px;
	}	

.headerButs a.blue { 
	background:url(../images/bluebut-bg.jpg) no-repeat 0 0;    	
	} 	
.Buts { 
	padding:20px 0 0 250px;
	 }
	 
.Buts a.black { 
	background:url(../images/blackbut-bg.jpg) no-repeat 0 0;
	width:137px;
	height:55px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	line-height:33px;
	font-weight:bold; 
	float:left;
	margin:0 13px 0 0;
	}	 
	
.Buts a.black:hover { 
	background-position:0 -65px;
	}	

.Buts a.blue { 
	background:url(../images/bluebut-bg2.jpg) no-repeat 0 0;    	
	} 	
	
/*----body content----*/

.bodyCon {
	padding:23px 0 0 0;	
	}

/*---left side---*/
.leftSide {
	width:716px;
	float:left;
	padding-left:4px;
	}	
	
.leftSide .cola {
	float:left;
	width:342px;
	/*margin:0 20px 0 0;*/
	}	

.leftSide .colb {
	float:right;
	width:340px;
	}

.contentBox { 
	padding:0 0 20px 0;
	width:340px;
	float:left;
	}
 
 h2 { 
	font:normal 22px/30px Georgia, "Times New Roman", Times, serif;
	padding:4px 0 6px;
	margin:0 0 13px 0;    
	}
	.contentBox h2{
		border-bottom:#CECECE solid 1px;
	}
	
.contentBox h2 a{
	text-decoration:none;
	color:#000;
	}	
	
.contentBox h2 a:hover{
	color:#787878;
	}	

.contentBox .innercontBx{
	width:340px;
	/*height:181px;*/
	overflow:hidden;
	float:left;
}
	.contentBox .innercontBx a{
		width:340px;
		/*height:181px;*/
		background:url(../images/list-bgbox.gif) repeat-x 0 99%;
		float:left;
		/*color:#006AA8;*/
		color:#000;
		display:block;
		text-decoration:none;
	}
	.contentBox .innercontBx a:hover{
		width:340px;
		/*height:281px;*/
		background:url(../images/list-bgbox-hover.gif) repeat-x 0 96px;
		float:left;
		/*color:#006AA8;*/
		color:#000;
		display:block;
		text-decoration:none;
	}
	.innercontBx a img.icons{ 
	float:left;
	margin:0 14px 0 10px;
	}	
	.innercontBx a span.fltRht{
		float:right;
		width:260px;
		height:72px;
	}
	.innercontBx a h3{
		font:bold 13px/18px Arial, Helvetica, sans-serif;
		color:#006AA8;
		width:250px;
	}
	.innercontBx a:hover h3{
		 color:#fca140;
	}
	.innercontBx a ul{ 
		width:323px;
		padding:15px 5px 15px 10px;
		margin:24px 0 0 0;
		float:left;
		border:1px solid #e7e7e7;
		clear:both;
		color:#006AA8;
	}
	.innercontBx a ul li{
		background:url(../images/tick-icon.gif) no-repeat 0 0;
		padding:0 0 0 26px;
		color:#006AA8;
		width:297px;
	}

.innercontBx a span.listBox{
	width:323px;
		padding:15px 5px 15px 10px;
		margin:24px 0 0 0;
		float:left;
		border:1px solid #e7e7e7;
	}
	
.innercontBx a span.listBox span{
	display:block;
	background:url(../images/tick-icon.gif) no-repeat 0 0;
		padding:0 0 0 26px;
		color:#006AA8;
		width:297px;
	}	

.contentBox .contentboxBot { 
	background:url(../images/list-shadowbox.jpg) no-repeat 0 0;
	height:11px;
	clear:both;
	border:0;
	}
	

/*---right side---*/
.rightSide {
	width:232px;
	float:right;
	background:url(../images/leftpan-bg.jpg) no-repeat 0 0;
	padding:0 0 0 18px;
	}	

.rightSide p { padding:0 5px 10px 16px; }	

.rightSide p span { 
	color:#005F97;
	}
	
.rightSide h2 { 
	background:url(../images/h2-bg.png) no-repeat 0 0;
	height:56px;
	font:normal 23px/40px Georgia, "Times New Roman", Times, serif;
	color:#EBEBEB;	
	padding:0 0 0 16px;
	}	

.rightSide ul { 
    padding:0 0 10px 0;
	 }	

.rightSide ul li {
	color:#4F4F4F;
	font:normal 14px/17px Arial, Helvetica, sans-serif;
	padding:10px 0 5px 16px;
	display:block;
	background:url(../images/li-line.png) no-repeat 0 0;
	}
	
.rightSide ul li.noBg { background:none; padding-top:0; }		 

.rightSide ul li a {
	color:#4F4F4F;
	text-decoration:none;
	}	

.rightSide ul li a:hover, .rightSide ul li a.active {
	color:#006AA8;
	}
	
.orangeBut { 
	background:url(../images/orange-but.png) no-repeat 0 0; 
	width:108px;
	height:35px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	line-height:20px;
	text-align:center;
	margin:10px 0 0 0;
	}	
					
a.orangeBut:hover{ 
	color:#FFFFFF;
	text-decoration:none;
	}			
		
	
/*----footer----*/
.footer { 
	background:url(../images/footer-bg.jpg) repeat-x 0 0;
	text-align:center;
	padding:36px 0;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#5C5C5C;
	margin:30px 0 0 0;
	}
	
.footer p a { 
	color:#5C5C5C;
	text-decoration:none;
	margin:0 7px;
	}

.footer p a:hover {
	color:#006AA8;
	}

.footer p.small { font-size:11px; padding:5px 0 0 0; }		


form.rightform { padding:0 0 0 17px;}

form.rightform label { width:85px; display:block; font:12px/21px Arial, Helvetica, sans-serif; color:#434343; float:left;}	

form.rightform .inputbox {width:110px; height:15px; border:1px solid #DFDFDF; padding:2px; font:12px Arial, Helvetica, sans-serif; color:#434343; float:left; margin:0 0 10px 0;}

form.rightform .submit { background:url(../images/submit.jpg) left 2px no-repeat; cursor:pointer; border:0; width:54px; height:40px; font:11px Arial, Helvetica, sans-serif; color:#EBEBEB; float:left; padding:0 0 20px 0;}


/* inner Page */

.leftPanl {
	width:709px;
	float:left;
	padding-left:3px;
	}	
	
.infoMain{
	background:url(../images/contentbx-bg-main.gif) repeat-y 0 0;
	float:left;
	width:712px;
	margin-bottom:11px;
	}	
	
.Information{
	background:url(../images/contentbx-tp.gif) no-repeat 0 0;
	float:left;
	width:641px;
	padding:31px 47px 0 24px;
}
.Informationbtm{
	background:url(../images/contentbx-btm.gif) no-repeat 0 0;
	width:712px;
	float:left;
	height:14px;
}

.Information .lftPanl{
	float:left;
	/*width:372px;*/
}
.Information img.icon{
	margin-right:16px;
	float:left;
}

.Information .video{
	float:right;
	width:244px;
	background:url(../images/shadow-video.gif) no-repeat 0 100%;
	padding-bottom:11px;
	*clear:both;
}

.Information .picture{
	background:url(../images/img-bg.gif) no-repeat 0 0;
	width:226px;
	height:144px;
	float:right;
	padding:9px;
}

h3{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#006aa8;
}

p.list{
	background:url(../images/tick-icon.gif) no-repeat 44px 14px;
	padding:15px 0 0 71px;
}

.blueBx{
	float:left;
	width:633px;
	border:1px solid #d3e4eb;
	background:#f1fbff;
	margin-left:4px;
	position:relative;
	padding:30px 24px;

}
	.blueBx .lftband{
		position:absolute;
		left:-22px; top:12px;
		z-index:10;
	}
	
	.blueBx .rhtband{
		position:absolute;
		right:-18px; bottom:12px;
		z-index:10;
	}
	
.btmShadow{
		position:absolute;
		left:0;
		bottom:-15px;
		z-index:-10;
	}
	
	
.blueBx .picBox{
	float:left;
	background:url(../images/pic-bg.jpg) no-repeat 0 0;
	width:257px;
	height:161px;
	}	
	
.blueBx .picBox img{
	margin:7px 0 0 7px;
	}	
	
.blueBx .desc{
	width:340px;
	float:left;
	padding:0 0 0 15px;
	}
	
.blueBx .desc ul{
	padding:0 0 0 0;
	}	
	
.blueBx .desc ul li{
	background:url(../images/tick-icon.gif) no-repeat 0 0px;
	padding:0 0 7px 25px;
	font-size:14px;
	line-height:17px;
	color:#00639D;
	}	
	
.blueBx .desc ul li a{
	text-decoration:none;
	color:#00639D;
	}	
	
.blueBx .desc ul li a:hover{
	text-decoration:underline;
	}	
	
/* inner Page */


/* Listing Page */

h3.listing{
	font:normal 18px/26px Arial, Helvetica, sans-serif;
	color:#006aa8;
	background-color:inherit;
	padding-bottom:5px;
	border-bottom:#CECECE solid 1px;
	margin-bottom:10px;
}

.mt21{ margin-top:21px;}

p.listing{ padding-bottom:22px;}	
/* Listing Page */





.headerInner { 
	background:url(../images/header-inner.jpg) no-repeat 0 0; 
	height:381px; 
	position:relative; 
	}
	
.flash {
	width:394px;
	height:194px;
	position:absolute;
	top:98px;
	right:52px;
	 }		
	 	
	
/*------------*/

.leftPanl h2{
	border-bottom:#CECECE solid 1px;
	}	
	
.btnMrgn{
	margin-top:20px;
	}
	
a.info{
	display:block;
	margin-bottom:11px;
	text-decoration:none;
	}
	
a.info:hover .Information{
	background:url(../images/contentbx-tp-hover.gif) no-repeat 0 0;
	text-decoration:none;
	}
				
a.info .Informationbtm{
	margin-bottom:0;
	}
	
a.backButton{
	display:block;
	background:url(../images/back-bg.gif) no-repeat 0 0;
	width:65px;
	height:19px;
	font-size:11px;
	line-height:19px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	margin:15px 0 20px;
	}

.picRt{
	float:right;
	border:solid 2px #F5F5F5;
	padding:8px;
	background:#FFFFFF;
	margin-left:10px;
	margin-bottom:10px;
	}
	
.flshvideo{
	float:left;
	width:244px;
	background:url(../images/shadow-video.gif) no-repeat 0 100%;
	padding-bottom:11px;
	padding-right:14px;
	*clear:both;
	}	
/*------- Gallery -----------*/

#gallery {
	padding: 0;
	margin: 0;
	width: 700px;
	}
#gallery ul { list-style: none; }
	
#gallery ul li { display: inline; }

#gallery ul img {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 20px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}
	
#gallery ul a:hover img {
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 20px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}
	
#gallery ul a:hover { color: #fff; }

/*------- Gallery END -----------*/
.ok{
	width: 70%;
	font-family: Verdana, Geneva, sans-serif;
	color:#060;
	background-color: #CEFFCE;
	border: 1px solid #090;
	padding: 5px 15px 5px 15px;
}
ul.errors{
	font-family: Verdana, Geneva, sans-serif;
	color:#F00;
	border: 1px solid #F00;
	background-color:#FEDEE3;
	padding: 5px 15px 5px 15px;
	margin: 5px 0 10px 0;
}

.errors{
	font-family: Verdana, Geneva, sans-serif;
	color:#F00;
	border: 1px solid #F00;
	background-color:#FEDEE3;
	padding: 5px 15px 5px 15px;
	margin: 5px 0 10px 0;
}
.button {
	width:150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .pagination a, #dashboard-buttons ul li {
	border:1px solid #ddd;
	background:#f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
	font-weight:bold;
	color:#09C;
	outline:none;
}
.ui-box-header, .ui-state-hover, .ui-box-header .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .pagination a:hover, a.btn:hover, button.ui-state-default:hover, #dashboard-buttons ul li:hover {
	border: 1px solid #9d9d9d;
	background:#F6F6F6 url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;
	font-weight:bold;
	color:#333;
	outline:none;
}
.ui-corner-all, .pagination li a, .pagination li, #tooltip, ul#dashboard-buttons li a, .fixed #sidebar, #dashboard-buttons ul li, #dashboard-buttons ul li a, #dashboard-buttons, .content-box {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

	/* No rounded corners */
.no-rounded .ui-corner-all, .no-rounded .pagination li a, .no-rounded .pagination li, .no-rounded #tooltip, .no-rounded ul#dashboard-buttons li a, .no-rounded .fixed #sidebar, .no-rounded #dashboard-buttons ul li, .no-rounded #dashboard-buttons ul li a, .no-rounded #page-content-wrapper, .no-rounded #sidebar, .no-rounded #navigation ul {
	-moz-border-radius:0!important;
	-webkit-border-radius:0!important;
}
ul#icons li, .pagination li, a.icon-only {
	margin:2px;
	position:relative;
	padding:4px 0;
	cursor:pointer;
	float:left;
	list-style:none;
}
/* Pagination */


.pagination li a {
	padding:4px 8px;
	display:block;
}

.pagination .previous-off, .pagination .next-off, .pagination .active {
	padding:9px 4px;
}
.numpage{
	margin: 0 0 15px 0;
}
.login{
	width: 150px;
}
.articles{
	font-size:14px;
	color:#4F4F4F;	
}
a.titolo {
	font: 14px/18px Arial, Helvetica, sans-serif;
	color:#006aa8;
}
.corpo a{
	font: 14px/18px Arial, Helvetica, sans-serif;
	color:#4F4F4F;
}

/*   Bullets    */
.bullets{
	float:left;
	width:450px;
	border:3px dashed #fe8606;
	background:#faf7cf;
	margin-left:70px;
	position:relative;
	padding:30px 24px;

}
.bullets .elenco{
	width:420px;
	float:left;
	padding:0 0 0 15px;
	}
	
.bullets .elenco ul{
	padding:0 0 0 0;
	}	
	
.bullets .elenco ul li{
	background:url(../images/icontexto-webdev-ok-20x20.png) no-repeat 0 0px;
	padding:3px 0 7px 40px;
	font-size:14px;
	line-height:20px;
	color:#000000;
	}	
img.floatRight { 
    float: right;
	margin-right: 50px;
}
.videobg{ 
	
	width: 350px;
	height: 317px;
    background:url(../images/video-bg.jpg) no-repeat;
    margin: 0 0 0 145px;
}
.videoplayer{ 
    padding-top: 10px;
}
form.contatti label {  
	font:12px/21px Arial, Helvetica, sans-serif; 
	color:#434343; 
}	

form.contatti .inputbox {
	border:1px solid #DFDFDF; 
	padding:2px; 
	font:12px Arial, Helvetica, sans-serif; 
	color:#434343; 
	margin:0 0 10px 0;}