/* CSS Document */
@import url(css/color.css);

body {
	background-color: #003b31;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	}
	
h1, h2, h3, h4, h5, h6, li
{font-family: Arial, Verdana, sans-serif; color:#FFFFFF;}

h1 {
	
	font-size: 13px;
	font-weight: bolder;
	margin:0px;
	padding:0px;
}

h2 {
	font-size: 14px;
	font-weight: bolder;
	margin: 3px 3px 0px;
	border: 0px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px 10px 0px 0px;
}

h4 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 45px;
}

h5{	
	font-size: 12px;
	margin-top: 5px;	
	margin-bottom: 0px;	
	font-weight: normal;
	text-align: justify;
	line-height: 16px;
	font-style: normal;
	border: 0px;
	color:#FFFFFF;
}

h6 {
	float:left;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	margin-top: 8px;
	margin-right: 2px;
	margin-bottom: 3px;
	margin-left: 12px;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

div#contenuto h5 {
	font-size: 11px;
	margin-top: 5px;	
	margin-bottom: 0px;	
	font-weight: normal;
	text-align: justify;
	line-height: 16px;
	font-style: normal;
	border: 0px;
} 

ul {
	margin-top:30px;
	
}
.link_attivo {
	float:left;
	color: #5BB5B0;
	padding:0px;
	margin:0px;
	margin-left:20px;
}

.link_attivo2 {
	color: #5BB5B0;
}

div#main{
	width:759px;
	margin: auto;
	padding: 0px;
	position:relative;	
}

div#testa {
	float:left;
	width:700px;
	}

div#logo {
	float:left;
	background-image: url("images/barre.gif");
	background-repeat: no-repeat;
	height:80px;
	width:303px;
}

div#barre2 {
	float:left;
	background-image: url("images/barre2.gif");
	background-repeat: no-repeat;
	height:80px;
	width:121px;	
}

div#web {	
	font-size: 30px;
	font-style: italic;
	color: #1A4F46;
	font-weight: bold;	
	padding-top:45px;
	padding-left:10px;
}

div#menu_principale {
	float:left;
	width: 759px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bolder;
	background-image:  url("images/barra_menu_intera.gif");
	margin-top:10px;
	padding:0px;
}

div.voce_menu {
	float:left;
	background-color: #003b31;
	padding:0px;
	margin:0px;
	margin-left:20px;	
}


div#corpo{
	float:left;
	width: 759px;
	margin-top:40px;
	margin-left:35px;
	position:relative;
}

.clear{
	clear:both;
	}

div#europa {
	float:left;
	background-image:  url("images/europa.gif");
	background-repeat:no-repeat;
	height: 238px;
	width: 217px;
}

div.cuar  { /*assegnata a inserisci curriculum e area riservata*/
	float:left;	
	font-size: 10px;
	font-weight: bolder;
	text-align: center;
	width:108px;
}

div#contenuto {	
	min-height: 238px;
	width: 504px;	
	border: 1px solid #FFFFFF;	
	float:left;
	background-image:  url("images/schermo_2.gif");	
	background-repeat: repeat-y;
	color:#FFFFFF;	
}

div#schermo {	
	width: 504px;		
	float:left;
	background-image:  url("images/consulenza_informatica_prof.jpg");
	background-repeat:no-repeat;
	padding-left:3px;
	padding-top:3px;
	text-align:left;
}

div#consulenza_informatica_professionale, div#progettazione_software {
	float:left;	
	height: 105px;
	width: 245px;	
}

div#progettazione_software {
	margin-left:7px;
}

div#pec, div#test_center {
	float:left;	
	width: 245px;
	min-height:108px;
}

div#test_center {
	margin-left:7px;
}

img#pec {
	float:left;
	margin-top: 5px;
	margin-right: 4px;
	margin-bottom: 2px;
}

img#pec2 {
	float:left;
	
	margin-right: 5px;
	margin-bottom: 5px;
}

div#certificazione_dnv {
	float:left;


	padding-left:3px;
	margin-top:0px;
	height:25px;
}

div#w3c {
	float:left;
	margin-top:15px;
	width:726px;
}

img.w3c_validate {
	float: right;
	margin-left: 10px;
}

div#piede {
	float:left;
	margin-top:30px;
	width: 759px;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	margin-left:20px;
}

div#main>div#piede {
	margin-left:0px;
}

div#version {
	float:left;
	margin-bottom:10px;
}

div#credits {
	float:right;	
}

/* ---------- 2 livello generico -------------*/

div#europa2{
	float:left;
	background-image:  url("images/europa_p.jpg");
	background-repeat: no-repeat;
	width:356px;
	min-height:239px;
}

div#space_up_dx{
	float:left;
	background-image:  url("images/space_up_dx.gif");
	background-repeat: no-repeat;
	width:364px;
	height:28px;
}

div#contenuto2 {
	float:left;
	width:364px;
	border: 1px solid #FFFFFF;
	text-align:left;
	background-image:  url("images/schermo_2.gif");	
	background-repeat: repeat-y;
}

