/*stili generici per tutti gli elementi del sito*/

body {
	color:#8c8c8e;
	background: #eb6530 url("/img/bg_home3.gif") repeat-x;
	text-align:center;
	height:100%;
	font-family:Verdana,Arial,Helvetica;
}

form {
	margin-top:0;
	margin-bottom:0;
}

a:link {
	color:black;
	text-decoration:none;
}

a:visited {
	color:black;
	text-decoration:none;
}

a:hover {
	color:#f26631;
	text-decoration:none;
}

a.linkfooter:hover {
        color:#ffffff;
        text-decoration:none;
}

a:active {
	color:black;
	text-decoration:none;
}

a img {
	border:0;
}

hr {
	color: #DDDDDD;
	border:1px solid #DDDDDD;
}
/*inizio tabella principale. Le immagini di sfondo sono usate per disegnare la cornice*/


.wrapper {
	width:911px;
	text-align:center;
	margin:auto;
	background-image: url('/img/home_bg.gif');
	background-repeat: repeat-y;
	border:0px solid black;
	height:100%
}

.pre_header {
	display:block;
	clear: both;
	height:8px;
}

.topleft {
	background-image: url('/img/home_tl.gif');
	height:8px;
	width:8px;
	float:left
}

.top {
	background-color: #FFFFFF;
	width:895px;
	height:8px;
	background-image: url('/img/home_top.gif');
	background-repeat: repeat-x;
	float:left;
}

.topright {
	border:0px solid black;
	background-image: url('/img/home_tr.gif');
	width:8px;
	height:8px;
	float:right;
}

.pre_footer {
	clear:both;
}

.bottomleft {
	background-image: url('/img/home_bl.gif');
	width:8px;
	height:8px;
	float:left;
}

.bottomright {
	background-image: url('/img/home_br.gif');
	width:8px;
	height:8px;
	float:left;
}

.bottom {
	background-image: url('/img/home_bottom.gif');
	width:895px;
	height:8px;
	float:left;
}

/*fine cornice*/

/*testata e menu*/

.left {
	background-image: url('/img/home_left.gif');
	height:100%;
	width:8px;
	float:left;
	border:0px solid black;
}


.testata {
	border:0px solid green;
	width:905px;
	margin:auto;
	background:#FFFFFF;
}

.right {
	background-image: url('/img/home_right.gif');
	width:8px;
	float:left;
	height:100%;
}

/*stile del menu in alto*/
.mainmenu {
	width:895px;
	height:46px;
	border-right:5px solid #FFFFFF;
	border-left:5px solid #FFFFFF;
	background-image: url('/img/menu_bg.jpg');
	position:relative;
	margin:auto;
}

div.mainmenu ul {
	list-style-type: none;
	border:0px solid black;
	height:100%;
	padding-top:0;
	margin-top:0;
	margin-left:250px;
}

div.mainmenu ul li {
	float:left;
	/*vertical-align:baseline;*/
	padding-right:30px;
	padding-top:15px;
}

div.mainmenu ul li img{
	border:0;
}

/*sottomenu delle sezioni*/

ul.submenu {
	margin:0;
	padding:0;
	margin-left:5px;
	padding-left:5px;
	margin-top:3px;
	width:890px;;
	border:0px solid black;
	background: #f2aa56;
	text-align:left;
}

ul.submenu li {
	margin:0;
	padding:0;
	padding-right:20px;
	margin-right:20px;
	padding-lefT:10px;
	margin-left:10px;
	display:inline;
	font-weight:bold;
	font-size:0.9em;
	background: #f2aa56;
}

/*parte centrale che contiene i menu di sinistra e i contenuti al centro*/

.mainbody {
	width:905px;
	background-color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica;
	font-size:1em;
	margin-left:3px;
	border:0px solid green;
	float:left; /*devo flottarlo a sx perch� altrimenti non si ridimensiona in altezza insieme al contenuto*/
	padding-bottom:30px;
}

/* colonna sx: contiene banner e menu verticale*/

#leftwrapper {
	width:165px;
	height:100%;
	border:0px solid black;
	float:left;
	margin-left:8px;
}

/*stile del div #contenuto, dove compaiono i contenuti principali del sito*/

#contenuto {
/*	position:relative;*/
/*	margin-left:165px; /*deve avere lo stesso valore della "width"+"margin-left" di leftmenu (per non sovrapporsi)*/
	padding-left:50px;
