@charset "utf-8";
/* CSS Document */

*								{ margin:0; padding:0; border:0;}
a img						{ border:0;}
html, body			{ width:100%;}
html						{ background:#323232;}
body						{ background:url(../imgs/bg-body.jpg) repeat-x 0 0;}
html, body, input, select
								{ font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666;}

h2, h3					{ margin:0 14px 7px 14px; padding-top:30px; font-size:18px; font-weight:normal;}
p								{ margin:0 14px 7px 14px; line-height:20px;}
span						{ color:#0099cc;}

a								{ color:#09C;}
a:hover					{ text-decoration:none;}

.wrap						{ width:910px; margin:0 auto;}

/******************
* TOP			        *
******************/
#TOP						{ background:url(../imgs/bg-top.jpg) repeat-x 0 0;}
#TOP .wrap			{ height:345px;}
#TOP.int .wrap	{ height:73px;}
#header					{ position:relative; height:73px; border-bottom:1px solid #797979;}
.int #header		{ border:none;}
#logo						{ position:absolute; top:13px;}
#logo a					{ display:block; width:186px; height:53px; background:url(../imgs/logo-donami.gif) no-repeat 0 0;
									text-indent:-999em; overflow:hidden;}
#banner					{ width:900px; height:200px; margin-top:35px;}

/******************
* MAIN		        *
******************/
#MAIN						{ padding:0 0 30px 0 ;background:#FFF url(../imgs/bg-main.jpg) repeat-x 0 0;}
.left						{ float:left;}
.right					{ float:right;}
#MAIN .left			{ width:285px;}
#MAIN .right		{ width:614px;}
.left .onlus		{ margin:30px auto;}
.right .onlus		{ margin:30px auto; border:1px solid #CCC; background:#FFF; padding:6px;}
p.info					{ line-height:normal;}
#istruzioni			{ margin:7px 0 0 0; border:1px solid #C9C9C9; border-left:none; border-right:none; list-style-type:none;}
#istruzioni li	{ float:left; width:300px; min-height:145px; height:auto !important; height:145px; /*hack per min-height*/}
#istruzioni h3	{ margin:30px 14px 7px 14px; padding:0 0 0 36px; line-height:24px; color:#0099cc;}
.i1							{ background:url(../imgs/i-1.gif) no-repeat right top;}
.i1 h3					{ background:url(../imgs/cuore-1.gif) no-repeat 0 0;}
.i2							{ background:url(../imgs/i-2.gif) no-repeat right top;}
.i2 h3					{ background:url(../imgs/cuore-2.gif) no-repeat 0 0;}
.i3							{ background:url(../imgs/i-3.gif) no-repeat right top;}
.i3 h3					{ background:url(../imgs/cuore-3.gif) no-repeat 0 0;}
#istruzioni:after /* clear del float */
								{	content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both;}
#istruzioni			{	zoom:1; min-height:0;} /* clear del float per ie6 e ie7 */
.cemit					{ text-align:right;}
a.btn						{ display:block; width:202px; height:36px; padding:0 0 0 14px; margin:30px 0 0 0;
									background:url(../imgs/bg-btn.gif) no-repeat 0 0;
									font-size:18px; line-height:36px; text-decoration:none;}
/******************
* MAIN_APP		        *
******************/
#MAIN_APP						{ padding:0 0 30px 0 ;background:#FFF url(../imgs/bg-main_app.jpg) repeat-x 0 0;}


/******************
* ONLUS           *
******************/
#ONLUS					{ background:#e5e5e5; padding:30px 0;}
#ONLUS ul				{ list-style-type:none; width:900px; margin:0 auto;}	
#ONLUS li				{ float:left; position:relative; width:295px; height:150px; margin:0 7px 7px 0; background:#FFF;}
#ONLUS li.last	{ margin:0;}
#ONLUS ul:after /* clear del float */
								{	content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both;}
#ONLUS ul				{	zoom:1; min-height:0;} /* clear del float per ie6 e ie7 */
#ONLUS img			{ position:absolute;}
#ONLUS a				{ display:block; position:absolute;}
#ONLUS ul div		{ position:absolute; bottom:0px;}
#ONLUS ul div img
								{ position:relative;}
#ONLUS ul div p	{ background:#000; color:#FFF; font-size:11px; margin:0 7px 14px 7px; padding:0 7px;}


/******************
* BOTTOM          *
******************/
#BOTTOM					{ background:url(../imgs/bg-body.jpg) repeat-x 0 -7px;}
#BOTTOM p				{ line-height:25px; margin:10px 14px;}
.copy					{ float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; color:#666;}
.copy p					{ background:url(../imgs/logo-donami-small.gif) no-repeat 0 0; padding:0 0 0 80px;}
.gen					{ float:right; text-align:right;font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#666;}





