/* CSS Document  ADOBE PROGETTO SCUOLA*/
body
{
	margin:0px; 
	padding: 0px; 
	font-size: 12px; 
	font-style: normal;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;
}
div
{
	display:block;
	border:0;
	padding:0;
	margin:0;
}


span
{
	float:left;
}
div#container
{ 
	width:960px; 
	text-align:left;
	/*serve per allineare al centro il tmplt su mozilla*/
	margin: 0 auto;
}
div#header
{
	background: url(../images/top_template.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0px;
	border:0;
	height:62px;
	width: 960px;
	float:left;
	clear:left;
}
a#homeHref
{
	float:left;
	margin:20px 0 0 20px;
}
div#content
{
	clear:left;
	float:left;
	width:100%;
	margin-top:20px;
	height:auto;
}

/*********************		menu e visual  *********************/

/*div#menuTop
{
	width:100%;
	height:25px;
	line-height:25px;
	background-color:#CCCCCC;
	clear:left;
	float:left;
	/* altezze: header 102 - div link home 60 - 25 menu navigazione = 17px
	margin-top:17px;
}*/
div#visual
{	
	clear:left;
	float:left;
	height:270px;
	width:960px;
	background-color:#FFFFFF;
	border:0;
}
/**********************		generali Template  *******************/
div#areaCentraleTemplate
{
	float:left;
	width:100%;
	height:100%;
	background-image:url(../images/bg_body3Colonne.jpg);
	background-repeat:repeat-y;
}

div#areaCentraleTemplateForm
{
	float:left;
	width:100%;
	height:100%;
	background-image:url(../images/bg_body2Colonne.jpg);
	background-repeat:repeat-y;
}

.colonnaSx
{
	clear:left;
	float:left;
	width:228px;
	min-width:228px;
	border-bottom:1px solid white;
}

.colonnaDx
{
	float:right;
	font-size: 12px; 
	width:171px;
	height: 100%;
}

.areaContenuti
{
	float:left;
	width:480px;
	margin-left: 40px;
}

.areaContenutiForm
{
	float:left;
	width:692px;
	margin-left: 40px;
}
.areaContenutiForm2
{
	float:left;
	width:10px;
	margin-left: 1px;
}
.areaContenutiForm1
{
	float:left;
	width:692px;
	margin-left: 25px;
	margin-top:-18px;
}

.roundedBox
{
	clear:left;
	float:left;
	height:80px;
	width:222px;
	border:1px solid #CCCCCC;
}

.boxElementoElenco
{
	float:left; 
	width:100%; 
	margin-top:25px;
}

.boxDescElementoElenco
{
	float:left; 
	clear:left;
	width:100%; 
	margin-top:20px;

}
.linkSpacer
{
	border:0px;
	width:5px;
	height:15px;
}

.boxLink
{
	float:left; 
	text-align:left; 
	width:100%; 
	margin-top:2px;
	line-height:14px;
}
.boxLink_mod
{
	float:left; 
	text-align:left; 
	width:100%; 
	margin-top:10px;
	line-height:14px;
}


.docCivetta .boxLink
{
	float:right;
	margin-right:4px;
}
.docCivetta .boxTestoLink
{
	margin-top:3px;
}

.boxImgLink
{
	line-height:20px; 
	float:left; 
	width:20px; 
	height:12px;
	margin-top:0px;
}

.spaginatoreElencoMenu
{
	float:left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #F1F1F1;
	margin-top: 20px;
}
.spaginatoreCivettaHome
{
	float:left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #F1F1F1;
	margin-top: 4px;
}
.titCivetta
{
	float:left;
	clear:left;
	font-size:12px;
	margin-top:12px;
	width:100%;
	line-height:12px;
	height:2em;
	font-weight:bold;
}
.titBannerHome
{
	float:left;
	clear:left;
	margin-left:10px;
	margin-top:10px;
	line-height:14px;
}
.titBannerHome a
{
	font-size:14px;
}

.segnalinoCivetta
{
	position:relative;
	top:0;
	right:0;
}
.boxFreccinaLink
{
	float:left;
	width:6px;
	margin-top:1px;
}

.frecciaLinkGrigia
{
	background-image:url(../images/freccina_link.gif);
}

.frecciaLinkCommunity
{
	background-image:url(../images/freccina_link_Community.gif);
}

.frecciaLinkGuardare
{
	background-image:url(../images/freccina_link_Guardare.gif);
}

.frecciaLinkFare
{
	background-image:url(../images/freccina_link_Fare.gif);
}

.frecciaLinkCollaborare
{
	background-image:url(../images/freccina_link_Collaborare.gif);
}

.frecciaLinkSeminari
{
	background-image:url(../images/freccina_link_Seminari.gif);
}

.frecciaLinkNovita
{
	background-image:url(../images/freccina_link_Novita.gif);
}

.frecciaLinkConcorsi
{
	background-image:url(../images/freccina_link_Concorsi.gif);
}

.frecciaLinkContatti
{
	background-image:url(../images/freccina_link_Contatti.gif);
}

.boxTestoLink
{
	float:left; 
	margin-top:1px; 
	margin-left:0px; 
	font-size:11px;
}

.floatClearLeftW100
{
	clear: left;
	float:left;
	width:100%;
}

.floatClearLeft
{
	clear: left;
	float:left;
}

.top20
{
	margin-top:20px;
}
.top40
{
	margin-top:40px;
}

/**********************		Footer		************************/
div#footer
{
	/*background:url(../images/adobe_logo.gif);*/
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:left;
	height:80px;
	width: 960px;
	margin: 0;
	clear:both;
	float:left;
	margin-top:60px;
	border-top:1px solid #CCCCCC;
}
div#txtFooter
{
	margin:20px 0;
	font-size: 11px;
}
.linkFooter
{
	font-style: normal;
	font-weight: normal;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;	
}
.linkFooter:hover
{
	text-decoration: underline;
}

/****************  Elementi PB   *****************/
.segnalino
{
	clear:right;
	float:right;
}
.elencoElem
{
	float:left;
	clear:left;
	margin:10px 0;
	width:100%;


}
.pbedit
{
	float:left;
	margin-left:12px;
	margin-top:6px;
}
.pbFeature
{
	background-color:#FBFDDB;
	border:1px solid #4A0471;
}
div#setBanner
{
	font-size:10px;
	clear:both;
	float:left;
	height:14px;
	line-height:14px;
	width:99%;
	text-align:center;
	margin-top:10px;
}

/*******************	Made by adacto (footer)	****************************/
.adver
{ 
	clear:left; 
	float:left; 
	width:100%;
	visibility:hidden;
}
.madeby
{
	margin:20px 0;
	clear:both;
	float:left;
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: #999999; 
	text-decoration: none;
}

/****************  classi testo   **************/

a
{
	font-style: normal;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	color: #999999; 
	text-decoration: none;
	font-weight:bold;
}
a:hover
{
	color: #666666; 
}


.boxLink a
{
	font-size: 11px; 
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #999999; 
	text-decoration: none;
	font-weight:bold;
}
.boxLink a:hover
{
	text-decoration:underline;
}

.boxLink_mod a
{
	font-size: 11px; 
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #999999; 
	text-decoration: none;
	font-weight:bold;
}
.boxLink_mod a:hover
{
	text-decoration:underline;
}

h1
{
	clear:left;
	float:left;
	font-size: 20px; 
	font-style:normal;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;
	margin: 0px;
	line-height:1.2em;
}

h2
{
	clear:left;
	float:left;
	font-size: 18px; 
	font-style:normal;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;
	margin: 0px;
	line-height:1.2em;
}

h3
{
	clear:left;
	float:left;
	font-size: 12px; 
	font-style:normal;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;
	margin: 0px;
	line-height:1.2em;
}
h4
{
	clear:left;
	float:left;
	font-size: 11px; 
	font-style:normal;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration: none;
	margin: 0px;
}

.testoCheckbox
{
	line-height:normal;
	font-size:11px;
	color: #666666;
	font-weight:normal;
}
/*****************	    elementi HomePage	********************/

div#areaCentraleHome
{
	clear:left;
	float:left;
	width:960px;
	height:567px;
	background-image:url(../images/bg_body3ColonneHome.jpg);
	background-repeat:repeat-y;
}

div#areaBottomHome
{
	clear:left;
	float:left;
	width:960px;
	height:264px;
	margin-top:20px;
}
.colHome
{
	float:left;
	margin-left:23px;
	width:222px;
	height:100%;
	
}
.colHomeimg
{
	float:left;
	margin-top:10px;
	width:218px;
}

.colHomeimg img
{
	float:left;
	margin-left:-2px;
	
}

.civettaHome
{
	clear:left;
	float:left;
	height:95%;
	width:100%;
	overflow:hidden;
}
.docCivetta
{
	clear:left;
	float:left;
	margin-top:10px;
	height:48%;
	width:99%;
	max-height:48%;
	overflow:hidden;
}
.box304
{
	float:left;
	width:306px;
	height:285px;
	min-height:285px;
	max-height:285px;
	margin-left:18px;
	border-left:0px;
	text-align:left;
	overflow:hidden;
}
.box304 a
{
	float:left;
	border:0;
	margin:0;
	text-decoration:none;
}
.box304 a:hover
{
	text-decoration:underline;
}
.boxImg304 img
{
	float:left;
	width:304px;
	height:150px;
	margin:0;
	border:0;
}
.box304Content
{
	clear:left;
	float:left;
	height:66px;
	min-width:302px;
	width:302;
	max-height:66px;
	border-right:1px;
	border-left:1px;	
	border-color:#CCCCCC;
	border-style:solid;
	border-collapse:collapse;
}
.box222
{
	clear:left;
	float:left;
	width:220px;
	border-left:0px;
	
}
.box222 img
{
	float:left;
	width:220px;
	
}
.box222 a
{
	float:left;
	border:0;
	margin:0;
}
.box222Content
{
	clear:left;
	float:left;
	height:223px;
	width:218px;
	border-right:2px;
	border-left:2px;	
	border-color:#CCCCCC;
	border-style:solid;
	border-collapse:collapse;
}

/*********************		elementi vari	******************************/

div#inviaAmico
{
	clear:left;
	width:auto;
	float:right;
}
div#spacer-top
{
	clear:both;
	float:left;
	width:100%;
	height:1px;
	margin-top:40px;
}

div#areaAllegati
{
	clear:left;
	float:left;
	margin-top:20px;
	width:100%;
}
div#areaLink
{
	clear:left;
	float:left;
	margin-top:20px;
	width:100%;
}
div#areaFlash
{
	border:1px solid #CCCCCC;
	margin-top:20px;
	height:346px;
	width:460px;
	clear:left;
	float:left;
}

#introSezione
{
	float:left;
	clear:left;
	width:100%;
	margin-top:20px;
	font-size:14px;
	text-align:justify;
}
#domanda
{
	font-size:12px;
	text-align:justify;
	font-weight:bold;
}
#risposta
{
	font-size:12px;
	text-align:justify;
}
.colonnaSep
{
	float:left;
	min-height:20px;
	height:100%;
	width:26px;
}


.header
{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}

.left14
{
	float:left;
	height:100%;
	margin-left:7px;
}
.roundedHeader222
{
	clear:left;
	float:left;
	height:28px;
	line-height:28px;
	background-repeat:no-repeat;
	width:222px;
}
div#headGuardare
{
	background-image:url(../images/bg_roundedHeader222guardare.gif);
}
div#headFare
{
	background-image:url(../images/bg_roundedHeader222fare.gif);
}
div#headCollaborare
{
	background-image:url(../images/bg_roundedHeader222collaborare.gif);
}
.roundedFooter222
{
	float:left;	
	clear:left;
	background-image:url(../images/roundedFooter222.gif);
	height:14px;
	width:222px;
}
.roundedHeader304
{
	clear:left;
	float:left;
	height:28px;
	line-height:28px;
	width:304px;
}
.roundedFooter304
{
	clear:left;
	float:left;	
	background-image:url(../images/roundedFooter304.gif);
	height:14px;
	width:304px;
}
div#dettaglioDoc
{
	clear:left;
	float:left;
	width:92%;
	margin:60px 4%;
}
.sottotitolo
{
	float:left;
	clear:left;
	margin:20px 10px;
}
div#sommarioDoc
{
	clear:left;
	float:left;
	width:160px;
	height:40px;
	margin:10px 0;
}
div#testoDoc
{
	clear:left;
	float:left;
	width:100%;
	margin-top:20px;
}
.testoHeader
{
	color:#FFFFFF;
	font-size:14px;
}
.testoBoxHome
{
	float:left;
	clear:left;
	color:#666666;
	font-size:12px;
	line-height:14px;
	margin-top:2px;
	margin-left:10px;
	width:270px;
	text-align:left;
}
p{
	margin:0;
	padding:0;
}
div#imgHoriz
{
	clear:left;
	float:left;
	width:160px;
	height:40px;
	margin-top:10px;
}

/*********************		colori sezioni	******************************/
.colorSeminari
{
	color:#CA3895;
}
.colorSeminari:hover
{
	color:#CA3895;
}

.colorCommunity
{
	color:#E2081E;
}
.colorCommunity:hover
{
	color:#E2081E;
}

.colorGuardare
{
	color:#3399FF;
}.colorGuardare:hover
{
	color:#3399FF;
}

.colorFare
{
	color:#99CC33;
}.colorFare:hover
{
	color:#99CC33;
}

.colorCollaborare
{
	color:#F4821F;
}
.colorCollaborare:hover
{
	color:#F4821F;
}

.colorNovita
{
	color:#FFCC00;
}.colorNovita:hover
{
	color:#FFCC00;
}

.colorConcorsi
{
	color:#666666;
}
.colorConcorsi:hover
{
	color:#666666;
}

.colorContatti
{
	color:#669999;
}
.colorContatti:hover
{
	color:#669999;
}

.colorTesto
{
	color:#666666;
}
.colorTesto:hover
{
	color:#666666;
}


/************************** Elenco allegati  **********/
.allegati_ul
{
	float:left;
	width:223px;
	margin:0px;
	padding:0px;
	margin-top: 20px;
}
.contributi_ul
{
	float:left;
	width:223px;
	margin:0px;
	padding:0px;
	margin-top: 20px;
}
.allegati_ul a
{
	font-size: 11px; 
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666; 
	text-decoration:none;
}
.allegati_ul a:hover
{
	font-size: 11px; 
	font-style: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}

.allegati_ul li
{
	clear:left;
	float:left;
	list-style-image: url(../images/ico_allegati_li.jpg);
	list-style-position:inside;
	color:#0000CC;
	display: list-item;
	margin-left: 5px;
}
.contributi_ul li
{
	clear:left;
	float:left;
	list-style-image: url(../images/ico_contributi_li.jpg);
	list-style-position:inside;
	color:#0000CC;
	display: list-item;
	margin-left: 5px;
}
.allegati_ul li#pdf
{
	list-style-image: url("../images/tmp_logo_pdf.jpg");
	list-style-position: inside;
	display: list-item;
	margin-left: 5px;
}

.lista_ul
{
	float:left;
	width: 100%;
	margin:0px;
	padding:0px;
}

.lista_ul li
{
	list-style-position:inside;
	list-style-type: disc;
	display: list-item;
	margin: 0px;
}
.allegati_li  a
{
	position:relative;
	bottom:9px;
	left:-8px;
}
/******************/
/* CSS Document gestione AREA PROMO*/
div#displayBanner2
{
	height:290px;
}

div#displayBanner1 img
{

	width:300px;
	float:left;
}
div#displayBanner2 img
{

	width:220px;
	float:left;
}
div#elencoBanner
{
	clear:left;
	float:left;
	margin:20px 8%;
	width:84%;
}
.dettaglioBannerHome
{
	float:left;
	width:312px;
	margin:20px 40px;
	line-height:18px; 
	border:1px solid #CCCCCC;
	padding:4px;
}
.dettaglioBannerColonna
{
	float:left;
	width:238px;
	margin:20px 10px;
	line-height:18px; 
	border:1px solid #CCCCCC;
	padding:4px;
	height:
}

/*******************  AREA UTENTI  *******************************/
div#divAreaUtenti
{
	width:280px;
	clear:right;
	float:right;
	border:0;
	text-align:right;
	line-height:20px;
}

div#divLogin
{
	clear:right;
	float:right;
	width:100px;
	height:20px;
	line-height:20px;
	background-color:#666666;
	color:white;
	border:0;
}


a#link_registrati
{
	color:#DD0000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
a#link_registrati:hover
{
	text-decoration:underline;
}
div#boxLogin
{
	width:268px;
	height:128px;
	position:relative;
	float:right; 
	background-image:url(../images/bg_boxLogin.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCCCCC;
	top:0;
	right:0;
}
div#boxLogin2
{
	width:278px;
	height:148px;
	position:relative;
	float:right; 
	background-image:url(../images/bg_boxLogin.jpg);
	background-repeat:repeat-x;
	border:1px solid #CCCCCC;
	top:0;
	right:0;
}


.text_input
{
 	float:right;
	margin-right:2px; 
	height:16px;
	border:0; 
	width:140px;
	background:none;
	font-size:12px;
	color:#666666;	
}

.select_input
{
	float:left;
	height:19px;
	border:0; 
	width:148px;
	background:none;
	font-size:12px;
	color:#666666;	
}

.select_input_container
{
	height:19px;
	width:148px;
	clear:left; 
	float:left;
}

.input_container
{
	float:right;
	height:19px;
	width:148px;
	background-repeat:no-repeat;
	background-image:url(/adobeps/images/bg_input_148.gif);
}

.text_inputBig
{
 	float:right;
	margin-right:2px; 
	height:16px;
	border:0; 
	width:308px;
	background:none;
	font-size:12px;
	color:#666666;	
}
.text_inputBig440
{
 	float:left;
	margin-left:4px; 
	border:1px solid red;
	height:16px;
	border:0; 
	width:560px;
	background:transparent;
	font-size:12px;
	color:#666666;	
}

.input_containerBig
{
	float:right;
	height:19px;
	width:316px;
	background-repeat:no-repeat;
	background-image:url(/adobeps/images/bg_input_316.gif);
}
.input_container440
{
	float:right;
	height:19px;
	width:440px;
	background-repeat:no-repeat;
	background-image:url(/adobeps/images/bg_input_440.gif);
}
.formdiv
{
	float:left;
	height:20px;
	line-height:20px; 
	font-weight:bold;
	text-align:left;
	color:#999999;
}

.input_checkbox
{
	background-repeat:no-repeat;

}
.attendere
{
	background-image:url(../images/loading.gif);
	background-position:center 20%;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
	text-align:center;
	padding-top:70%;
	
}
.testoMenuCivette
{
	float:left!important;
	clear:left;
	width:100%;
	line-height:14px;
	font-size:12px;
	margin-top:8px;
	height:4em;
	text-align:left;
}

.textArea_container
{
	clear:left;
	float:left;
	background-image:url(../images/bg_textArea550x139.gif);
	height:139px;
	width:550px;
	border:0;
}
.textArea
{
	clear:left;
	float:left;
	height:128px;
	width:540px;
	margin:6px 0 0 6px;
	border:0;
	background-color:transparent;
	font-size:12px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

div.fileinputs {
	clear:left;
	float:left;
	margin-left:2px;
}

input
{
	clear:left;
	float:left;
	#border:1px solid #CCCCCC;
	font-size:12px;
	color:#666666;		
}
.imgDoc img
{
	width:160px;	
}
/*****************************	GALLERY - SlideShow	***********************************************/


.stepcarousel
{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 460px;
	height: 346px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.belt img
{
	height:346px;
	width:460px;
}
.stepcarousel .panel
{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 460px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.carouselBt
{
	position:relative;
	height:25px;
	width:25px;
	background-color:#000000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	text-align:center;
	font-family:"Courier New", Courier, monospace;	
}
.carouselBt#leftBT
{
	top:167px;
	left:0px;
}
.carouselBt#rightBT
{
	top:140px;
	left:435px;
}
.carouselBt a
{
	color:#FFFFFF;
	line-height:25px;
	font-size:24px;
	font-weight:bold;
	filter:alpha(opacity=200);
	-moz-opacity:2.0;
	opacity:2.0;
	text-decoration:none;
}
.carouselBt a:hover
{
	text-decoration:none;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;	
}
p.samplebuttons
{
	width: 320px;
	text-align: center;
	border:1px solid black;
}

p.samplebuttons a
{
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
	z-index:999;
}
#areaUploadCarousel
{
	clear:left;float:left;
	height:350px;
	min-height:350px;
	width:460px;
	
}
.areaUploadImg
{
	height:350px;
	width:460px;
	border:1px solid #CCCCCC;
	overflow:hidden;
}
.hiddenUpload
{
	clear:left;
	float:left;
	display:none;
}
.visibleUpload
{
	clear:left;
	float:left;
	width:100%;
	display:block;
}

/**********************************************************************************************************/

/*****************************************************************************/

/***I 100***/
.i100_titolo
{
	color:#F4821F;
	font-weight:bold;
	font-size:20px;
	padding-bottom:30px;
	}
.i100_content
{
	float:left;
	margin-left:40px;
	width:490px;
	}

.i100_center
{
	width:100%;
	padding-top:60px;
	}

.i100_center a
{
	color:#666666;
	font-weight:normal;
	}
	
.i100_center a:hover
{
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
	}

/**********************************************************************************************************/

/*** FORM REGISTRAZIONE E CS$ LEARNING PROGRAMM ***/

.titolo_registrazione
{
	color:#F4821F;
	font-weight:bold;
	font-size:20px;
	}

.center
{
	width:500px;
	
	margin-left:270px;
}

.subcenter
{
	width:100%;
	}

.center_e_learning
{
	width:100%;
	padding-top:5px;
	}