/* FONT Amerika Sans */
@font-face {
	font-family:'AmerikaSansRegular';
    src: url('../webfont/ColabLig-webfont.eot');
    src: url('../webfont/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/ColabLig-webfont.woff') format('woff'),
         url('../webfont/ColabLig-webfont.ttf') format('truetype'),
         url('../webfont/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'CicleFina';
    src: url('../webfont/ColabLig-webfont.eot');
    src: url('../webfont/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/ColabLig-webfont.woff') format('woff'),
         url('../webfont/ColabLig-webfont.ttf') format('truetype'),
         url('../webfont/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HandTestRegular';
    src: url('../webfont/handtest-webfont.eot');
    src: url('../webfont/handtest-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/handtest-webfont.woff') format('woff'),
         url('../webfont/handtest-webfont.ttf') format('truetype'),
         url('../webfont/handtest-webfont.svg#HandTestRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../webfont/ColabLig-webfont.eot');
    src: url('../webfont/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfont/ColabLig-webfont.woff') format('woff'),
         url('../webfont/ColabLig-webfont.ttf') format('truetype'),
         url('../webfont/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.er_smartfont{
	font-family:'CicleFina'; !important
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}
body {
	padding:0;
	margin:0;
	text-align:center;
	background-color:#FFFFFF;
	font-family: 'ColaborateLightRegular' ,tahoma,verdana,sans-serif;
	font-size:16px;
}
a{text-decoration:none}
a:hover{text-decoration:underline}
a img{border:none;}
p, form{	margin:0px;	padding:0px;}
p {margin-bottom:4px;}
#container, .container{
	width:980px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	position:relative;
}
#container.legacy {
	padding-top:20px;
	width:980px;	
}

#header{
	position:relative;
	height:80px;
	padding-top:15px;
	padding-bottom:15px;
}
#hd_sx {	float:left;}
#hd_dx {	float:right;padding-right:3px;}
#hd_dx h1{
	margin:0;padding:0;
	font-family:'CicleFina';
	font-size: 22px;
	color: #C80F15;
	font-weight:normal;
}
#footer_container{
	margin-top:20px;
	overflow:hidden;
	background: #5AA7DF url(../images/footer_container_background.jpg) no-repeat center top;
}
#footer{
	margin:0 auto;
	width:980px;
	margin-top:15px;
	margin-bottom:15px;
}
#ft_sx{
	width:600px;
	float:left;
	height:43px; line-height:43px;
	font-size:14px;
	color:#000;
	text-align:left;
}
#ft_dx{
	width:280px;
	height:43px; line-height:43px;
	font-size:14px;
	color:#fff;
	float:right;
	text-align:right;
}
#ft_dx a{
color:#fff;
}

#footer .clear { padding:0; margin:0; height:1px;}

.ecom_title{
  font-family: 'AmerikaSansRegular';
	font-size: 28px;
	color: #C80F15;
	font-weight:normal; 
	padding-bottom:5px;
}
.ecom_intro{
	color:#246699;
  padding-top:0px;
  padding-bottom:20px;
 }

#welcome_login {
	margin-top:20px;
	margin-bottom:20px;
	width:980px;
	font-size:30px;
	font-family: 'HandTestRegular';
	color:#58A3DC;
}

#loginmessage{
	color:#C00;
	text-align:center;
}
#login {
	text-align:center;
	width:980px;
	margin:80px 0;
}

#logintile {
	margin-bottom:10px;
	padding:0;
	font-family:'CicleFina';
	font-size: 28px;
	color: #C80F15;
	font-weight:normal;
}

#frm_login {
	padding:10px 20px;
	height: 170px;
	width:320px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:0 auto;
	border:1px solid #efefef; 
}
.er_order_field{
	height:34px; overflow:hiddden;
	margin-bottom:10px;
	padding:5px 0; 
	float:left;
}

.er_order_field label {
	padding-top:4px;
	text-align:left;
	width:100px;
}
.er_order_field input.textbox {
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block; float:left;
	height: 34px;
	margin:0; padding:4px;
	border:none;
	background-color:#efefef;
	font-family: Arial,Helvetiva,sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

.er_order_field label {
	float:left; padding-right:5px;
	height: 24px; line-height: 24px;
  font-family: Arial,Helvetiva,sans-serif;
  font-size: 18px;
  color:#246699;
}

#button_login {
	margin-top:15px;
	width:320px;
	float:left;
	height:40px;
}

