/*-------------------------------------------
ASHAM
- - - - - - - - - - - - - - - - - - - - - - -
Description:	Base setup styles
Filename:		asham.css
Theme Name:     
Theme URI:      http://www.intersezione.com
Version:		1 beta
Date:			set 4, 2007
Author:         Intersezione srl
Company:        Intersezione srl
Please: 
        
/*=========================================================================================== Global Reset */

* {
	margin:0;
	padding:0;
}

html,body{
	margin:0;
	padding:0;
}

body {
	
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background:#e0e0e0;
}

img {
	border: 0;
}

a:link,a:visited {
	color: #3399cc; 
	text-decoration: none;
}

a:hover {
	color:#c00;
	text-decoration: none;
}

a:focus{
	outline:0; 
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

h1 {
	position: absolute;
	top: -99999px;
	left: -99999px;
}

h2 {
	font-size: 180%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 140%;
}

h5 {
	font-size: 120%;
}

h6 {
	font-size:100%;
}

p {
	font-size:80%;
}	

/*=========================================================================================== Elementi Accessibili/Stampa */

div#accessibile{
	position: absolute;
	top: -99989px;
	left: -99989px;
}

div#print{
	position: absolute;
	top: -99979px;
	left: -99979px;
}

/*=========================================================================================== Elementi del Layout */

div#container{
	width:818px;
	margin:0 auto;
}

div#header{
	width:818px;
	height:150px;
	background:url(../img/header.gif) top left no-repeat;
}

div#header-home{
	width:818px;
	height:180px;
	background:url(../img/header-home.gif) top left no-repeat;
}

div#wrapper{
	width:765px;
	margin-left:22px;
}

div#content{
	width:818px;
	background:url(../img/bg-pagina.gif) top left repeat-y;
	float:left;
	display:block;
	padding-bottom:1em;
}

div#navigazione{
	width:210px;
	float:left;
}

div#contenuti{
	width:540px;
	float:left;
	margin-left:15px;
}

* html div#contenuti{
	margin-left:15px;
}

div#footer{
	width:818px;
	background:url(../img/bg-footer.gif) top left no-repeat;
	height:123px;
	clear:both;
}

div#info{
	width:818px;
}

/*=========================================================================================== Specifiche del Layout */

div#header a{
	display:block;
	width:200px;
	height:150px;
	margin:0;
	padding:0;
	margin-left:25px;
}

div#header span.hide{
	position: absolute;
	top: -99959px;
	left: -99959px;
}

div#header h2,div#header-home h2{
	position: absolute;
	top: -99969px;
	left: -99969px;
}

div#content div#navigazione{
	width:180px;
	margin-left:15px;
}

* html div#content div#navigazione{
	margin-left:7px;
}

div#content div#navigazione ul{
	margin:0;
	padding:0;
	font-size:80%;
	border-top:1px solid #bfbfbf;
}

div#content div#navigazione ul li{
	list-style-type:none;
}

div#content div#navigazione ul li a{
	display:block;
	border-bottom:1px solid #bfbfbf;
	color:#000;
	padding-left:25px;
	line-height:1.8em;
	min-height:1.8em;
	height:auto!important;
	height:1.8em;
}

div#content div#navigazione ul li a:hover{
	border-bottom-color:#3299D0;
	color:#3299D0;
}

div#content div#navigazione ul li ul.sub-info{
	width:155px;
	margin-left:25px;
	border-top:0;
}

div#content div#navigazione ul li ul.sub-attivita{
	font-size:90%;
	text-align:right;
}

div#content div#navigazione ul li ul.sub-info{
	font-size:90%;
	text-align:right;
}

div#content div#navigazione ul li ul.sub-persone{
	font-size:90%;
	text-align:right;
}

div#content div#navigazione ul li ul.sub-diario{
	font-size:90%;
	text-align:right;
}

div#content div#navigazione ul li ul.sub-info li a{
	padding:0;
}

div#content div#navigazione div#extra ul{
	border-top:0;
}

div#validazione{
	margin-bottom:1em;
	text-align:left;
	float:left;s
}

div#validazione .css{
	margin-left:14px;
}