div#schermo2 { 
	float:left;
	width:354px;
	height:200px;	
	padding:5px;
	background-image:  url("images/schermo_p.jpg");
	background-repeat: no-repeat;	
}

div#contenuto2>div#schermo2 { /* Filtro ai danni di IE6 */
	height:auto;
	min-height:200px;	
}

.logo_contenuto{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	}

div#menu_secondario {
	float:right;	
	text-align:left;	
	margin-right:10px;	
}

ul.sottomenu li {
	list-style-image:  url("images/pallino.gif");
	padding-right: 3px;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
}

ul#sottomenu2 {
	margin:0px;
	margin-left:15px;
	padding:0px;

	margin-top:0px;
}

ul#sottomenu2 li {
	display:block;
	font-size: 10px;
	margin:0px;
	padding:0px;
	font-weight: bold;
	list-style-image:  url("images/pallino_trasp.gif");
}

/* ----------  3 livello generico -------------*/


ul.sottomenu3 {
	margin:0px;
	margin-left:15px;
	padding:0px;
	margin-top:0px;
}

p.aule{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

img.aule {
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

ul#qualita{	
	padding:15px;
	font-size:11px;
	margin-left: 5px;
	margin-top: 0px;
	line-height: 17px;
	margin-bottom: 0px;
	margin-top:5px;
	width:248px;
	float:left;
	padding-top:0px;
}

ul.web_marketing  {
	padding:15px;
	font-size:12px;
	margin-left: 10px;
	margin-top: 0px;
	line-height: 19px;
	margin-bottom: 0px;
}

/* ----------------- stili per pagina caratteristiche corsi ------------------- */

div.caratteristiche_img, div.caratteristiche_txt{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
}

div.caratteristiche_img {
	height: 100px;	
	width: 31px;
}

img.caratteristiche_img{

	margin-bottom: 20px;
}

p.caratteristiche_txt, p.caratteristiche_txt_btm{
	margin-bottom: 25px;
	margin-top: 0px;
	margin-left: 5px;
}

p.caratteristiche_txt_btm {
	margin-bottom: 0px;
}


/* ----------------- stili per pagina corsi in pratica ------------------- */

div#corso_webmaster {
	margin-top: 10px;
}

#corso_webmaster img{
	margin-right: 5px;	
}


/* ----------------- stili per pagina test center ------------------- */

div.test_center{
	float:left;	
	margin-bottom:10px;
}

div.test_center_txt{
	float:left;
	width:185px;
}

img.test_center_img{
	margin-right: 5px;
	float:left;
}

/* ----------------- stili per pagina corsi in pratica ------------------- */


/* ----------------- stili per pagina Test Center ------------------- */

div.test_center{
	float:left;	
	margin-bottom:10px;
}

div.test_center_txt{
	float:left;
	width:185px;
}

img.test_center_img{
	margin-right: 5px;
	float:left;
}

/* ----------------- stili per pagina Test Center ------------------- */

/* ----------------- stili per pagina TOEFL e Pearson Vue ------------------- */

div.toefl_pearson{
	float:left;	
	margin-bottom:10px;	
}

div.toefl_txt{
	float:left;
	width:220px;	
}

div.toefl_pearson_txt{
	float:left;
	width:220px;
}

img.toefl{
	margin-right: 50px;
	float:left;
}

img.pearson{
	margin-right: 5px;
	float:left;
}


/* ----------------- stili per Competenze e elenchi puntati ------------------- */
	
ul.tecnologie{
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	list-style-type: disc;
	line-height: 19px;	
	margin-top: 10px;	
	margin-bottom: 0px;
	margin-right: 1px;
	margin-left:0px;
}	

ul.metodologie {	
	float:left;	
	list-style-type:none;
	margin-left:15px;
	padding:0px;
	
	margin-top:15px;
	}
	
ul.metodologie li {
	font-size: 12px;
	color:#CCCCCC;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height: 19px;
	}
	
ul.metodologie ul {
	margin-left:25px;
	margin-top:5px;
	margin-bottom:15px;
	padding:0px;
	list-style-type:disc;
	}

ul.metodologie ul li {
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;	
	}

/* ----------------- Fine stili per Competenze ------------------- */
	
.aula {
	margin-right: 5px;

}

.nb {
	font-size: 10px;
}

img#cartina{
margin:0px;
padding:0px;
	
}

form#curriculum  {
	font-size:11px;
	margin-top:5px;
	}
	
.credits {
	font-family: Arial, Verdana, sans-serif; color:#FFFFFF;
	font-size: 11px;
	margin: 0px 7px;
	font-weight: normal;
	text-align: justify;
	line-height: 16px;
	font-style: normal;
	border: 0px;
}

/* ******************************************************************** */
/* *************************** ERROR 404 ****************************** */
/* ******************************************************************** */

    /* Widget content container */
   #goog-wm { }

    /* Heading for "Closest match"
   #goog-wm h3.closest-match { }

    /* "Closest match" link
   #goog-wm h3.closest-match a { }

    /* Heading for "Other things" */
   #goog-wm h3.other-things { }

    /* "Other things" list item */
   #goog-wm ul li { }

    /* Site search box */
   #goog-wm li.search-goog { 
   		display: block;
		font-size:12px;
		 }		 
		
	input#goog-wm-qt{
		margin-top:10px;
		}