#btn_login {
	margin:0 auto;
	height:34px;
	width:150px;
	cursor:pointer;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	color:#fff;
	font-size:24px;
	background-color:#246699;
	letter-spacing:2px;
	font-family:tahoma;
}

#btn_login:hover {
	color:#FFF;
	background-color:#6FBDEB;
}

#loginmessage {
	color:#C80F15;
}


.clear, .parag{
	clear:both;
	padding:10px;
}

.clear.nospace{padding:0;margin:0}

.required input, .required select
, .wrong input, .wrong select
, .notype input, .notype select{
	background-color:#FF3;
}
#message{
	display:none;
	padding:5px;
	font-weight:bold;
}
#message.required{
 background-color:#FF3;
}
#message.wrong{
 background-color:#F33;
}
#message.notype{
 background-color:#3F3;
}

#srv_menu{
	margin:5px;
	padding:0px;
	list-style:none;
	height:25px;
	border:1px solid #CCC;
}
#srv_menu li{
	float:left;
	padding-left:10px;
}
#srv_menu li h2{
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:1em;
}

#welcome, #srv_list, #admin{
	float:left;
	width:980px;
	height:auto;
}

#welcome {
  float:left;
  width:440px;
}

#srv_list {
	background-color:#f8f8f8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom:20px;
	padding:10px 0;
}
#srv_list #tbservices {
	width:980px;
	text-align:center;
	font-size:12px;
}

#srv_list #tbservices td{
	width:160px;
	
}

#promo{
	float:right;
	padding:5px;
	margin:20px 5px 5px 5px;
	width:240px;
}
.banner_home {
	float:left;
	width:980px;
	height:300px;
	background: url(../images/banner_home.png) no-repeat 0 0;
	position:relative;
}

.banner_text {
	position:absolute;
	left:10px;
	top:225px;
	font-family:'CicleFina';
	font-size: 14px;
	color: #fff;
	font-weight:normal;
}
.portal_title, .portal_subtitle {
	width:980px;
	float:left;
	font-family:'CicleFina';
	font-size: 50px;
	color: #C80F15;
	font-weight:normal;
}

#welcome .portal_title {
  width:440px;
  padding-bottom:10px;
  overflow:hidden;
}

.portal_subtitle {
	text-align:left;
	width:980px;
	float:left;
	margin:10px 0;
	font-size:22px;
}

.portal_subtitle_descr {
  font-family: 'ColaborateLightRegular';
  --font-family: arial;
	font-size:16px;
	color:#333;
	text-align:left;
	margin-bottom:10px;
}
.portal_subtitle_descr p{
  padding-bottom:10px;
}
.portal_subtitle_descr a{
	font-size:16px;
	color:#333;
}
.hm_subtitle {
  width:420px;
  padding-right:20px;
	--font-family: 'ColaborateLightRegular';
	font-family: 'HandTestRegular';
  font-size:32px;
	color:#246699;
	line-height:32px;
}

.hm_subtitle a{
	font-size:14px;
	color:#246699;
}

.hm_promo {
  float:left;
  width:530px;
  padding:0px;
  margin-bottom:10px;

}
.hm_promo_sx {
  float:left;
  width:540px;
}
.hm_promo_title {
  font-family: 'ColaborateLightRegular';
	font-size:30px;
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
.hm_text {
  font-family: 'ColaborateLightRegular';
  --font-family: arial;
	font-size:16px;
	color:#666;
	text-align:left;
}
.hm_text p{
  padding-bottom:10px;
}
.hm_text a{
	font-size:16px;
	color:#333;
}
.hd_promo_dx {
  float:right;
  width:320px;
  height:350px;
  background: #fff url(../images/collaborate.jpg) no-repeat 30px 40px;
}

#welcome h2, #srv_list h2, #promo h2{
	padding:0;
	margin:0;
}

.hm_txt {
	margin-top:10px;
	font-family: tahoma, verdana;
	font-size:13px;
}

#usr_menu{
display:block;
position:absolute;
top:9px;
right:5px;
height:20px;
width:400px;
text-align:right;
margin:0px;
padding:0px;
list-style:none;
}
#usr_menu li{
display:block;
float:right;
padding-left:12px;
margin-left:20px;
background: transparent url(../images/menu_srv_bullet.png) no-repeat left 14px;
}
#usr_menu li a{
	color:#246699;
	font-size:28px;
}
#usr_menu li a:hover{
	text-decoration:none;
	color:#246699;
	font-size:28px;
}

