/*  Author: *dot Next snc*
	Date: *04052007*
	Colours	+ *Page/section name*
		- *colour hex* *colour name* (*purpose*)
=== === === === === === === === === === */

/* ========= Area Genitori ========= */
h2,h3,h4{font-weight:bold;  line-height:110%;}
h2.genitori , .genitori h2, .genitori h3, .genitori h4, .genitori strong, .adcommento h4{color:#660066;}

h2.insegnanti,.insegnanti h2, .insegnanti h3, .insegnanti h4, .insegnanti strong{color:#006699;}

h2.genitori, h2.insegnanti{text-align:center;}

div#rag{
        position:relative; width:940px; margin:10px;
        min-height: 280px; height: auto !important; height: 280px; 
        background: url(img/bg_top.png) repeat-x left 65px;}

div#rag h1 a{position:absolute;left:30px;top:74px}

div#sx{position: absolute; top:300px; width:260px; margin-left:10px;}


/* ========= box ========= */

a{font-weight:bold;}

#cont-insegnanti, #cont-genitori, #cont-questosito, #cont-adblog {width:610px; float:right; margin:20px 20px 0 0; text-align:justify; min-height: 900px; height: auto !important; height: 900px;}

#cont-questosito {margin-top:135px !important;}

#cont-insegnanti a:link, #cont-insegnanti a:visited {color:#006699; text-decoration:underline}
#cont-insegnanti a:hover{color:#006699; text-decoration:none}

#cont-genitori a:link, #cont-genitori a:visited {color:#660066; text-decoration:underline}
#cont-genitori a:hover{color:#660066; text-decoration:none}

#cont-questosito a:link, #cont-questosito a:visited {color:#006600; text-decoration:underline}
#cont-questosito a:hover{color: #006600; text-decoration:none}

#cont-insegnanti li, #cont-genitori li {margin:15px 0; list-style: square;}

.box li ul{margin:0; padding:0 0 0 10px}
.box li li{margin:5px; list-style: circle;}


.box-ico{width:170px; position:relative; left:55px; float:left; margin:30px 0 0 0px !important;}
.box-cont{width:380px; float:right; margin:20px 20px 20px 0;}


/* ========= menu_adulti ========= */
div.menu-adulti, div.menu-adBlog {float:right;width:660px; margin:110px 0 20px 0;}
div.menu-adulti h2, div.menu-adBlog h2{margin-left:70px;}

div.menu-adulti ul, div.menu-adBlog ul{padding:0; margin:0;}
div.menu-adulti li, div.menu-adBlog li{float:left; margin:0;}

div.menu-adulti a{ width:218px; height:50px; display: block;}
div.menu-adBlog a{ width:327px; height:50px; display: block;}

div.menu-adulti span, div.menu-adBlog span{ display:none}

.fenomeno a:link, .fenomeno a:visited {background: url(img/btn_fenomeno.png) no-repeat right top;}
.fenomeno a:hover{background: url(img/btn_fenomeno_over.png) no-repeat right top;}
.fenomeno-on {width:218px; height:50px; display: block; background: url(img/btn_fenomeno_over.png) no-repeat right top;}


.chefare a:link, .chefare a:visited {background: url(img/btn_chefare.png) no-repeat right top;}
.chefare a:hover{background: url(img/btn_chefare_over.png) no-repeat right top;}
.chefare-on {width:218px; height:50px; display: block; background: url(img/btn_chefare_over.png) no-repeat right top;}


.risorse a:link, .risorse a:visited {background: url(img/btn_risorse.png) no-repeat right top;}
.risorse a:hover{background: url(img/btn_risorse_over.png) no-repeat right top;}
.risorse-on {width:218px; height:50px; display: block; background: url(img/btn_risorse_over.png) no-repeat right top;}

.tuttiTopic a:link, .tuttiTopic a:visited {background: url(img/btn_vistuttitopic.png) no-repeat right top;}
.tuttiTopic a:hover{background: url(img/btn_vistuttitopic_over.png) no-repeat right top;}
.tuttiTopic-on {width:327px; height:50px; display: block; background: url(img/btn_vistuttitopic_over.png) no-repeat right top;}

.tuoTopic a:link, .tuoTopic a:visited {background: url(img/btn_iltuotopic.png) no-repeat right top;}
.tuoTopic a:hover{background: url(img/btn_iltuotopic_over.png) no-repeat right top;}
.tuoTopic-on {width:327px; height:50px; display: block; background: url(img/btn_iltuotopic_over.png) no-repeat right top;}

/* ========= menu_pillole ========= */
#menu-pillole{margin:30px 0;padding:20px}

#menu-pillole h4{margin:0;}

#menu-pillole ul{margin:10px 0; padding:0; border-top:solid 2px #666}
#menu-pillole li{margin:10px 0; padding:0 5px;  border-bottom:solid 1px #ccc}
#menu-pillole a{line-height: 1.5em; height:1.5em; font-weight:bold;}
#menu-pillole a:link, #menu-pillole a:visited{ color: #FF6600; text-decoration:none}
#menu-pillole a:hover{ color: #000; text-decoration:underline}

#titpillola {padding-top:40px !important;}
div.approf{border-top:2px solid #660066; border-bottom:2px solid #660066; background:#f3f3f3; padding:1em}

ul.thanksto li{height:80px; line-height:80px; font-size:80%}
ul.thanksto img{float:left; margin-right:10px;}

/* ========= BLOG ========= */
.adCommento{ min-height: 80px; height: auto !important; height: 80px;
	background:url(img/bgComm.png) top left no-repeat #f3f3f3;	border-bottom:solid 1px #ccc;
	margin:0 15px 30px 50px; width:500px; font-size:90%;
	}
#aggCommentoAd{margin:60px 0px 20px 50px;}

.dataComm{padding:5px 10px 0 10px !important; font-size:80%; text-align:right;}
.adCommento p{padding:2px 10px }
.adCommento h4{margin:0 0 3px 12px; color:#660066;}

div#insCommAd{margin:20px 50px;}
div#insCommAd textarea{ margin:10px 10px 0 0px; padding:2px 3px; width:300px; height:150px; background:#f4f4f4; border:1px solid #660066;}

.nickComm{ margin:10px 10px 0 10px; width:255px; background: #ffffcc; border:1px solid #660066;}

.testoTopic{margin-bottom:30px}
h4.introComm{margin-bottom:30px;}

ul#listaBlogAD{margin:20px 0; border-top:solid 2px #ccc;}
ul#listaBlogAD li{padding:10px 0; border-bottom:solid 1px #ccc;}
ul#listaBlogAD a:link, ul#listaBlogAD a:visited, #cont-adblog a:link, #cont-adblog a:visited{color:#660066; }
ul#listaBlogAD a:hover, #cont-adblog a:hover{color:#000;text-decoration:underline}
ul#listaBlogAD span{color:#666; background:#eee; font-size:75%}