div#content div#stili{
	float:left;
	margin-top:2em;
	padding:.3em 0;
	background:#f5f5f5;
	margin-bottom:1em;
}

div#content div#stili p{
	font-size:70%;
	padding-left:20px;
	margin-bottom:.5em;
	color:#999;
}

div#content div#stili ul{
	margin:0;
	padding:0;
	font-size:80%;
	border-top:0;
}

div#content div#stili ul li{
	list-style-type:none;
	float:left;
}

div#content div#stili ul li a{
	display:block;
	border-bottom:0;
	color:#000;
	float:left;
	display:inline;
	padding:0;
	text-align:center;
	width:60px;
}

div#content div#stili ul li a span{
	display:none;
	visibility:hidden;
}

div#content div#stili ul li a:hover{
	color:#3299D0;
}

div#ancillary{
	width:765px;
	margin-left:22px;
	background:url(../img/bg-amici.gif) top left no-repeat;
	float:left;
	display:block;
	margin-top:1em;
	margin-bottom:1em;
	height:111px;
}

* html div#ancillary{
	margin-left:11px;
}

div#ancillary h5{
	position:absolute;
	top:-987987px;
	left:-987987px;
}

div#ancillary ul{
	margin-top:30px;
	width:717px;
	float:left;
	margin-left:25px;
}

* html div#ancillary ul{
	margin-left:13px;
}

div#ancillary ul li{
	list-style-type:none;
	float:left;
}

div#ancillary ul li a{
	height:72px;
	width:102px;
	display:block;
	float:left;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	overflow:hidden;
}

div#ancillary ul li a span.name{
	position: absolute;
	top: -99939px;
	left: -99939px;
}

div#footer p{
	width:717px;
	text-align:center;
	margin-left:50px;
	padding-top:30px;
} 

div#footer p a{
	font-weight:bold;
	color:#000;
}

div#footer p a:hover{
	color:#3399cc;
}

div#info div#align{
	width:764px;
	margin-left:22px;
	float:left;
}

* html div#info div#align{
	margin-left:11px;
}

div#info div#align div#sx{
	width:382px;
	float:left;
}

div#info div#align div#dx{
	width:382px;
	float:left;
	text-align:right;
}

div#info p {
	font-size:70%;
}

div#info p a{
	color:#000;
}

div#info p a:hover{
	color:#3399cc;
}

div#payoff{
	padding-left:80px;
	width:460px;
	margin-bottom:2em;
	height:62px;
}

div#payoff h3{
	font-size:105%;
	padding-top:10px;
}

div#payoff h4{
	font-size:80%;
	padding-top:5px;
}

.inside{
	margin-top:2em;
}

div#interno {
	padding-bottom:70px;
}

div#testo {
	min-height:180px;
	height:auto!important;
	height:180px;
}

div#testo img.little{
	float:left;
	margin-right:.5em;
}

div#testo p{
	font-size:12px;
	line-height:1.5em;
}

div.sottopagine{
	border-top-width:1px;
	border-top-style:solid;
	margin-top:2em;
	padding-top:.5em;
}

div.sottopagine ul{
	margin:0;
	padding:0;
}

div.sottopagine ul li{
	list-style-type:square;
	font-size:70%;
	margin-left:20px;
	color:#999999;
}

div.sottopagine ul li a{
	display:block;
	width:100%;
	font-weight:bold;
}

div.sottopagine ul li a:hover{
	color:#000;
}


div.sottogallery{

	margin-top:2em;
	padding-top:.5em;	
}

div.sottogallery ul{
	margin:0;
	padding:0;
}

div.sottogallery ul li{
	list-style-type:none;
	font-size:70%;
	color:#999999;
	line-height:2em;
	margin-bottom:.5em;
}

div.sottogallery ul li a{
	display:block;
	width:100%;
	font-weight:bold;
	line-height:2em;
	margin-right:-20px;
	padding-left:20px;
	background:url(../img/bg-menu-in.gif) 0 50% no-repeat;
}

div.sottogallery ul li a img{
	width:50px;
	height:50px;
	border:1px solid #000!important;
	vertical-align:middle;
}

div.sottogallery ul li a:hover{
	color:#000;
	background:url(../img/bg-menu-in-on.gif) 0 50% no-repeat;
}

