/* www.studioaps.it CSS Document */

/*------------------------------------            body*/
body {
	background-color: #6060b0;
}
*{
	font-family:verdana, arial, helvetica;
	font-size:11px;}
html,body{margin: 0;padding:0}



#container{
	position:relative;
	width:955px;
	margin:0px;
	padding:0px;
	top: 15px;
	left:0px;
}
#navigation{
	position:absolute;
	top:1px;
	left:7px;
	width:200px;
}

/*------------------------------------      h1, h2, h3*/
#navigation h1{
	width:192px;
	height:55px;
	background:transparent url(../images/logo.png) no-repeat top left;
	margin: 0 0 0 8px;

}
h1 a, h1 a:hover{
	display:block; 
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	}
.blind{display:none;}

/*------------------------------------  layout colonne*/
#content {	
	background:#fff url(../images/shadow.png) no-repeat right bottom;
	width:543px;
	padding:5px 0;
	margin: 0px 194px 0px 215px; 
	min-height:494px;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 543px;
}

#content h2{	
	width:510px;
	font-size: 16px;
	font-weight:bold;
	color: #6060B0;
	border-bottom:2px solid #6060b0;
	margin:0px auto;
	padding:35px 0px 5px 5px;
}
#content h2.hp{
	background:#fff url(../images/ico_hp.png) no-repeat right top;
	padding-top: 15px;
}
#content h2.chi{background:#fff url(../images/ico_chisiamo.png) no-repeat right top;}
#content h2.clienti{background: #fff url(../images/ico_clienti.png) no-repeat right top;}
#content h2.studio{background: #fff url(../images/ico_studio.png) no-repeat right top;}
#content h2.elabora{background: #fff url(../images/ico_elabora.png) no-repeat right top;}
#content h2.esperienze{background: #fff url(../images/ico_esperienze.png) no-repeat right top;}
#content h2.contatti{background: #fff url(../images/ico_contatti.png) no-repeat right top;}

#content h3{
	font-size: 14px;
	font-weight:bold;
	color: #6060B0;
	margin:0px;
	padding:20px 10px 5px 20px;
}	
#content h4{	
	font-size: 12px;
	font-weight:bold;
	color: #6060B0;
	margin:0px;
	padding:5px 0px 20px 20px;
}

p{
	font:11px/140% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 20px 5px 20px;
	margin:0px;
	width:90%;
}

#content img { float:right;padding:10px 5px; margin-right:-20px;}
#content ol{
	width:90%;
	padding:0px 20px;
	margin:5px;
	}
#content ol li{
	margin:0px;
	padding:0px 10px 8px 15px;
	list-style: none;
	background:url(../images/ol.png) no-repeat left top;
	font:11px/160% Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style-type: none;
	color: #333;
}
#content ol li.storia{
	list-style-type: upper-roman;
	background-image:none;
}


/*------------------------------------  layout colonna a dx*/
#extra {
	position:absolute;
	top:0px;
	left:761px;
	width:186px;
	padding:5px;
	margin:0px;
	color:#fff;
	background: #6060B0 url(../images/shadow_dx_elabora.png) no-repeat right bottom;
	min-height:494px;
	padding-bottom: 30px;
}
/* for Internet Explorer */
/*\*/
* html #extra {
height: 543px;
}
#extra h4{
	width:150px;
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	border-bottom:1px solid #fff;
	margin:5px;
	padding:17px 10px 17px 0px;
}
#extra h4.chi{background: #b0b0d8 url(../images/ico_chisiamo_dx.jpg) no-repeat right top;}
#extra h4.clienti{background: #b0b0d8 url(../images/ico_clienti_dx.jpg) no-repeat right top;}
#extra h4.studio{background: #b0b0d8 url(../images/ico_studio_dx.jpg) no-repeat right top;}
#extra h4.elabora{background: #b0b0d8 url(../images/ico_elabora_dx.jpg) no-repeat right top;}
#extra h4.contatti{background: #b0b0d8 url(../images/ico_contatti_dx.jpg) no-repeat right top;}
#extra h5{
	margin:0px 5px;
}
div#extra ul{
	background-color:#b0b0d8;
	width:170px;
	padding:2px;
	margin:10px 5px;
	}