/*	border:1px solid black;*/
	float:left;
	clear:right;
	width:652px;
	text-align:left;
	font-size:0.8em;
	margin-top:20px;
}


/*stile dell'area banner a sx*/
.banner {
	margin-left:9px;
	margin-top:25px;
	margin-bottom:9px;
	position:relative;
	width:156px;
	height:137px;
}


/*.banner img {
	display:none;
}*/

.firstslide {
	display:block;
}

/*stile del menu a sinistra*/
#leftmenu {
	float:left;
	width:156px;
	height:493px;
	background-image: url('/img/leftmenu_bg2.gif');
	margin-left:9px;
	text-align:left;
}

#leftmenu img {
	border:0;
}

/*stile del messaggio di benvenuto azienda a sinistra*/
p.benvenutoazienda {
color:#FFFFFF;
text-align:center;
margin-left:auto;
margin-right: auto;
font-size:0.8em;
}

img.logoleft{
margin-left:auto;
margin-right:auto;
max-width:120px;
}

div.logoleft {
text-align:center;
}

/*stile usato per gli angoli arrotondati nei campi dei form
nel menu a sinistra
*/
#leftmenu div.input {
	width:131px;
	height:22px;
	margin:auto;
	background-image: url('/img/round_input.gif');
}

#leftmenu select, input {
	margin-left:3px;
	margin-top:2px;
	border:0;
	width:125px;
}

input[type=file] {
	border:1px solid #dddddd;
	width:20em;
}

#leftmenu label {
	font-size:0.7em;
	color:#FFFFFF;
	margin-left:14px;
}

/*pulsante visualizza nel menu a sx*/
#leftmenu input.visualizza {
	margin-left:61px;
	margin-top:5px;
	margin-bottom:20px;
}

/*pulsante entra nel menu a sx*/
#leftmenu input.entra {
	margin-left:77px;
	margin-top:5px;
	margin-bottom:20px;
}

/*pulsante iscriviti nel menu a sx*/
#leftmenu input.iscriviti {
	margin-top:10px;
	margin-left:12px;
}

/*pulsante logout nel menu a sx*/
#leftmenu input.logout {
	margin-left:77px;
	margin-top:5px;
	margin-bottom:20px;
}

img.titololeft {
	margin-bottom:4px;
}

.testoleft {
	font-size:0.7em;
	color:#FFFFFF;
	margin:auto;
	width:132px;
}


.leftmenubottom {
	width:158px;
	height:12px;
	background: url('/img/leftmenu_bgbottom.gif');
	float:left;
	margin-left:8px;
}
/*fine menu sinistra*/

/*pulsante visualizza generico*/
input.visualizza {
	background-image: url('/img/btn_visualizza.gif');
	width:82px;
	height:19px;
}

/*pulsante entra generico*/
input.entra {
	background-image: url('/img/btn_entra.gif');
	width:66px;
	height:20px;
}

/*pulsante iscriviti generico*/
input.iscriviti {
	background-image: url('/img/btn_iscriviti.gif');
	width:131px;
	height:23px;
}

/*pulsante logout generico*/
input.logout {
	background-image: url('/img/btn_logout.gif');
	width:66px;
	height:20px;
}

/*pulsante iscriviti nella scheda corso*/
input.iscriviti_scheda {
	background-image: url('/img/btn_iscriviti_scheda.gif');
	width:83px;
	height:18px;
}

/*barra dove viene visualizzato il percorso attuale*/
.pathway {
	/*margin-top:5px;
	padding-bottom:3px;*/
	border-bottom:2px solid #DDDDDD;
	color:#f26631;
	font-weight:bold;
	font-size:13px;
}

/*barra dove vengono visualizzate le tabs del menu area riservata*/
ul.tabs {
	text-align:right;
	border-bottom:0;
	margin-top:-2px;
}

ul.tabs li {
	display:inline;
}

#imgchat {
	width:70px;
	height:21px;
}

ul.tabs form {
	display:inline;
	margin-left:-2px;
}

/*Stile delle box in home page, che contengono le info sui corsi*/
.homesection {
	width:298px;
	float:left;
	margin-right:10px;
	margin-top:15px;
	margin-left:10px;
	overflow:auto;
}

.section_top {
	width:298px;
	height:10px;
	background-image: url('/img/section_top.gif');
}