div#notizie{

}

div#notizie h3{
	color:#3299d0;
	font-size:110%;
	font-weight:bold;
	background:url(../img/sep.gif) bottom left no-repeat;
	padding-bottom:.5em;
	margin-bottom:1em;
	padding-left:5px;
}

div#notizie h4{
	color:#3299d0;
	font-size:90%;
}

div#rassegna-elenco{
	float:left;	
}

div.rassegna-box-int{
	float:left;
	clear:both;
	width:470px;
	padding-left:50px;
	margin-left:20px;
	background: url(../img/ico-journal-small.jpg) top left no-repeat;
	margin-bottom:1em;
	padding-bottom:.5em;
	margin-top:1em;
	border-bottom:1px solid #ccc;
	min-height:40px;
	height:auto!important;
	height:40px;
}

* html div.rassegna-box-int{
	width:420px;
}

div.rassegna-box-int h4{
	font-size:110%;
	margin-bottom:.2em;
}

div.rassegna-box-int h4 span.data{
	font-size:70%;
}

.allegato{
	padding-left:30px;
	font-size:70%;
	font-weight:bold;
	background:url(../img/ico-down.gif) top left no-repeat;
	min-height:25px;
	height:auto!important;
	height:25px;
	line-height:25px;
	margin-top:15px;
}

div#notizie-elenco{
	float:left;	
}

div.notizia-box-int{
	float:left;
	clear:both;
	width:470px;
	padding-left:50px;
	margin-left:20px;
	background: url(../img/ico-calendar-small.jpg) top left no-repeat;
	margin-bottom:1em;
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
}

* html div.notizia-box-int{
	width:420px;
}

div.notizia-box-int h4{
	font-size:110%;
	margin-bottom:.2em;
}

div.notizia-box-int h4 span.data{
	font-size:70%;
}

div.notizia-box{
	float:left;
	clear:both;
	width:540px;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	background:url(../img/sep-news.gif) bottom left no-repeat;
}

div.notizia-foto-home{
	float:right;
}

div.notizia-foto-home img{
	border:1px solid #000!important;
	width:150px;
}

div.notizia-testo-home{
	width:350px;
	float:left;
	font-size:11px;
}

div.notizia-testo-home h4 span.data{
	font-size:70%;
}

div.notizia-testo-home h4{
	font-size:13px!important;
}

div.notizia-testo-home p{
	font-size:11px;
	width:350px;
	line-height:1.4em;
}

div.abstract{
	margin-bottom:1em;
	font-style:italic;
	font-size:70%;
	line-height:1.4em;
	padding-left:3em;
	border-left-style:solid;
	border-left-color:#ccc;
	border-left-width:2px;
}

body.asham div.abstract{
	border-left-color:#3299D0;
}

body.attivita div.abstract{
	border-left-color:#F7AB31;
}

body.photogallery div.abstract{
	border-left-color:#000;
}

body.diario div.abstract{
	border-left-color:#E42B23;
}

body.persone div.abstract{
	border-left-color:#009D48;
}

div.notizia-foto{

}

div.notizia-foto img{
	border:1px solid #000;
}

div.notizia-testo{
	width:420px;
	float:left;
	font-size:11px;
}

div.notizia-testo h4{	
	font-size:12px;
	width:410px;
	line-height:1.4em;
}

div.notizia-testo p{
	font-size:11px;
	width:410px;
	line-height:1.4em;
}

div#payoffsub{
	margin-bottom:1em;
}

div#payoffsub h5{
	font-size:100%;
}

p.back{
	font-size:70%;
	margin-bottom:0;
	padding-bottom:0;
	text-align:right;
	clear:both;
	float:left;
	width:100%;
}

/*===================================== personalizzazione thumbbox */


div.thumbbox {
	float:left;
	display:inline;
	margin-top:1em;
}

div.auxthumb {
	width:100%;
	float:left;
}

div.thumbbox a img {
	border:1px solid #000;
	padding:2px;
	float:left;
	width:60px;
	height:60px;
	margin-bottom:1em;
	margin-right:.5em;
}