#name_surname {
	position:absolute;
	float:right;
	text-align:right;
	width:400px;
	top:40px;
	right:5px;
	font-family:'CicleFina';
	font-size: 18px;
	color: #C80F15;
	font-weight:normal;
	
}

/*DOCUMENTS*/
.doc_hm_title {width:540px;height:30px;margin-left:10px;margin-top:10px;text-indent:-1000;}
#documenti {background:url(../images/imagetext/h2/Documenti.png) no-repeat;}
#doc_hm_subtitle{width:540px;margin-left:10px;margin-bottom:20px;font-size:12px;}
#doc_hm_sx {float:left;}
#info {background:url(../images/imagetext/info/Info.png) no-repeat;text-indent:-1000;}
#txt_info{font-size:12px;color:#999;margin:10px 10px 0 0;}
#doc_hm_dx {width:220px;float:right;margin-top:10px;}
.docbox {
	position:relative;
	width:262px;
	height:80px;
	margin:10px;
}
.docboxtitle{
	width:auto;
	height:25px;
	position:absolute;
	top:-10;
	left:28;
	padding-left:5px;
	padding-right:5px;
	color:#387FB3;
	font-size:18px;
	font-family:tahoma;
	background-color:#FFF;
}
.docbox_main {
	width:262px;
}
.docbox_main_border {
	height:30px;
	border-left:2px solid #D6D6D6;
	border-right:2px solid #D6D6D6;
}
.docbox_main_txt {
	position:absolute;
	width:180px;
	height:60px;
	top:15;
	left:20;
	font-size:12px;
}
.docbox_main_btn {
	position:absolute;
	width:40px;
	height:20px;
	right:20;
	bottom:15;
}
/*REGISTRATION FORM */
.services_bck {
	background-image:url(../images/registration_bck.png);
	background-position:top;
	background-position:left;
	background-repeat:repeat-y;
	padding:0 10px 0 10px;
	width:788px;
}
.registration_title {
	margin-left: 15px;
	width:760px;
	padding-left:10px;
	background-image:url(../images/registration_title_bck.jpg);
	background-position:left;
	background-repeat:no-repeat;
	color: white;
	font-size:26px;
}

.registration_head{
	width:400px;
	height:40px;
	background:url(../images/imagetext/h2/Gestione%20Utente.png) no-repeat;text-indent:-1000;
	margin-left: 15px;
}

#registration_form {
	width:760px;
	font-size:13px;
	text-align:justify;
	margin:10px 15px 0 15px;
}

.reg_form_box_fields {
	padding:5px 15px 5px 15px;
	border-left:2px solid #9ED057;
	border-right:2px solid #9ED057;
}

.reg_form_box_fields label ,.reg_form_box_fields .label {
	font-size: 13px;
	width:200px;
	float:left;
}

.reg_form_box_fields .note {
	width:720px;
}

.info {
	padding-left:205px;
	text-align:justify;
	font-weight:bold;
	color:red;
}

.block {
	color:#999;
	font-weight:normal;
}
.reg_form_box_fields textarea {
	font-size: 12px;
	font-family: tahoma, verdana, sans-serif;
	text-align:justify;
}

.reg_form_box_fields input, .reg_form_box_fields select {
	width:520px;
	color:#333;
}

#disclaimer {
	width:720px;
	font-size:10px;
	text-align:justify;
	color:#999;
}

.item {
	min-height:25px;
	height:auto !important;
	height:25px;
	font-size:13px;
	padding:5px 0 5px 0;
}

.reg_form_box_top, .reg_form_box_bottom {
	height:20px;
	width:760px;
}

.reg_form_box_top {
	background-image:url(../images/registration_box_top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}

.reg_form_box_bottom {
	background-image:url(../images/registration_box_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:hidden;
}

.reg_form_box_fields_title {
	float:left;
	width:auto;
	height:20px;
	margin:0 10px 0 10px;
	padding:0 10px 0 10px;
	background-color:white;
	color: #9ED057;
	font-weight:bold;
}

#register_buttons, #account_buttons{
	margin-top:20px;
	width:100%;
}

#register_buttons td {
	text-align:center;
	width:50%;
}