/* ******************************************************************** */
/* *************************** SEDI *********************************** */
/* ******************************************************************** */

ul.sede, ul.sede li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:block;
	text-align:left;
	font-size:12px;
	}
	
ul.sede li{
	margin-top:5px;
	}


ul.sede{
	margin-left:10px;
	margin-top:10px;
	}
	
ul.sede span{	
	color:#CCCCCC;
	font-weight:bold;
	padding-right:5px;
	}
	
.titolo_sede{
	margin-top:15px;
	}


.email{
	margin-bottom:-3px;
	}

/* ******************************************************************** */
/* *************************** NOTEBOOK ******************************* */
/* ******************************************************************** */


	form#notebook{
		font-size:12px;
		padding: 5px;
		padding-right:10px;
		width:96%;
		background-color:#005754;
	}
	
	form#notebook fieldset{
		
		margin-bottom:20px;
		border:0px none #000000;
	}
	
	form#notebook legend{
		color:#FFFF00;
		margin:0px;
		padding:0px;
		font-size:14px;
		font-weight:bold;	
	}
	
	form#notebook label{
		min-width:100px;
		display:inline-block;
		margin-top:8px;
	}

	form#notebook input{
		margin-right:5px;
		margin-top:8px;	
	}
	
	form#notebook ul{
		margin:0px;
		padding:0px;
		list-style-type:none;
		}
	
	ul.notebook_sx{
		float:left;
	}
	
	ul.notebook_dx{
		float:right;
	}
	
	ul.notebook_dx label{
		width:200px;
	}
	
/* ******************************************************************** */
/* *************************** PERCORSI *********************************** */
/* ******************************************************************** */


ul.percorsi{
	margin:0px;
	padding:0px;
	font-size:12px;
	}
	
ul.percorsi li{
	margin-left:15px;
	margin-bottom:3px;
	font-style:italic;
	}
	
/* *************************** Corsi Speciali *********************************** */

.elenco_corsi_speciali li{
	font-size:11px;
	margin-left:20px;
	}
	
.elenco_corsi_speciali{
	margin-top:5px;
	margin-left:-40px;
	}
	
	
.pdf_lpi{
	background-color:#FFFFFF;
	}

.carica_file{
	color:#FFFFFF;
	margin-top:10px;
	}
	
#box_lpi{ width:100%; height:100px; text-align:center; margin-top:10px;}
.box_lpi{ width:50%; float:left; }
h5.lpi_text{ font-size:10px; display:block; text-align:center;}

/* ***************************** BOX NEWS ***************************************** */

.box_news{
	clear:both;
	}
	
.titolo_news{
	color:#ffff33;
	font-size:13px;
}

.box_news img{
	float:left;
	margin-bottom:5px;
	margin-top:5px;
	}

.corsi_estivi{
	font-size:11px;

	margin-left:4px;
	line-height:18px;
	float:left;
	width:410px;
	margin-top:2px;
	}
	
.corsi_estivi span{
	font-size:13px;
	color:#FFFF00;
	}

.separazione{
	margin-top:7px;
	}	

.flyer{
	margin-left:3px;
	float:left;
	margin-right:3px;
	}	
	
/* ***************************** POPUP Corsi Fotografia ***************************************** */


div#sfondo_sfocato{
	background:url(images/sfondo_sfocato.png) top left repeat;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	z-index:1000;
	}

div#popup{
	width:641px;
	height:298px;
	margin:auto;
	text-align:left;
	margin-top:15%;
	font-size:12px;
	border:1px solid #FFFFFF;
	background-color:#000000;
}

div#popup .btn_invia{
	border:0px none;
	height:23px;
	width:70px;
	background: url(images/corso_fotografia/btn_invia.gif) top left no-repeat;
	margin:0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
	cursor:pointer;
	}

.riga_superiore{
	border-bottom: 1px solid #FFFFFF;
	padding:5px;
	height:20px;
	background-color:#000000;
	margin-left:0px;
	}
	
#contenuto_popup{
	background:url(images/corso_fotografia/corso_fotograifa.jpg) top left no-repeat;
	width:641px;
	height:267px;
	position:relative;
	}
	
.maggiori_informazioni{
	position:absolute;
	top:230px;
	left:10px;
	color:#FF0000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.chiudi{
	float:right;

}

/***********  STREET VIEW *************/
	
.info_street_view{
	color:#FFFFFF;
	font-size:12px;
	}
	

	
/***********  TOOL TIP *************/	
#preview{
	position:absolute;
	border:1px solid #ccc;
	background-color:#006633;
	padding:5px;
	display:none;
	color:#fff;
	}
	
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background-color:#006633;
	padding:5px;
	display:none;
	color:#fff;
	}

#italia{ width:210px; height:135px; position:absolute; top:255px; left:0px; background:url(images/unitaitalia.png) top left no-repeat;}