div.thumbbox a:hover img {
	border-color:#3299D0!important;
	padding:2px;
}


/*===================================== personalizzazione paginazione */

div#paginazione{
	clear:both;
	display:block;
}

div#paginazione ul{
	font-size:11px;
}

div#paginazione ul li{
	text-align:center;
	font-weight:bold;
	float:left;
	list-style-type:none;	
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
}

div#paginazione ul li.selected{
	text-align:center;
	font-weight:bold;
	float:left;
	list-style-type:none;	
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
	display:block;
	border:1px solid #3299D0;
	float:left;
	width:20px;
	color:#fff;
	background:#3299D0;
	margin-right:3px;
}

div#paginazione ul li a{
	display:block;
	border:1px solid #3299D0;
	text-align:center;
	background:#f5f5f5;
	color:#000;
	float:left;
	width:20px;
	line-height:20px;
	min-height:20px;
	height:auto!important;
	height:20px;
	margin-right:3px;
}

div#paginazione ul li a.bigger{
	font-size:16px;
}

div#paginazione ul li a:hover{
	border:1px solid #000;
	background:#fff;
	color:#000;
}



/*=========================================================================================== personalizzazione delle sezioni */

/*===================================== personalizzazione menu */

div#content div#navigazione div#menu ul li a.info{
	background: url(../img/arrow-blu.gif) 0 50% no-repeat;
}

div#content div#navigazione div#menu ul li a.info-on{
	background: url(../img/arrow-on-blu.gif) 0 50% no-repeat #f1fdfe;
	border:0;
}

div#content div#navigazione div#menu ul li a.attivita{
	background: url(../img/arrow-gialla.gif) 0 50% no-repeat;
}

div#content div#navigazione div#menu ul li a.attivita-on{
	background: url(../img/arrow-on-gialla.gif) 0 50% no-repeat #fffee7;
	border:0;
}

div#content div#navigazione div#menu ul li a.diario{
	background: url(../img/arrow-rosso.gif) 0 50% no-repeat;
}

div#content div#navigazione div#menu ul li a.diario-on{
	background: url(../img/arrow-on-rosso.gif) 0 50% no-repeat #fef1f1;
	border:0;
}

div#content div#navigazione div#menu ul li a.persone{
	background: url(../img/arrow-verde.gif) 0 50% no-repeat;
}

div#content div#navigazione div#menu ul li a.persone-on{
	background: url(../img/arrow-on-verde.gif) 0 50% no-repeat #f3fef1;
	border:0;
}

div#content div#navigazione div#menu ul li a.photogallery{
	background: url(../img/arrow-nero.gif) 0 50% no-repeat;
}

div#content div#navigazione div#menu ul li a.photogallery-on{
	background: url(../img/arrow-on-nero.gif) 0 50% no-repeat #f5f5f5;
	border:0;
}

div#content div#navigazione div#menu ul li a.info:hover{
	color:#3299D0;
	border-bottom-color:#3299D0;
}

div#content div#navigazione div#menu ul li a.attivita:hover{
	color:#F7AB31;
	border-bottom-color:#F7AB31;
}

div#content div#navigazione div#menu ul li a.diario:hover{
	color:#E42B23;
	border-bottom-color:#E42B23;
}

div#content div#navigazione div#menu ul li a.persone:hover{
	color:#009D48;
	border-bottom-color:#009D48;
}

div#content div#navigazione div#menu ul li a.photogallery:hover{
	color:#000000;
	border-bottom-color:#000000;
}

div#content div#navigazione div#extra ul li a{
	color:#575757;
}

/*===================================== personalizzazione attivita */

body.attivita div#payoff{
	background:url(../img/bg-title-attivita.gif) top left no-repeat;
}

body.attivita div#payoff h3{
	color:#ff6600;
}

body.attivita div#payoff h4{
	color:#f7ab30;
}

body.attivita div#payoffsub h5{
	color:#ff6600;
}

body.attivita div#interno {
	background:url(../img/cerchio-attivita.gif) top center no-repeat; 
}

body.attivita div#testo img.little{
	border-top:1px solid #f7ab30;
	border-left:7px solid #f7ab30
}

body.attivita div.sottopagine{
	border-top-color:#ff6600;
}