#account_buttons  td{
	text-align:center;
	width:33%;
}


#header_container{
 	background: #5AA7DF url(../images/header_container_background.jpg) no-repeat center top;
}


/* SCROLLABLE HOME */
.serv_list {
	float:left;
	width:960px;
	height:120px;
	margin-bottom:20px;
	padding:30px 10px 10px 10px;
	background: #efefef url(../images/services_bg.jpg) no-repeat left top;
	
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	float:left;
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 880px;
	height:110px;

	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:880px;
}

/* single scrollable item */
.scrollable .serv_item {
	text-align:center;
	width:176px;
	float:left;
}

.scrollable .serv_item  a{
	width:176px;
	float:left;
}

.scrollable .serv_item .serv_icon {
	text-align:center;
	width:176px;
	float:left;
}

.scrollable .serv_item .serv_icon img {
	margin:0 auto;
	width:68px;
	height:68px;
}

.scrollable .serv_item .serv_label {
	margin:10px;
	padding:5px 0;
	text-align:center;
	width:156px;
	font-family:'CicleFina';
	font-size: 14px;
	color: #C80F15;
	font-weight:normal;	
	text-decoration:none;
}

.scrollable .serv_item a:hover .serv_label {
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#C80F15;
	color:#fff;
	text-decoration:none;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:38px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/* INFO USERS */
#tbinfouser {
}
#tbinfouser #userheader {

}
#tbinfouser #userheader td{
	color:#fff;
	background-color:#C80F15;
	padding:5px;
}

#tbinfouser #userrow td {
	font-size:16px;
	border-bottom:1px dotted #CCC;
	padding:3px 0;
	text-align:left;
	height:50px;
}

#tbinfouser #userrow td.center {
	text-align:center;
} 

.portal_btn{
	clear:both;
	margin:10px 0;
	padding:5px 20px;
	width:100px;
	text-align:center;
	cursor:pointer;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#246699;
	letter-spacing:2px;
	font-family:tahoma;
}

.portal_btn:hover,.portal_btn:hover a  {
	text-decoration:none;
	color:#FFF;
	background-color:#6FBDEB;
}

.portal_btn a {
	color:#fff;
	font-size:18px;
}

/* coming soon*/

.cs {
  padding-top:30px;
  margin:0 auto;
  width:980px;
}
.cs_left {
  width:550px;
  height:359px;
  font-family:'AmerikaSansRegular';
  float:left;
 
}

.cs_right {
  width:400px;
  height:359px;
  float:left;

}
	
.cs_img {
  margin-top:50px;
  width:400px;
  height:264px;
  background: #fff url(../images/sedie.jpg) no-repeat 0 0;
}

.cs_txt1, .cs_txt2, .cs_txt3 {
  width:430px;
  text-align:center;
  font-family:'AmerikaSansRegular';
  font-size:18px;  
}
.cs_txt1 {
  padding-top:110px;
   font-size:24px;
   color:#246699;
} 
.cs_txt2 {
  padding-top:5px;
  font-size:50px;
  color:#C80F15;
  font-weight:bold;
}
.cs_txt3 {
  padding-top:50px;
  font-size:22px;
  color:#666;
}

#social {
  width:100%;
  height:250px;
   background: #fff url(../images/social_bg.jpg) repeat-x 0 0;
}
#social_container {
  width:980px;
  height:250px;
  margin:0 auto;
}
.social_item {
  float:left;
  width:223px;
  height:190px;
  margin-top:20px;
  padding:0px 10px;
  text-align:center;
  cursor:pointer;
}
.social_item:hover {
  background-color:#fff;
  	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;

}

.social_item .social_txt {
  padding-top:120px;
  color:#666;
}

.social_item#social_blog, .social_item#social_youtube,  .social_item#social_fb, .social_item#social_twitter {
  background-position: center 10px;
  background-repeat: no-repeat;
}

.social_item#social_blog {
 background-image: url(../images/social_ico_blog.png);
}
.social_item#social_youtube {
 background-image: url(../images/social_ico_youtube.png);
}
.social_item#social_fb {
 background-image: url(../images/social_ico_fb.png);
}
.social_item#social_twitter {
 background-image: url(../images/social_ico_twitter.png);
}