/*
Silk icon set 1.3
Mark James
http://www.famfamfam.com/lab/icons/silk/
*/


/********************************** 
CONTENITORI
**********************************/
body {  color: #000; font-size:12px; line-height:15px;}

#ge-network {background-image: none; height: auto; width:760px !important; width /**/ :770px; padding: 0 0 3px 10px; margin:0 0 10px 0}
#ge-network-top {margin-top: 12px}
#ge-network-top, #ge-network-middle, #ge-network-bottom { display:block}
#container, #cf-header  { width: 770px; }
.noborder {border:none !important;}

#contA 	{ background-color:#fff; border:1px #7DBEDF solid; margin: 0 0 10px 0; padding: 10px; width:748px !important; width /**/ :770px; min-height: 400px; height: auto !important; height: 400px;}
	#contA1 { width: 300px; margin:0 28px 0 0 }
	#contA2 { width: 388px; }	
			#home #contA1 { padding: 5px; width:428px !important; width /**/ :438px;}
			#home #contA2 { background:#f6f6f6; padding: 5px; width:270px !important; width /**/ :280px; float:right}
	
			#catalogo #contA1, #catalogo #contA2, #catalogo #contA3 { width: 224px; margin:0 25px 0 0; display:inline }


/*Logo*/
#cf-header-content { height:50px;margin-bottom:10px}/*forzatura cf-header-v2.js*/
#cf-sectionbrand { float:left; text-indent:-9999px;  margin: 0 0 0 0; padding:0 0 0 10px; width:170px !important; width /**/ :180px; height:50px; }
	#cf-sectionbrand a, #cf-sectionbrand a:visited { display:block; width:100%; height:100%; text-decoration:none; background:transparent url(/membercenter/images/cf-section-membercenter.gif) top left no-repeat }
	#cf-sectionbrand a:hover	{ background-position: bottom left }


#cf-header #user-login { float:right; margin: 20px 0 0 0;}
#user-login span { font-weight:bold; color:#09F }
#user-login li { list-style:none; display:inline; margin:0 10px; background:transparent url(/membercenter/images/set_icon_1.gif) left top no-repeat; padding-left: 20px; }
	#user-login li.welcome { background-position: 0 -14px}
	#user-login li.home    { background-position: 0 -42px}
	#user-login li.exit    { background-position: 0 -70px}
	#user-login li.contact { background-position: 0 -182px}
	
	#user-login li a, #user-login li a:visited { font-size:12px; color:#000; text-decoration:none;}
		#user-login li a:hover { text-decoration:underline;  color:#000; }	




/*Messaggi di errore */
.alert { border: 1px #C00 solid; color:#C00; margin-bottom: 10px; text-align:center; background-color:#FF0}
.alert span { font:bold 14px/50px Arial, Helvetica, sans-serif; padding: 20px 20px 20px 60px; background:url(/membercenter/images/alert.gif) 20px 15px no-repeat; }

/*Avviso */
.alert_2 { border: 1px #C00 solid; color:#C00; margin-bottom: 10px; text-align:center; background-color:#FF0}
.alert_2 span { font:bold 14px/50px Arial, Helvetica, sans-serif; padding: 20px 20px 20px 60px; }
/* Default fonts */
h1 { font-size:18px; font-weight:bold }
h2 { font-size:14px; font-weight:bold; margin-top:10px}
h3 { font-size:12px; line-height: 20px; font-weight:bold; margin-top:30px; border-bottom:1px #09f dotted }

/* Form Login*/
#form-login { background-color:#eee; border:1px #999 solid; width:390px !important; width /**/ :420px; padding:15px; height:325px !important; height /**/ :355px;}
	#form-login legend { font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:30px }
	#form-login label {  background-color:#ddd; font:11px/28px Arial, Helvetica, sans-serif; vertical-align:top; float:left; margin:0 0 10px 0; padding-left:5px; width:105px !important; width /**/ :110px; }
	#form-login .input-text  { border:1px #999 solid; width:270px; padding: 3px; float:right; margin:0 0 10px 0; height:20px; font:bold 16px Arial, Helvetica, sans-serif; }
	#form-login .input-text.focus { border-color:#c00}
	
/* Form A (provvisorio)*/
#form-a { background-color:#eee; border:1px #999 solid; width:290px !important; width /**/ :420px; padding:15px; height:325px !important; height /**/ :355px;}
	#form-a legend { font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:30px }
	#form-a label {  background-color:#ddd; font:11px/28px Arial, Helvetica, sans-serif; vertical-align:top; float:left; margin:0 0 10px 0; padding-left:5px; width:105px !important; width /**/ :110px; }
	#form-a .input-text  { border:1px #999 solid; width:170px; padding: 3px; float:right; margin:0 0 10px 0; height:20px; font:bold 16px Arial, Helvetica, sans-serif; }
	#form-a .input-text.focus { border-color:#c00}

/* Form Operazione */
#form-operazione { background-color:#eee; border:1px #999 solid; width:600px !important; width /**/ :600px; padding:15px; height:325px !important; height /**/ :355px;}
	#form-operazione legend { font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:30px }
	#form-operazione label {  background-color:#ddd; font:11px/28px Arial, Helvetica, sans-serif; vertical-align:top; float:left; margin:0 0 10px 0; padding-left:5px; width:105px !important; width /**/ :110px; }
	#form-operazione .input-text  { border:1px #999 solid; width:170px; padding: 3px; float:right; margin:0 0 10px 0; height:20px; font:bold 16px Arial, Helvetica, sans-serif; }
	#form-operazione .input-text.focus { border-color:#c00}


	
	
	#login-basso{ border-top:1px solid #999; margin:40px 0 0 0; padding:15px;}

#login-basso h2 { font-size: 14px; line-height:14px; font-weight:bold; margin:0 } 


.button-1 { background:url(/membercenter/images/bg_button_1.gif) left top repeat-x; text-decoration:none; border:1px #999 solid; padding: 0 20px; font:bold 12px Arial, Helvetica, sans-serif; color:#2f8dbc; line-height:26px;  display:block }
	
	a.button-1:hover {border:1px #cc0 solid;}
	a.button-1:focus {border:1px #000 solid; background-position:left bottom; color:#06C}

table td .button-1 { text-align:center; width: 100px; margin:0 250px }

.button-2 { background:url(/membercenter/images/bg_button_1.gif) left top repeat-x; text-decoration:none; border:1px #999 solid; padding: 0 20px; font:bold 12px Arial, Helvetica, sans-serif; color:#2f8dbc; line-height:26px;  display:block }
	
	a.button-2:hover {border:1px #cc0 solid;}
	a.button-2:focus {border:1px #000 solid; background-position:left bottom; color:#06C}

table td .button-2 { text-align:center; width: 50px; margin:0 100px }


/********************************** 
Tipi di link
**********************************/
a.link-1, a.link-1:visited {  color:#c00; margin: 20px 0 0 0; background:transparent url(/membercenter./images/set_icon_1.gif) left -153px no-repeat; padding:0 0 0 18px; text-decoration:none }
	a.link-1:hover { text-decoration:underline;}

a.link-2, a.link-2:visited { color:#c00; background:transparent url(/membercenter/images/set_icon_1.gif) left -98px no-repeat; padding-left: 18px; text-decoration:none; margin-left: 150px}
	a.link-2:hover { text-decoration:underline;}

a.link-3, a.link-3:visited { font:bold 14px/36px Arial, Helvetica, sans-serif; color:#06F; text-decoration:none; }
	a.link-3:hover { text-decoration:underline;}	
	
/********************************** 
Tipi di lista
**********************************/
/* Prova qualcosa di nuovo */
.list-type-1  {margin-top:10px; }
.list-type-1 li { list-style:none; margin-bottom:20px }
	.list-type-1 li a, .list-type-1 li a:visited { font-size:12px; color:#369; text-decoration:none;}
		.list-type-1 li a:hover { text-decoration:underline;  color:#000; }	
.list-type-1 li img { margin-right:3px;}

/* elenco servizi */
ul.list-type-2  {margin-top:10px;}
.list-type-2 li { list-style:square; margin-left:15px; margin-bottom:25px; color:#369; font-weight:bold; font-size:13px; }
	.list-type-2 li a, .list-type-2 li a:visited { font-size:13px; color:#06F; text-decoration:none;font-weight:normal }
		.list-type-2 li a:hover { text-decoration:underline;  color:#000; }	
		
/* sottoelenco servizi */
.list-type-3 li { list-style:none; margin:10px; color:#369; font-weight:bold; font-size:13px;}
	.list-type-3 li a, .list-type-3 li a:visited { font-size:13px; color:#06F; text-decoration:none; background:transparent url(/membercenter/images/set_icon_1.gif) left top no-repeat; padding-left: 20px; text-decoration:none; margin-bottom:20px;}
		.list-type-3 li a:hover { text-decoration:underline;  color:#000; }	

.list-type-3.icon-1 li a, .list-type-3.icon-1 li a:visited {background-position: left -210px} /*modifica*/
.list-type-3.icon-2 li a, .list-type-3.icon-2 li a:visited {background-position: left -126px} /*servizi*/
.list-type-3.icon-3 li a, .list-type-3.icon-3 li a:visited {background-position: left -239px} /*cancella*/



	
/* Catalogo*/		
ul.list-type-4  {margin-top:10px; }
.list-type-4 li { list-style:square; margin-left:15px; margin-bottom:10px; color:#09F; font-weight:bold }
	.list-type-4 li a, .list-type-4 li a:visited { font-size:12px; color:#369; text-decoration:none;font-weight:normal }
		.list-type-4 li a:hover { text-decoration:underline;  color:#000; }			
		
/* Catalogo*/		
ul.list-type-5  {margin-top:10px; }
.list-type-5 li { list-style:square; margin-left:15px; margin-bottom:10px; color:#369;}
	.list-type-5 li a, .list-type-5 li a:visited { font-size:12px; color:#369; text-decoration:none; }
		.list-type-5 li a:hover { text-decoration:underline;  color:#000; }				



/* Catalogo*/		
dl.list-type-6  {margin-top:20px; margin-left:15px;}
	.list-type-6  dt { margin-bottom:0px; color:#000; font-weight:bold}
	.list-type-6  dd { margin-bottom:10px; color:#000; color:#369;}
	.list-type-6  a, .list-type-6 li a:visited { font-size:12px; color:#09F; text-decoration:none;}
		.list-type-6  a:hover { text-decoration:underline;  color:#000; }		


/* Identity */
.list-type-8 dl{  border-bottom:1px #ccc dotted; clear:both;  margin:10px 0}
	.list-type-8 dt { float:left; display:block; width:200px;   color:#369; }
	.list-type-8 dd a, .list-type-8 dd a:visited {  text-decoration:none; font-size:12px; color:#FF6200;font-weight:normal;}
		.list-type-8 dd a:hover { text-decoration:underline;  color:#000;   }
	.list-type-8 dd   { float:left; display:block; width:250px; font-weight: bold; font-size:13px; line-height: 16px;  padding: 0 10px 0 10px; margin: 0 0 5px 0;}
		.list-type-8 dd option { height:19px}
		.list-type-8 dd.pubblish   {  text-align:right; font-weight: normal; font-size:12px; }
		.list-type-8 dd.pubblish a  { margin-left: 20px   }

.profile-form {border-bottom:1px #ccc dotted;}
	.profile-form fieldset label { vertical-align: top; color:#369; float:left; display:block; width:210px; font-size:11px;font-weight:normal;}
	.profile-form .photo-box { width:auto}
	.profile-form .photo-box img {border:1px #000 solid; color:#000; padding:5px; width:auto}
	.profile-form textarea { width:528px !important; width:518px; height:100px; overflow: hidden;}
	.profile-form .button-1 {padding: 0 10px;margin: 10px 5px 10px 0; text-decoration:none !important; color:#2f8dbc !important; font-weight:bold }


/**/
/* Cancellazione */
	.generic-form li { list-style:none; margin-bottom:10px; font-weight:bold; color:#369; }
	.generic-form legend {margin:10px 0; display:block}
.box-center { margin:10px 50px; color:#2f5277}
	.box-center label { display:block; float:left; background-color:#C1D4E2; width: 207px; padding: 0 0 0 6px; line-height: 32px; height: 34px; border-right:2px #fff solid}	
	.box-center .input-text {width:266px; margin: 5px}


/* Box news */
#box-news { background-color:#f6f6f6;  padding:20px; font-weight:bold; color:#666; margin:20px 0}
#box-news a, #box-news a:visited {  color:#666; }
	#box-news a:hover { color:#000}


/* vecchie tabelle */
table { border-collapse: separate; border-spacing: 2px; FONT-SIZE: 11px; COLOR: #2f5277; margin: 20px auto;  border:1px dotted #ccc; }

select {FONT-SIZE: 11px; COLOR: #2f5277; width:250px}

TD { padding: 5px;}

.fclbg1    {background-color : #C1D4E2; }
.fclbg2    {background-color : #E2E5E7; }
.fclbg1red {background-color : #C1D4E2; font-weight: bold; color: #FF0000;} 
.fclbg2red {background-color : #E2E5E7; font-weight: bold; color: #FF0000;}
.bg       {background-color : #C1D4E2; }
.form2    {background-color : #E2E5E7; }
.tit {line-height: 16px; text-indent: 5px; font-weight: bold;}


/* FOOTER  - - - - - - - - - - - - - - - */
#shared-copyright {  clear:both; font-size:11px; padding:5px 10px; width:750px !important; width /**/ :770px;background-color:#fff}
#shared-copyright a { text-decoration:none; color:#000; font:bold 11px Arial, Helvetica, sans-serif  }



	
/* Forzatura contentmatch.js */	
#sh-ovadsense {margin-top:-15px !important;}

/* visualizzazione  tabella dati di spedizione*/
.tabellaSi {FONT-WEIGHT: bold; COLOR: #a00000}
.configura {FONT-WEIGHT: bold; COLOR: #a00000; TEXT-DECORATION: underline}
.optMsg {FONT-WEIGHT: bold; COLOR: #a00000; TEXT-DECORATION: none}
.tabellaNo { display:none; }

/* Vcard*/
.vcard {  float:left; width:440px }
.vcard span {display:block;}
.vcard a {display:block;font-weight:12px; color:#369;font-weight:bold; text-decoration:none}
.vcard a:hover {text-decoration:underline}
.vcard .photo {  margin: 0 5px 10px 0; border:1px #000 solid; color:#000; padding:5px;}
.vcard .etichetta {  float: left; color:#666}
   
   /*box dicono di me*/
   .note { border:1px #ccc solid; padding:10px; font-size:13px; font-style:italic;}
   h2.comments { background:transparent url(/membercenter/images/comments.gif) left top no-repeat; padding-left: 20px; margin:25px 0 5px 0; line-height:16px}
   /*box di miei contatti*/
   h2.contacts { background:transparent url(/membercenter/images/contacts.gif) left top no-repeat; padding-left: 20px; margin:25px 0 5px 0; line-height:16px}
   .note span { font-style:normal;}
   
/*ADV*/
#adv-right { float:right}


#ge-network { float:none }




/* CLASSI RESPONSIVE */

@media only screen and (max-width: 800px) {

body {margin:0;     overflow-x: hidden;}

#contA, #contB, #contA1, #contA2, #contA3, #contA3a, #contA3b, #contB1, #contB2, #contB3, #cont-lista {float:none;}
#catalogo #contA1, #catalogo #contA2, #catalogo #contA3 {float:left; width:29%; margin-right:4%}

#home #contA1 { width:auto!important; float:none;} 
  #home #contA2 { width:auto!important; float:none;}
  #home a.link-2, a.link-2:visited {margin-left:0;}
  #home table {margin-top:20px;}
 
	
#container { width:100%!important; min-height:44px; background: url('/membercenter/images/logo-gruppo.svg')0 0 no-repeat; -moz-text-size-adjust:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
  #container.no-bg {background:none;}
  #container img {width: 100%; height: auto; padding: 15px;}
  #container #user-login li.exit a, #container #user-login li.contact a, #user-login li.home a {text-indent:-9999px; display:block; float:left; border:1px solid #ccc; width:15px; height:25px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
  #container #user-login li.exit a {background-position: 8px -65px;}
  #container #user-login li.contact a {background-position: 9px -178px;}
  #container #user-login li.home a {background-position: 8px -37px;} 
  #container #user-login li.welcome { background:transparent url(/membercenter/images/set_icon_1.gif) left top no-repeat; background-position: 0 -14px; position:absolute; top:113px; right:-3px; padding-left:20px; margin:0 10px; }
  #container table tr td img { width:5px; height:5px;}
  #container #contA h1 { text-transform: uppercase; }	
  
#cf-header { width:auto;}
  #cf-header #user-login {margin:15px 0 0 0}
  #cf-sectionbrand {width:150px!important;}

#contA { width:auto!important; width /**/ :auto!important; margin:0 auto; border-width: 1px 0 1px 0; padding:30px; }	
  #contA1 { width:35%; margin:20px  auto; float:none; }
  #contA2 { width:65%; float:none;}
  
#form-login { width:60%!important; height:auto!important; margin:0 auto; background-color: #fff; border: 1px transparent solid; */width: 100% !important;padding: 15px 0;height: auto !important;}
  #form-login label {clear:both; background-color: #fff;font: 11px/28px Arial, Helvetica, sans-serif;vertical-align: top;margin: 0 0 5px 0;padding-left:0;}
  #form-login .input-text { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float:none; width:100%;border: 1px #dedede solid;width: 100%;padding: 5px;float: none;margin: 0 0 16px 0;height: 24px;font: normal 17px Arial, Helvetica, sans-serif; letter-spacing:1px;}
  #form-login legend { font: normal 15px Arial, Helvetica, sans-serif;margin-bottom: 14px;width: 100%; }
  #forn-login input#rememberme { width:20px; height:20px; background-color:red;}
  #form-login input[type="checkbox"]{ width:20px; height:20px; background-color:red; float:left; margin-right:18px; }

#form-login form{margin-bottom:32px;}

a.link-1, a.link-1:visited {
    color: #c00;
    margin:0;
    position:relative;
    display:block;
    background: transparent url(/membercenter./images/set_icon_1.gif) left -153px no-repeat;
    text-align: center;
    float: none !important;
    text-transform: uppercase;
    border: 1px solid;
    padding: 8px 3px;
}

.generic-form legend, ul {margin:20px 0 0 0;}
.deleteForm legend {margin:20px 0 0 0;}

#shared-copyright { width:auto!important; text-align: center;}
.button-1, .button-2 {float:none!important; padding:5px 0; font-size:16px; text-align:center; margin-top:30px; background:#2F8DBC; color:#fff!important; border:0!important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: normal; letter-spacing: 1px; }

 table, textarea, select, caption, colspan { width:80%;} 
  table {margin:20px auto}
  table td .button-1, table td .button-2 { width:80%; margin:0 auto; }	
  table .area1 {width:98%}
  

#user-login li { background: none; margin:0; padding:0;}
#user-login li a { list-style:none; display:inline; margin:0 5px; background:transparent url(/membercenter/images/set_icon_1.gif) left top no-repeat; padding-left: 20px; }

.fclbg1 { width:35%!important; }
.fclbg2 { width:35%!important; }

input#LDAP_PARAM_mail { width:150px;}
#pad {width:98%}
#pad table {width:100%}

.box-center { margin:15px 100px;}
  .box-center label {width: 20%; margin-top: 10px;}
  .box-center .input-text { width:96%; margin:5px 0;}
  
#ge-network {width /**/:100%; padding:0 0  0 10px; margin:0}
.fclbg2 input {width:93%}
ul.list-type-4 {line-height: 12px;}


/* modifiche per mobile */

#form-a{
	background-color: #fff;
    border: 1px transparent solid;
    width: 100% !important;
    padding: 15px 0;
    height: auto !important;
}

#form-a span{
	    font-size: 15px;
    line-height: 20px;
}

#shared-copyright {
    text-align: right;
    padding:32px 20px;
    background-color:#ebf8ff;
    margin:0;
}


h2 { font-size: 18px;font-weight: normal; margin-top: 10px; color: #1e7eaf; }

}

@media only screen and ( max-width: 601px ) {

  #catalogo #contA1, #catalogo #contA2, #catalogo #contA3 {float:none;}
  #contA {padding:20px; }	
   #contA1 { width:auto; float:none;}
   #contA2 { width:auto; float:none;}

 table, textarea, select, caption, colspan { width:100%; margin:0; } 
  table td .button-1, table td .button-2 { width:100%;}
  table {margin:0 auto;}
  table .area1 { width:98%}
  
 .generic-form legend, ul {margin:20px 0 0 0;}
 .deleteForm legend {margin:20px 0 0 0;}
  
 #form-login { width:auto!important; height:auto!important;}
  #form-login label {clear:both;}
  #form-login .input-text {float:none; width:100%;}
  
 .box-center { margin:15px 40px;}
 	.box-center label {width: 98%; margin-top: 10px;}
 	
 #shared-copyright {text-align: center;}
 

  	
}

@media only screen and (max-width: 320px) {

#home #container #contA h1 { margin:25px 0 0 0 }
  #home #contA form a {margin-top:10px; display:block;}

#contA {padding:10px; }
#container #contA h1 { margin:25px 0 0 0}
  #container #user-login li.welcome { right:0; left:-3px}
	
.generic-form legend, ul {margin:20px 0 0 0;}
	
.box-center { margin:15px 0;}
#login-basso { margin: 60px 0 0;}

	
}