body.attivita div.sottopagine ul li a{
	color:#ff6600;
}

/*===================================== personalizzazione chi è asham */

body.asham div#payoff{
	background:url(../img/bg-title-asham.gif) top left no-repeat;
}

body.asham div#payoff h3{
	color:#2A99D5;
}

body.asham div#payoff h4{
	color:#78afde;
}

body.asham div#payoffsub h5{
	color:#2A99D5;
}

body.asham div#interno {
	background:url(../img/cerchio-asham.gif) top center no-repeat; 
}

body.asham div#testo img.little{
	border-top:1px solid #2A99D5;
	border-left:7px solid #2A99D5
}

body.asham div.sottopagine{
	border-top-color:#2A99D5;
}

body.asham div.sottopagine ul li a{
	color:#2A99D5;
}

/*===================================== personalizzazione diario */

body.diario div#payoff{
	background:url(../img/bg-title-diario.gif) top left no-repeat;
}

body.diario div#payoff h3{
	color:#EE382B;
}

body.diario div#payoff h4{
	color:#cc6666;
}

body.diario div#payoffsub h5{
	color:#EE382B;
}

body.diario div#interno {
	background:url(../img/cerchio-diario.gif) top center no-repeat; 
}

body.diario div#testo img.little{
	border-top:1px solid #EE382B;
	border-left:7px solid #EE382B;
	float:left;
	margin-right:.5em;
	margin-bottom:.5em;
}

body.diario div.sottopagine{
	border-top-color:#EE382B;
}

body.diario div.sottopagine ul li a{
	color:#EE382B;
}

/*===================================== personalizzazione persone */

body.persone div#payoff{
	background:url(../img/bg-title-persone.gif) top left no-repeat;
}

body.persone div#payoff h3{
	color:#00AA5A;
}

body.persone div#payoff h4{
	color:#5ac592;
}

body.persone div#payoffsub h5{
	color:#00AA5A;
}

body.persone div#interno {
	background:url(../img/cerchio-persone.gif) top center no-repeat; 
}

body.persone div#testo img.little{
	border-top:1px solid #00AA5A;
	border-left:7px solid #00AA5A
}

body.persone div.sottopagine{
	border-top-color:#00AA5A;
}

body.persone div.sottopagine ul li a{
	color:#00AA5A;
}

/*===================================== personalizzazione photogallery */

body.photogallery div#payoff{
	background:url(../img/bg-title-amici.gif) top left no-repeat;
}

body.photogallery div#payoff h3{
	color:#000;
}

body.photogallery div#payoff h4{
	color:#666;
}

body.photogallery div#payoffsub h5{
	color:#000;
}

body.photogallery div#interno {
	background:url(../img/cerchio-amici.gif) top center no-repeat; 
}

body.photogallery div#testo img.little{
	border-top:1px solid #000;
	border-left:7px solid #000;
}

body.photogallery div.sottopagine{
	border-top-color:#666;
}

body.photogallery div.sottopagine ul li a{
	color:#666;
}

/*===================================== personalizzazione generico */

body.generico div#payoff{
	background:url(../img/bg-title-generico.gif) top left no-repeat;
}

body.generico div#payoff h3{
	color:#3299D0;
}

body.generico div#payoff h4{
	color:#77c0e7;
}

body.generico div#payoffsub h5{
	color:#3299D0;
}

body.generico div#payoffsub h5 span.data{
	font-size:70%;
	color:#666;
}

body.generico div#interno {
	
}

body.generico div#testo img.little{
	border-top:1px solid #3299D0;
	border-left:7px solid #3299D0;
}

body.generico div.sottopagine{
	border-top-color:#3299D0;
}

body.generico div.sottopagine ul li a{
	color:#3299D0;
}

#testocompleto{
	clear:both;
	font-size:12px;
	line-height:1.5em;
}
#testocompleto img{
	padding:3px;
	background:#fff;
	border:1px solid #ccc;
	margin:.5em;
}

div#iban {
	float:left;
	display:inline;
	width:520px;
	padding:10px;
	color:#fff;
	background:#3299D0;
	text-align:center;
	font-size:12px;
}