@charset "utf-8";
/* CSS Document */
/*Overall*/

body {
	/*background:#DBDAEF;*/
	background-image: url(/images/sfondo.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;font-size:11px;
}
#container {	
	margin:0 auto;
	background:#fbfbf9;
	border:solid 1px #FFF;
	width:780px; 
	min-height:700px;
	height: expression( document.body.clientWidth < 701 ? "700px" : "auto" );
}
h3	{
	background: #9bdcf7;
	font-family:arial,Helvetica;
	font-size:10px;
	font-weight:bold;
	color: black;
	padding:5px 0; 
	border-bottom:solid 1px #666;
	margin:10px;
	/*text-transform:uppercase;*/
}
h2	{
	background: #0e23a4;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color: white;
	padding:5px 0; 
	border-bottom:solid 1px #666;
	margin:10px;
	text-transform:uppercase;
}
h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#4A5A3D;
	font-weight:normal;
	margin:22px 0px 10px 10px;
	text-transform:uppercase;
}
p	{
	margin:10px 10px 20px 10px;
	line-height:16px;
	text-align:justify;
}
.image {
	border:#CCCCCC solid 1px;
	float:left;
	padding:5px;
	margin:10px 10px 5px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}
/* Esconde de IE-mac \*/
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
/* Fin esconde de IE-mac */
p	{	
	margin:10px 10px 20px 10px;
	line-height:16px;
	text-align:justify;
}

#poesia {
	margin:10px 10px 20px 10px;
	line-height:16px;
	text-align:left;
}

.image{	
	border:#CCCCCC solid 1px;
	float:left;
	padding:5px;
	margin:10px 10px 5px;
}
/* Prima Pagina */
#image_mai_soli {	
	border:#CCCCCC solid 1px;
	float:none;
	padding:1px 1px 0px 1px;
	margin:10px 10px 0px 10px;
}
#citazione{
	margin:5px 5px 10px 5px;
	line-height:16px;
	text-align:left;
	padding:0; 
	font-style: oblique;
}
#firma{
	margin:5px 5px 10px 5px;
	line-height:16px;
	text-align:right;
	padding:0; 
	font-style: oblique;
}/*****************/

/****** LOGO TOP + MENU *********/
#top{margin:15px 10px;background-image: url(/images/QSDlogo_Top.jpg);width:760px;height: auto;min-height:145px;float:left;}

#menu {margin:110px 0 0 0px;}
#menu ul {list-style:none;padding:0;margin:0 0 0 0;}
#menu li {
	  margin:5px 5px 5px 0;
          float:right;
          width: auto;
          min-width:80px;
	  background:#F7F7F7;
	  text-align:center;
	  border:1px solid #CCCCCC;
}
#menu li a span {font-size: 11px; font-weight:bold; text-transform:none; color: black}
#menu li a {voice-family: "\"}\"";voice-family:inherit;text-decoration:none;padding:3px 0 3px 0; display:block;}		
/*#menu li a:visited {color: #50635e; display:block;}*/
#menu span:hover, #menu li:hover, #menu a:hover {
				background:#0e23a4 0 -32px; 
				color: #ffffff;
				}
/*#menu li:hover, #menu a:hover,*/
/***************************************************/


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

/************ CONTENITORI DI DESTRA ************/

/** CONTENITORI PAGINA INDEX ***/
/*
* html div#division { 
   width: expression( document.body.clientWidth < 334 ? "333px" : "auto" ); set min-width for IE
   min-width: 333px;  sets min-width value for all standards-compliant browsers 
}*/
#column-right {
		margin:0 10px 0 0;
		width:520px;
		height: expression( document.body.clientWidth < 201 ? "200px" : "auto" );
		min-height:200px;
		float:right;
		}

/** CONTENITORE PAGINA SEZIONI **/
#column-right-big{
		margin:0 10px 0 0;
		width:660px;
		height: expression( document.body.clientWidth < 201 ? "200px" : "auto" );
		min-height:200px;
		float:right;
		}
		
/** CONTENITORE IMMAGINI **/
#img_container {
		padding: 0px 5px 5px 0px; 
		margin: 0px 5px 20px 0px;
		}

/*.right{float:right;padding:5px 0;background:#F7F7F7;border:#CCCCCC 1px solid; margin:0 0 15px 0;}*/
.right_intro{
                float:right;
                padding:5px 0;
                background:#F7F7F7;
                border:#CCCCCC 1px solid;
                margin:0 0 15px 0;
                /*width:inherit;*/
                min-width:660;
                width: expression( document.body.clientWidth < 661 ? "660px" : "auto" );
                height: expression( document.body.clientWidth < 51 ? "50px" : "auto" );
                min-height:50px;
}
.right_intro textarea, input {
		padding-left: 5px;
		margin-left: 10px;
}
.right{
		float:right;
		padding:5px 0;
		background:#F7F7F7;
		border:#CCCCCC 1px solid; 
		margin:0 0 15px 0;
		width:inherit;
		min-height:50px;
}

/** CONTENITORE TAGS **/
#tags{margin:20px 10px 5px 0; width: 660px; min-height:50px;float:right;}

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

/* Left Column */
.left{margin:0 0 0 10px;background:#F7F7F7;border:#CCCCCC solid 1px;width:220px;min-height:411px;float:left;padding:0 0 10px 0;}
.left a{padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
.left a:hover{color:#4A5A3D;text-decoration:underline;}

/* MENU DI SINISTRA NELLE SCHEDE PROGETTI E PRODOTTI */
.menu-left {margin:0 0 0 10px;background:#F7F7F7;border:#CCCCCC solid 1px;width:80px; min-height:300px; height: auto; float:left;padding:0 0 0px 0;}
.menu-left a {padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
.menu-left a:hover{color:#4A5A3D;text-decoration:underline;}
.menu-left ul {list-style:none;padding:0;margin:0 0 0 0;}
.menu-left li {margin:2px 2px 2px 2px;float:left;width:70px;background:#F7F7F7;text-align:center;border:0px solid #CCCCCC;}
.menu-left li:hover{background:#999999  0 -32px;}
.menu-left li a {voice-family: "\"}\"";voice-family:inherit;text-decoration:none;padding:3px 0 3px 0; text-transform:uppercase;
					/*font-size:9px;*/
					font-size:0.82em;
					}		
.menu-left li span {font-size: 1em;}

.menu-left li a:link, .menu-left li a:visited{color:#4A5A3D;display:block;}
.menu-left h2	{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	font-size:1.1em;
	color:#003333;
	background:#F7F7F7;
	font-weight:bold;
	padding:0px 0; 
	/*border-bottom:none;*/
	border-bottom:solid 2px #666;
	margin:10px;
	text-transform:uppercase;
	text-align: center;
}
.custom_ul ul {
text-align: left;
	list-style-type: none;
}
.custom_ul ul li a {
	display: block;
	padding-left: 19px;
	background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
}
/******** DOWN *******/
#down {
		margin:10px;
		padding:5px 0;
		border:1px #CCC solid;
		width:760px;color:#ffffff;
		text-align:center;
		background:#ed1b24 ;
		float:left;
}
#down a {
		color:#ffffff;
		text-decoration:none;
		/*line-height:20px;*/
		margin:5px 5px 10px 5px;
		line-height:20px;
		text-align:justify;
}
#down a:hover{
	color:#4A5A3D;
	text-decoration:underline;
}
