* {
	padding: 0;
	margin: 0;
}
html, body 
{
	margin: 0; padding: 0;
	}

body 
{
	background: url(/i/bg/body_bg.gif) 0 0 repeat-x #adaba6;
	font: 100.01%  trebuchet ms,verdana,arial,sans-serif;
	text-align: center;
	}

/*Generics Links*/
a
{
	color: #333; 
	text-decoration: underline; 
	}

	

a:hover 
{	color:  #F35209; 
	text-decoration: none; 
	}
	
a img
{
	border: none;
	}


hr
{
	border: 1px dotted #000; 
	}

h1 {font-size:1.3em; color:#333; text-align:left;}
h2 {font-size:1em; font-style:italic; margin-bottom:15px; color:#333; text-align:left;}
h3 {font-size:1em; letter-spacing: -1px; color:#F35209; margin:20px 0 0 3px; text-align:left;}
h4 {font-size:.8em;  color:#333; margin:5px 0 4px 3px; text-align:left;}

h1, h2 {letter-spacing: -1px;}
	
sup, sub
{
	font-size: small; 
	letter-spacing: -1px; 
	}	

h1:first-letter 
{
	color: #F35209; 
	font-size: 1.1em; 
	}
p
{ 
	line-height: 20px; 
	text-align: left; 
	margin-left: 3px; 
	}



acronym 
{
	font-weight: bold; 
	letter-spacing: -1px; 
	cursor: help; 
	color: #333; 
	}

form {
	margin:0;
	padding:0;
	font-size:1em;
}	

optgroup {font-size:1em;}




	
/* SEZIONI DEFINITE*/

#top{position:absolute; 
    top:0px; 
    left:240px;
    margin:0;
    width:780px;
    
    padding:0;
	text-align: left;
	background: transparent;
	height:186px;
	margin-left:5px;
}


/*div principale*/
div#siti_web_certificati_e_accessibili 
{	position:relative;
	width: 1000px; 
	background:#fff;
	margin: 0 auto; 
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
	
	}
div#wrapper
{
	width:1000px;
	margin:0 auto;

}

	
	div#image_top
	{	float:left;
		margin-top:12px;
		padding-left:10px;
	}
div#software_su_misura
{
 	width:100%;
	clear: both; 
	background: #4d4d4d ; 
	color: #333; 
	height: 20px;
	font-size: x-small; 
	}	
#software_su_misura p
{
 	color:#fff;
 	text-align:center;
 	font-size:11px;

	}	
#software_su_misura a
{
 	color:#fff;

	}
#software_su_misura a:hover
{	color:  #F35209; 
	text-decoration: none; 
	}
		
	/*mail e telefono in alto*/
div#info_top{
	position:relative;
	top:16px;
	left:1px;
	float:left;
	font-size:11px;
	width:100px;
	
}
/*menu********************************************************/
#topPan{width:750px; height:32px; position:relative; margin:0 auto; padding:0;}
#topPan ul{width:755px;height:32px; display:block; position:absolute; top:4px; left:0px; margin:0px -50px 0px 0px; padding:0px;}
#topPan ul li			{float:left; display:block; width:75px; height:32px; background:url(/i/bg/menu-devider.gif) right top no-repeat;}
#topPan ul li a			{display:block; width:73px; height:32px; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover	{display:block; width:73px; background:url(/i/bg/menu-hover1.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
#topPan ul li span{display:block; width:73px; height:32px; background:url(/i/bg/menu-active.gif) left top repeat-x ; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
/*#topPan ul li.contact{display:block; width:75px; height:32px; background:url(/i/bg//menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li.contact:hover{display:block; width:75px; background:url(/i/bg//menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed; margin:0; padding:0px;}*/



#breadcrumbs{margin:-5px 0 15px 0; text-align:left; padding-left:5px; font-size:12px; color:#000;  z-index:-100;}
#breadcrumbs a{color:#666;}





/*contiene la colonna sinistra del sito*/
#sx
{	float:left;
    margin:-150px 0 0 0;
	background: #fff;
	padding:8px 5px 0 7px; 
	width: 235px; 
	min-height:350px;
	height:auto!important;
	height:350px;
	z-index:1000;
}

#sx p{
	font-size:80%;
	padding-right:10px;
	line-height:1.2em;
}	


#siti_pronti
{
	float: left; /*utile per fare allineare il contenuto a destra*/ 
	background: #fff;
	padding:8px 5px 0 7px; 
	width: 235px; 
	margin: -180px 0 0 0; 
	height:170px;
}

/*sito e prodotto in evidenza sulla colonna sinistra*/

#leftproject,#leftproject2, #leftsite, #leftsite2 {margin-left:3px; margin-bottom:10px;width:214px;}
#leftproject p,#leftproject2 p, #leftsite  p, #leftsite2  p{text-align:left; padding:0; margin:0;}




div#novacomitalia {
	background:transparent;
	clear:left;
}