.section_body {
	width:278px;
	height:165px;
	background-image: url('/img/section_bg.gif');
	background-repeat: repeat-y;
	padding:10px;
	border:0px solid green;
	overflow:auto;
}

.section_bottom {
	width:298px;
	height:8px;
	background-image: url('/img/section_bottom.gif');
}

.section_button_left {
	width:217px;
	height:23px;
	background-image: url('/img/section_button_bg_left.gif');
	float:left;
}

.section_button_center {
	width:70px;
	height:23px;
	background-image: url('/img/section_button_bg_center.gif');	
	float:left;
}

.section_button_right {
	width:11px;
	height:23px;
	background-image: url('/img/section_button_bg_right.gif');
	float:left;
	border:0px solid black;
}

.section_button_center object {
	margin-top:-2px;
	margin-left:2px
}

/*contenuti della box del corso*/

.section_date {
	color:#f26631;
	font-weight:bold;
}

.section_title {
	font-weight:bold;
}

/*questo server per due motivi:
- fare il bordino nero intorno all'immagine
- fare il float:left; se metto float left nel "section_image",
  non riesco pi� a centrare verticalmente l'immagine.
*/
.section_image_wrapper {
	width:86px;
	height:86px;
	margin-right:3px;
	float:left;
	border: 1px solid #d4d5d6;
	text-align:center;
	padding:3px;
	overflow:hidden;
}

/*Trucchetto per allineare verticalmente l'immagine:
font-size deve essere (altezza div) * 0.905 - 2 * padding del container
*/
.section_image {
	/*float:left;*/
	width:86px;
	height:86px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	/*font-size:77.83px;*/
	/*font-size:80px;*/
	font-size:71.83px;
}

.section_image img {
	vertical-align:middle;
	width:80px;
}

.section_description {
	clear:both;
	padding-top:5px;
}
/*fine stili per box home page*/

/*chiusura pagina*/
.footer {
clear:both;
width:700px;
font-size:0.8em;
color:#FFFFFF;
margin:auto;
}

td.cella_scelta_corso input{
	border:1px solid #DDDDDD;
}

/*cornice con titolo*/

div.box
	{
	position: relative;
	margin-top: 15px;
	padding: 0;
	text-align: left;		
	background-color: transparent;
	}
	
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

div.tlc, div.trc, div.blc, div.brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

div.tlc
	{
	background-image:url(/img/box_tl.gif);
	background-position: 0% 0%;
	}

div.trc
	{
	background-image:url(/img/box_tr.gif);
	background-position: 100% 0%;
	}
	
div.blc
	{
	background-image:url(/img/box_bl.gif);
	background-position: 0% 100%;
	}

div.brc
	{
	background-image:url(/img/box_br.gif);
	background-position: 100% 100%;
	}

div.tb, div.bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
div.tb
	{
	background-image:url(/img/box_top.gif);
	background-position: 0% 0%;
	}

div.bb
	{
	background-image:url(/img/box_bottom.gif);
	background-position: 50% 100%;
	}
	
div.rb
	{
	background-image:url(/img/box_right.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

div.lb
	{
	background-color: #FFFFFF;
	background-image:url(/img/box_left.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}


div.boxcontent{
	padding-top:25px;
	padding-left:10px;
	padding-right:10px;
}


div.boxtitle {
margin-left:15px;
float:left;
padding-top:2px;
color:#FFFFFF;
font-weight:bold;
}

.titolino_box {
	color:#f26631;
	font-weight:bold;
	margin-bottom:3px;
}

.separator_box {
height:0px;
border-top:1px solid #DDDDDD;
margin-top:8px;
margin-bottom:8px;
}

/*fine box generico*/

/*stili personalizzati per ciascuna box*/
/**/
#infogenerali {
width:45%;
float:left;
}

#contatti {
width:45%;
float:left;
margin-left:5%;
margin-bottom:20px;
}

.pulsantecontatti {
	border:0;
	position:absolute;
	width:100%;
	text-align:right;
	margin-top:-11px;
	background:transparent;
}

#boxiscrizione {
width:45%;
float:right;
margin-right:5%;
}

#aziende {
width:95%
}

.aziendecontentwrapper {
	overflow:auto;
	padding-bottom:25px;
	text-align:center;
	
}

/*Stili per il box contatti nella scheda corso*/


/*fine stili box contatti scheda corso*/

/*Stili per le box della pagina Avvisi*/
/*cornice con titolo*/