#extra ul li{
	margin:0px;
	padding:0px 0px 0px 13px;
	list-style: none;
	background:#b0b0d8 url(../images/ul.png) no-repeat left top;
	font:11px/150% Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	color: #fff;
	font-weight: bold;
	display: block;
	width: 160px;
}
#extra ul li a{
	color:#6060B0;
	text-decoration:none;
	font-weight:normal;
	background-color: #B0B0D8;
}
#extra ul li a:hover{
	color:#fff
}
#extra ul  li  /* Styles for Menu Items */
a  {
	display: block;
	text-decoration: none;
	padding: 1px; /* IE6 Bug */
	border-bottom: 0;
	font-weight: normal;
	}
/*#extra ul li a:hover{
	color:#fff;
	text-decoration:underline;
	font-weight:normal}*/
/*------------------------------------      stili a*/
#content a{
	color:#6060b0;
	font-weight:bold;
	text-decoration: none;
	}

#content p a{
	text-decoration: underline;
	}
#footer a{
	color:#fff;
	font-size:10px;
	text-decoration: none;
}	
/*------------------------------------      stile menu navigazione orizzontale*/
ul#percorso{
	list-style-type: none;
	margin: 5px auto;
	padding: 0;
	background-color:#fff;
	color:#6060b0;
	width:510px;
}
ul#percorso li{
	display:inline;
	color:#6060b0;
	margin:0;
	padding: 0; }
ul#percorso li a{
	display:inline;
	font-weight:normal;
	color:#6060b0;
	margin:0;
	padding:0;
	background-color: #fff;
}

/*------------------------------------      stile quicknews*/
/*contenitore in primo piano*/
#quicknews{
	background:#fff url(../images/shadow.png) no-repeat right bottom;
	position: absolute;
	left:8px;
	top: 313px;
	width:186px !important;
	width:174px;
	min-height:190px;
}

/* for Internet Explorer */
/*\*/
* html #quicknews {
	height: 190px;
}
#quicknews h4{	
	font-size: 10px;
	font-weight:bold;
	color: #6060B0;
	margin:0px;
	padding:5px 8px 0px 8px;
}
#quicknews p{color:#666;}
#quicknews p, #quicknews a{
	font:10px/130% Verdana, Arial, Helvetica, sans-serif;
	width:84%;
	}	
#quicknews a{
	color:#6060b0;
	font-weight:bold;
	text-decoration:none;
}

#quicknews a:hover {
 text-decoration: underline;
}

#quicknews a.red {
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
}
	
#quicknews a.red1 {
	color:#FF0000;
	font:10px/130% Verdana, Arial, Helvetica, sans-serif;
	width:84%;
	text-decoration:none;
}

#quicknews a.blue {
	color:#6060b0;
	font:10px/130% Verdana, Arial, Helvetica, sans-serif;
	width:84%;
    font-weight:bold;
	text-decoration:none;
}

#quicknews a.grey {
	color:#666666;
	font:10px/130% Verdana, Arial, Helvetica, sans-serif;
	width:84%;
    font-weight:bold;
	text-decoration:none;
}

#quicknews strong {
	font-size: 10px;
}

#quicknews a.underline {
	color:#666666;
	font:10px/130% Verdana, Arial, Helvetica, sans-serif;
	width:84%;
	text-decoration: underline;
}

#quicknews a.italic {
	color:#666666;
	font:10px/130% Verdana, Arial, Helvetica, sans-serif;
	width:84%;
	font-style: italic;
	text-decoration: underline;
}

#quicknews a.italic1 {
	color:#666666;
	font-size: 10px;
	font-style: italic;
}

/*contenitore form*/
#quickdown{
	position: absolute;
	left:8px;
	top: 260px;
	width:186px;
	padding:5px 0px;
}	

/*------------------------------------      stile footer*/

#footer{
	margin:0px 0px 0px 220px;
	width:540px;
	clear:both;
	color:#fff;
	font-size:10px;
	padding: 0px;
}

select {
	color: #6060B0;
}