/*contiene lo sfondo random dell'header*/
div#siti_web_roma 
{
	color: #537345; 
	background: transparent; 
	height: 33px; 
	width:100%;
	padding:0px;
	margin:0px;

}
/*Contiene il logo*/	
div#siti_web_alberghi {
	height:85px;
	width:200px;
	padding:12px;
	float:left;
	background: transparent url(/i/loghi/novacomitalia-small.jpg) no-repeat 0px 2px;
	color:#333;
	margin-top:25px;
	margin-left:15px;

}

#siti_web_alberghi a{
	display:block;
	height:78px;
	float:right;
	width:180px;
	text-decoration:none;
}



#creazione-siti-web{position:absolute; top:270px; right:1px; width:120px;height:600px;}


/*contiene il corpo delle pagine*/
div#posizionamento_siti_web
{	
	min-height:350px;
	height:auto!important;
	height:350px;
	padding:15px 0px 10px 20px;
	width: 733px; 
	background:#fff;
	margin:0;
	float:right;
}
/*contiene il corpo della pagina dei template*/
div#template_siti_web
{	
	min-height:350px;
	height:auto!important;
	height:350px;
	padding:15px 0px 10px 0px;
	
}

div#modelli_per_siti_web{
text-align:center;
margin:0px auto;

}


#posizionamento_siti_web ul {list-style: none;}
#posizionamento_siti_web ul{
	margin: 10px 10px 20px 0px;
	padding: 0;
}
#posizionamento_siti_web li {
	padding: 3px 0 0 12px;
	background: transparent url(/i/icone/li.gif)  0 12px no-repeat;
	font-size:.8em;
}

/*div con rientro nella pagina relativa al posizionamenmto*/
#primi_posti_sui_motori_di_ricerca{
	margin-left:10px;
}
#primi_posti_sui_motori_di_ricerca h3{
	color:#000;
}
#primi_posti_sui_motori_di_ricerca h3:first-letter {
	color: #F35209;
	font-size: 1.1em;
	
}
	

/*Mappa della sede*/

#map{
	width: 490px;
	height: 400px;
	 border:1px solid #333;
	margin:15px 0 0px 4px;
	padding:5px;
}


/*footer*/

div#footer
{
    width:1000px;
    margin:0 auto;}

div#cataloghi_su_cd
{
 	width:99%;
	clear: both; 
	background: #4d4d4d url(/i/bg/footer-bg.gif) repeat-x; 
	color: #333; 
	height: 250px;
	padding: 5px 0 5px 10px; 
	font-size: x-small; 

	}
#cataloghi_su_cd p
{	color: #fff;
	line-height: 15px; 
	margin-bottom:2px;
	}

#cataloghi_su_cd a 
{
	color: #fff; 
	text-decoration: none; 
	}

#cataloghi_su_cd a:hover 
{
	color: #F35209; 
	text-decoration: underline; 
	}

#assistenza_reti_roma
{
	margin-left: 12px; 
	padding-top:10px;
	font-size: x-small; 

	}

#assistenza_reti_roma p
{	color: #666;
	text-align:center;
	line-height: 15px; 
	margin-bottom:2px;
	}

#assistenza_reti_roma a 
{
	color: #666; 
	text-transform: uppercase; 
	text-decoration: none; 
	}

#assistenza_reti_roma a:hover 
{
	color: #F35209; 
	text-transform: uppercase; 
	text-decoration: underline; 
	}

/*End footer*/




#navbar .normal
{
	padding: 5px; 
	/*border: 1px solid #710302;*/ 
	padding-bottom: 30px; /*bordo inferiore tra paragrafo e piedipagina*/ 
	}

#podcast   { color: #333; font-size: 12px; font-family: Geneva, Helvetica, Arial; background-color: #fff; }