div.boxavvisi
	{
	padding-bottom: 2px;
	margin-top:20px;
	}
	
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

div.tlcavvisi, div.trcavvisi, div.blcavvisi, div.brcavvisi
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

div.tlcavvisi
	{
	background-image:url(/img/boxavvisi_tl.gif);
	background-position: 0% 0%;
	}

div.trcavvisi
	{
	background-image:url(/img/boxavvisi_tr.gif);
	background-position: 100% 0%;
	}
	
div.blcavvisi
	{
	background-image:url(/img/boxavvisi_bl.gif);
	background-position: 0% 100%;
	}

div.brcavvisi
	{
	background-image:url(/img/boxavvisi_br.gif);
	background-position: 100% 100%;
	}

div.tbavvisi, div.bbavvisi
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
div.tbavvisi
	{
	background-image:url(/img/boxavvisi_top.gif);
	background-position: 0% 0%;
	}

div.bbavvisi
	{
	background-image:url(/img/boxavvisi_bottom.gif);
	background-position: 50% 100%;
	}
	
div.rbavvisi
	{
	background-image:url(/img/boxavvisi_right.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

div.lbavvisi
	{
	background-color: #FFFFFF;
	background-image:url(/img/boxavvisi_left.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

div.boxtitleavvisi {
	margin-left:15px;
	float:left;
	padding-top:7px;
	color:#FFFFFF;
	font-weight:bold;
}	
	
div.boxcontentavvisi {
	padding-bottom:20px;
	padding-left:25px;
	padding-right:25px;
	padding-top:40px;
}

div.boxavvisichiuso {
	color:#ffffff;
	font-weight:bold;
	margin-top:15px;
	overflow:auto;
}

div.boxavvc_l {
	background-image:url(/img/boxavvisi_chiuso_l.gif);
	background-position: 0% 0%;
	background-repeat:no-repeat;
	height:40px;
}

div.boxavvc_r {
	background-image:url(/img/boxavvisi_chiuso_r.gif);
	background-position: 100% 100%;
	background-repeat:no-repeat;
	height:40px;
}

div.boxavvc_c {
	background-image:url(/img/boxavvisi_chiuso_c.gif);
	background-position: 0% 0%;
	background-repeat:repeat-x;
	height:40px;
}

div.boxavvisichiuso_title {
	float:left;
	padding-left:16px;
	padding-top:13px;
}

div.boxavvisichiuso a:link {
	color:#ffffff;
}

div.boxavvisi a:link {
	color:#ffffff;
}

div.boxavvisichiuso a:visited {
	color:#ffffff;
}

div.boxavvisi a:visited {
	color:#ffffff;
}

div.boxavvisichiuso a:hover {
	color:#000000;
}

div.boxavvisi a:hover {
	color:#000000;
}

div.boxavvisichiuso a:active {
	color:#000000;
}

div.boxavvisi a:active {
	color:#000000;
}


/*fine stili box avvisi*/

/*Stili box file personali*/

div.boxfile {
	padding-bottom: 2px;		
}
	
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

div.tlcfile, div.trcfile, div.blcfile, div.brcfile
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

div.tlcfile
	{
	background-image:url(/img/boxfile_tl.gif);
	background-position: 0% 0%;
	}

div.trcfile
	{
	background-image:url(/img/boxfile_tr.gif);
	background-position: 100% 0%;
	}
	
div.blcfile
	{
	background-image:url(/img/boxfile_bl.gif);
	background-position: 0% 100%;
	}

div.brcfile
	{
	background-image:url(/img/boxfile_br.gif);
	background-position: 100% 100%;
	}

div.tbfile, div.bbfile
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
div.tbfile
	{
	background-image:url(/img/boxfile_top.gif);
	background-position: 0% 0%;
	}

div.bbfile
	{
	background-image:url(/img/boxfile_bottom.gif);
	background-position: 50% 100%;
	}
	
div.rbfile
	{
	background-image:url(/img/boxfile_right.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

div.lbfile
	{
	background-color: #FFFFFF;
	background-image:url(/img/boxfile_left.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

div.boxcontentfile{
	border:0;
	overflow:auto;
	padding:4px;
}

div.boxcontentfile form {
	display:inline;
}

.boxcontentfilel {
	display:table-cell;
	#display:inline-block; /*questo lo vede solo IE; se non lo metto inline-block , non posso impostare la larghezza in % */
	vertical-align:middle;
	width:60%;
	border-right:1px solid #dddddd;
}

.filedettagli {
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #dddddd;
	padding-right:4px;
	padding-left:4px;
}

.fileelimina {
	display:table-cell;
	vertical-align:middle;
	border-right:0px solid #dddddd;
	padding-right:6px;
}

.fileelimina input[type=image] {
	width:19px;
	height:19px;
	vertical-align:middle;
}

.filerinomina {
	display:table-cell;
	vertical-align:middle;
}

.filerinomina input[type=image] {
	width:38px;
	height:32px;
	vertical-align:middle;
}

ul.filepersonali {
	/*list-style-image: url('/img/pallini.gif');*/
	list-style-type:none;
	padding:0;
	margin-left:0;
	margin-top:20px;
	margin-bottom:20px;
}

ul.filepersonali li {
border:0px solid green;
padding:0;
/*line-height:0;*/
}
/*fine stili box file*/

.btnfilepersonali {
	margin-bottom:20px;
}

.btninviafile {
	margin-top:15px;
}

/*stili box file pubblici*/
div.boxfilepubblici
	{
	padding-bottom: 2px;
	}
	
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

div.tlcfilepubblici, div.trcfilepubblici, div.blcfilepubblici, div.brcfilepubblici
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

div.tlcfilepubblici
	{
	background-image:url(/img/boxpubblici_tl.gif);
	background-position: 0% 0%;
	}

div.trcfilepubblici
	{
	background-image:url(/img/boxpubblici_tr.gif);
	background-position: 100% 0%;
	}
	
div.blcfilepubblici
	{
	background-image:url(/img/boxpubblici_bl.gif);
	background-position: 0% 100%;
	}

div.brcfilepubblici
	{
	background-image:url(/img/boxpubblici_br.gif);
	background-position: 100% 100%;
	}

div.tbfilepubblici, div.bbfilepubblici
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
div.tbfilepubblici
	{
	background-image:url(/img/boxpubblici_top.gif);
	background-position: 0% 0%;
	}

div.bbfilepubblici
	{
	background-image:url(/img/boxpubblici_bottom.gif);
	background-position: 50% 100%;
	}
	
div.rbfilepubblici
	{
	background-image:url(/img/boxpubblici_right.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

div.lbfilepubblici
	{
	background-color: #FFFFFF;
	background-image:url(/img/boxpubblici_left.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

div.boxcontentfilepubblici{
	overflow:auto;
	padding:4px;
	width:100%;
}


.boxcontentfilepubblicil {
	display:table-cell;
	#display:inline-block; /*questo lo vede solo IE; se non lo metto inline-block , non posso impostare la larghezza in % */
	vertical-align:middle;
	border-right:1px solid #dddddd;
	width:250px;
}

.filepubblicidettagli {
	display:table-cell;
	vertical-align:middle;
	border-right:1px solid #dddddd;
	padding-right:4px;
}

ul.filepubblici {
	padding-left:20px;
	margin-left:20px;
	list-style-image: url('/img/pallini.gif');
	/*list-style-position: inside;*/
}

ul.filepubblici li {
	margin-top:5px;
}
/*fine box file publici*/

/*stili per l'imagine del logo azienda nella scheda corso*/

.loghiaziende {
	text-align:center;
	margin-bottom:0px;
	margin-top:15px;
	float:left;
	width:24%;
}

/*questo serve per due motivi:
- fare il bordino nero intorno all'immagine
- fare il float:left; se metto float left nel "section_image",
  non riesco pi� a centrare verticalmente l'immagine.
*/
.aziende_image_wrapper {
	width:100px;
	height:60px;
	margin:auto;
	border: 1px solid #d4d5d6;
	text-align:center;
	padding:3px;
	display:inline-block;
	vertical-align:bottom;
	margin:auto;
}

/*Trucchetto per allineare verticalmente l'immagine:
font-size deve essere (altezza div) * 0.905 - 2 * padding del container
*/
.aziende_image {
	width:100px;
	height:60px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:48.3px;
	overflow:hidden;
}

.aziende_image img {
	vertical-align:middle;
	width:100px;
}
/*fine stili per logo azienda*/

/*stile per lista corsi in area azienda*/
ul.elencocorsi {
	margin-top:25px;
	list-style-image: url('/img/pallini.gif');
	/*width:85%;*/
	list-style-position:outside;
	border:0px solid green;
	margin-left:10px;
	padding-left:10px;
}

ul.elencocorsi li {
	vertical-align: top; 
	position: relative;
	padding-top:5px;
}

ul.elencocorsi .lista_corsi_titolo {
	display:inline-block;;
	width:50%;
	font-weight:bold;
	margin-right:10px;
	vertical-align:top;
	padding-left:7px;
}

ul.elencocorsi .lista_corsi_titolo {
	display:inline-block;
}

.lista_corsi_riga {
	width:100%;
	display:inline-block;
}

ul.elencocorsi .lista_corsi_data {
	display:inline-block;
	width:30%;
	vertical-align:top;
}

.lista_corsi_azione {
	display:inline-block;
	text-align:right;
	margin-right:0;
	width:10%;
	vertical-align:middle;
}

span.num_pag_att{
	border: 1px solid #DDDDDD;
	padding: 2px 3px;
}

div.pagination {
	width:100%;
	text-align:center;
	margin-top:30px;
	padding:3px;
}

.pulsanteinalto {
	text-align:right;
}

/*rinomina file*/
input#newnamefile {
	border:1px solid #dddddd;
	width:30em;
}

/*scheda popup dettagli corso*/
.paginapopupcorso {
	font-size:0.8em;
	padding:10px;
}

div.boxpopup {
	margin-top: 15px;
	padding:0;
	text-align: left;		
	background-color: transparent;
	border:0px solid black;
}

.boxcontentpopup {
	padding-top:35px;
}

.imageframepopupwrapper {
	float:left;
	width:270px;
	height:270px;
	border:1px solid #dddddd;
	margin-left:15px;
	padding:5px;
	overflow:hidden;
}

/*Trucchetto per allineare verticalmente l'immagine:
font-size deve essere (altezza div) * 0.905 - 2 * padding del container
*/
.imageframepopup {
	width:270px;
	height:270px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:234.35px;
}

.imageframepopup img {
	width:270px;
}

.daticorsopopup {
	margin-left:300px;
	border:0px solid green;
	padding-left:15px;
	padding-right:15px;
}

.boxpopupintero {
	padding:4px;
}

.boxpopupleft {
	display:table-cell;
	width:48%;
	border-right:1px solid #dddddd;
	vertical-align:top;
	float:left;
	padding:2px;
}

.boxpopupright {
	margin-top:0;
	margin-left:-1px;
	padding:2px;
	display:table-cell;
	width:48%;
	border-left:1px solid #dddddd;
	vertical-align:top;
	float:left;
}

.boxfilepopup { /*serve a distanziare verticalmente le cornicette*/
	margin-bottom:2px;
}

.boxcontentfilepopup {/*fa espandere questo elemento quando gli elementi interni flottanti si espandono*/
	border:0px solid orange;
	overflow:auto;
	padding:4px;
}

.contentwrapperpopup {/*fa espandere questo elemento quando gli elementi interni flottanti si espandono*/
	overflow:auto;
	padding-bottom:15px;
}

#boxdescrizione {
	margin-left:15px;
	margin-right:15px;
}

#formail {
	width:70%;
}

#formail input {
	border:1px solid #dddddd;
}

ul.elencocontatti {
	/*list-style-image: url('/img/pallini.gif');*/
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

ul.elencocontatti li {
	padding:15px;
	vertical-align: top;
	position: relative;
	padding-top: 1px;
}

.rigacontatti {
	width:100%;
}

.nomecontatti {
	width:25%;
	display:inline-block;
}

.sezionecontatti {
	width:28%;
	display:inline-block;
}

.sezionecontattiorange {
	width:28%;
	display:inline-block;
	color:#f26631;
	font-weight:bold;
}

.telcontatti {
	width:20%;
	display:inline-block;
}

.emailcontatti {
	width:10%;
	display:inline-block;
}

.inviamessaggio {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:0;
}

/*titolo sezione contatti*/
li.contattititle {
list-style-type:none;
list-style-image:none;
}

div.rigacontattititle {
	background-color: #f26631;
	color: #ffffff;
	font-weight:bold;
	padding:3px;
}

.sei_in {
	display:inline-block;
	width:550px;
	vertical-align:top;
	padding-top:2px;
	padding-bottom:6px;
}

input.listaiscritticorso {
width:14px;
height:14px;
}