#scarica_podcast   { float:left; margin-top:15px;width:48%; margin-right:10px;}
#scarica_podcast a { color: #333; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; }
#scarica_podcast a:hover { text-decoration: none;}

#calendario_partenze{float:left; margin-top:15px; width:48%;}


/*CLASSI*/
.noshw {margin:0;padding:0;position:absolute;top:-500em;left:-500000em;height:1px;width:1px;z-index:-1;text-indent:-1000em;overflow:hidden;}


.info_pos{color:#fff;margin:25px 14px 10px 3px;  padding:2px; border:1px solid #ccc; background:#F35209;}
.info_pos a, .info_pos a:hover{color:#000;}
.gloss_title{margin:25px 14px 10px 2px; padding:2px; border:1px solid #F35209; background:#F8DCA6;}
.glossario{color:#F35209; margin:5px 0 0 4px; font-weight:bold;}
.left_white{font-weight:bold; margin-bottom:6px; background: url(/i/icone/arrow_white.gif) no-repeat 0 2px; padding-left:6px;}
.left_dark{padding-left:6px;margin-bottom:6px;}
/*classe di span prioritaria, deve stare sempre come ultima posizione nel css in maniera di avere priorità su tutti gli altri elementi*/
span.red
{
	visibility: visible; 
	color: #fff; 
	background-color: #cc0000; 
	padding: 3px; 
	padding-left: 5px; 
	padding-right: 5px; 
	font-weight: bold; 
	font-size: 80%; 
	letter-spacing: -1px; 
	margin-left: 25px; 
	border-bottom: 2px solid #000; 
	border-right: 2px solid #000; 
	}

.firstl
{
	color: #cc0000; 
	background-color: Black; 
	border: 10px solid #fff; 
	padding: 5px; 
	padding-bottom: 10px; 
	text-transform: uppercase; 
	}



.formfield{
 border:1px solid #537345;
 width:10em;
 background: transparent url(/i/bg/back_input.gif) no-repeat;
}
.formtxtarea{
 border:1px solid #537345;
 background: transparent url(/i/bg/back_input.gif) no-repeat;
font-family:trebuchet ms, verdana;
}


.formselect{
 border:1px solid #537345;
 font-size:.9em;
 width:10em;
  margin-bottom:5px;
}
.formbutton{
 border : 1px solid #537345;
 font-size:1em;
 background: #F35209;
 color:#fff;
 cursor:pointer;
 padding:3px 10px
}
.formbutton_assistenza{
 border : 1px solid #537345;
 font-size:1em;
 font-weight:bold;
 background: transparent;
}

.relative{position:relative;}
.abs_home{width:100%; margin:0 0 10px 3px;position:absolute; top:20px; left:15px;}

.bordergrey{border:1px solid #333; margin-top:15px;}
.riquadro{padding:3px 2px 3px 2px; margin:25px 9px 6px 3px; border:1px solid #ddd; background: url(/i/icone/retinato.gif) repeat;}
.torna {text-align:center; margin-top:20px; font-size:.8em; }
.torna a {font-weight: bold;}
.logo {padding-right: 20px;}
.normal {font-size: 80%;} 
.normal_i {font-size: 80%;font-style:italic;} 
.normal_space {font-size: 80%; margin-bottom:20px;} 
.normal_min_space {font-size: 80%;margin-bottom:10px;} 
.normal a, .normal_space  a, .normal_i  a, .normal_min_space a {font-weight: bold;}
.small {font-size: 70%;}
.small_grey {font-size: 70%; color: #333;}
.lat{font-size: 80%; padding-left:3px; border-left:3px solid #ddd;}
.orange {color:#F35209;}
.normal_orange {font-size: 80%; color:#F35209;}
.big_grey {font-size: 95%;  letter-spacing: -1px;color: #333; margin:5px 0 3px 2px; padding-left:8px; background: url(/i/icone/arrow.gif) no-repeat 1px 6px;}
.white {color: #fff; }
.grey {color: #333; font-weight:normal;}
.greyb {color: #333; font-weight:bold;}
.green {color:#F09420;}
.b {font-weight:bold;}
.i {font-style:italic;}
.sidenews {margin-top:3px; margin-bottom:10px;}
.sidenewstit{color:#F35209; font-size: 80%; margin-top:7px; margin-bottom:0px; font-weight:bold;}
.sidenewstit a{color:#F35209; text-decoration:none;}
.sidenewstit a:hover{color:#999; text-decoration:none;}

.sidenewsimg{border:1px solid #333; margin:0px 5px 5px 5px; width:130px; height:98px;}
.sidetravel {margin-top:1px; margin-bottom:3px; }
.tipo_progetto {margin-top:15px; margin-bottom:10px;font-weight:bold;color: #F09420; }

.prenota {margin-top:15px; margin-bottom:10px; padding-top:1px;padding-left:20px; background: transparent url(/i/icone/prenota.gif) no-repeat left 0;}
.segnala {margin-top:3px; margin-bottom:10px; padding-left:20px; background: transparent url(/i/icone/email.gif) no-repeat 1px 0;}
.brochure {margin-top:3px; margin-bottom:10px; padding-left:20px; background: transparent url(/i/icone/brochure.gif) no-repeat 1px 0;}
.projectinfo {margin-top:5px; margin-bottom:2px; padding-left:10px; background: transparent url(/i/icone/arrow.gif) no-repeat 0px 2px;}

.prenota a, .segnala a, .brochure a {font-weight:normal;}
.center{text-align:center;}


.clear {clear:both;}
.clear_dots{ clear:both; text-align:right; padding-top:5px; background: transparent url(/i/icone/dots.gif) repeat-x bottom; font-size:70%;}
.clear_dots a{color:#333;}
.sidecal {color:#0089B3; margin-top:3px; margin-bottom:5px; text-align:justify;}
.sidecaltit{color:#333; font-size: 80%; margin-top:7px; margin-bottom:3px; }
.title   { color: #333; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; border-bottom: 1px solid #333; }
.blue_title   { color: #0089B3; font-size: .9em; font-weight: bold; margin:15px 0 0px 3px; }
.green_title   { color: #F35209; font-size: .9em; font-weight: bold; margin:15px 0 0px 3px;}
.gensmall {padding-top:5px; font-size:.9em;}
.img_progetto {width:215px; float:left;border:1px solid #ddd; margin-right:10px;}
.img_cliente {width:80px;float:left;border:1px solid #ddd; margin-right:10px;margin-top:15px;}
.img_cliente_cont{float:left; width:90px;min-height:80px; height:auto!important;height:80px;}
.img_assistenza {width:340px; float:left;border:1px solid #ddd; margin-right:10px;}
.img_assistenza2 {height:260px; float:right;border:1px solid #ddd; margin-right:10px;}
.clienti_tot{border:1px solid #fff; width: 253px; float:left; }
.clienti_tot1{border:1px solid #fff;}
.clienti_title   { color: #333; font-size: .9em; font-weight: bold; margin:15px 0 0px 3px;}
.clienti_title:first-letter {color: #F35209;font-size: 1.2em;font-weight: bold;margin:15px .9px 0px 3px;}
.img_progetto_big {float:left;width:430px; border:1px solid #333; margin:3px 10px 5px 0;}
.img_progetto_big_sx {float:left;width:210px; border:1px solid #333; margin:10px 10px 5px 0px;}
.calendario {background:#333; margin-top:10px;margin-left:3px;}
.calcell {background:#fff; height:20px; width:50px; text-align:center; }
a.calen {text-decoration:none; border:0; background:#D6E79B; padding-top:2px; display:block; height:20px; width:50px; }
a.calen:hover { background:#9BD7ED;}
a.travelsub   { color: #000; font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
a.travelsub:hover   { color: #F35209; font-size:  .9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.proposte_di_progetto { font-size: .7em;  line-height: 17px; padding-top:15px; padding-bottom:5px; background: transparent url(/i/icone/dots.gif) repeat-x bottom;}
.house{font-size: 80%; margin:5px 0 5px 2px; padding-left:20px; background: url(/i/icone/house.gif) no-repeat left 3px;}
.phone{font-size: 80%; margin:5px 0 5px 2px; padding-left:20px; background: url(/i/icone/phone.gif) no-repeat 0 2px;}
.fax{font-size: 80%; margin:5px 0 5px 2px; padding-left:20px; background: url(/i/icone/fax.gif) no-repeat 0 2px;}
.skype{font-size: 80%; margin:5px 0 5px 2px; padding-left:20px; background: url(/i/icone/skype.gif) no-repeat 0 2px;}
.msn{font-size: 80%; margin:5px 0 5px 2px; padding-left:20px; background: url(/i/icone/msn.gif) no-repeat 0 2px;}
.email{font-size: 80%; margin:5px 0 5px 2px; padding-left:20px; background: url(/i/icone/email.gif) no-repeat left 4px;}
.email_yel{ padding-left:18px; background: url(/i/icone/email_yel.gif) no-repeat 1px 4px; margin-bottom:0px;}
.phone_yel{ padding-left:18px; background: url(/i/icone/phone_yel.gif) no-repeat 1px 1px; margin-top:0px;}
.lista{
	padding: 3px 0 2px 10px;
	background: transparent url(/i/icone/li.gif)  0 10px no-repeat;
	font-size:.8em;}

.lista a{	font-weight:bold;}

.lista_1{
	padding: 0px 0 0px 10px;
	font-size:.8em;}
.lista_footer
	{
	color:#fff;
	padding: 2px 0 2px 13px;
	background: transparent url(/i/icone/li.gif)  0 10px no-repeat;
	font-size:1.0em;}
.lista_footer a{font-size: 1.0em;}


.scheda{margin:-3px -2px 3px -2px; padding:2px 0 4px 4px;border-bottom:1px solid #ddd; color:#333; background:#FEEDAA;}
.pos {
	
	display:none;
	left:-9999px;
	line-height:0px;
	margin:0;
	color:#fff;
	position:absolute;
}


.falseh1{

 font-size:1.3em;
 letter-spacing: -1px;
 color:#333;
 font-style:normal;
 font-weight: normal;
 margin:14px 0 2px 3px;
 padding-left:12px;
 background: #fff url(/i/icone/arrow_big.gif) no-repeat 1px 5px; 
 }
.falseh1 a{

 color:#333;
 font-style:normal;
 font-weight: normal;
 text-decoration:none;
 background: #fff; 
 }
	
.falseh1 a:hover{
 color:#F35209;
 }	
 
/*.falseh1:first-letter {color: #F35209; 	font-size: 1.1em;}*/
.falseh1 a:first-letter {color: #F35209;font-size: 1.1em;}



.normal_hp {font-size: 80%; margin-bottom:5px;} 
.normal_hp a {font-weight: normal;} 
.homeh1{text-indent:-9999px; overflow: hidden; line-height:0px;}


.img_200{width:200px; height:135px;}
.footer{float:left; font-size:1.2em; width:95px;}
.footer ul{list-style-type:none;}

#cataloghi_su_cd a{color:#fff;}
#cataloghi_su_cd a:hover{color:#fff;}


#cataloghi_su_cd p{font-size:14px; text-align:center; margin:10px 0 0 10px; padding:20px 0 0 0;}

#cataloghi_su_cd img {float:left;}
#off1{width:264px; height:80px; border:2px solid #fff; float:left; margin:10px 50px 30px 37px; background:#999;}
#off2{width:264px; height:80px; border:2px solid #fff; float:left; margin:10px 50px 30px 0; background:#999;}
#off3{width:264px; height:80px; border:2px solid #fff; float:left; margin:10px 0px 30px 0; background:#999;}
#off4{width:264px; height:80px; border:2px solid #fff; float:left; margin:10px 50px 20px 37px; background:#F35209;}
#off5{width:264px; height:80px; border:2px solid #fff; float:left; margin:10px 50px 20px 0; background:#F35209;}
#off6{width:264px; height:80px; border:2px solid #fff; float:left; margin:10px 0px 20px 0; background:#F35209;}
/*Landing Page*/
.h2nuovo{font-size:1.3em; color:#333; text-align:left;font-style:normal;}
.h2nuovo:first-letter 
{color: #F35209; 
	font-size: 1.1em; 
	}
.normal_nuova{font-size: 80%; color:#fff;}

.h2ric{font-size:1.3em; color:#fff; text-align:left;font-style:normal;}
.a_nuova
{
	color: #F35209; 
	text-decoration: underline; 
	}

	

.a_nuova:hover
{	color:  #FFF; 
	text-decoration: none; 
	}
.formbutton_nuovo{
 border : 1px solid #537345;
 font-size:1.5em;
 background: #F35209;
 color:#fff;
 cursor:pointer;
 padding:3px 10px
}