@charset "utf-8";
/*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

CSS Created by Chialab.it for CIRC BOLOGNA

http://www.chialab.it 2009

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

*/



/*...........................................    

,
    Reset

...........................................*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	outline:0
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.open {cursor:pointer;}

.open:hover {color:black!important;}

.black {color:black!important;}
.black:hover {color:#0099cc!important;}

/*...........................................    

    General, elements

...........................................*/


BODY {
	color:#000;
	background:#FFF;
}

P {margin-bottom:0.5em;}


CODE {color:#FF4500;}

A {text-decoration:none; color:black;}
A:hover {color:#0099cc}

H1 A, H2 A {color:inherit;}

A {outline:0;}

:focus {
	outline: 0;
} 

HR {height:0px; border:0px; margin:10px 0px 10px 0px; border-top:1px solid #999}

.bandi HR {height:0px; border:0px; margin:0px 0px 10px 0px; border-top:1px solid #B9DAF3;}

.notizie HR {height:5px; border:0px; margin:0px 0px 10px 0px; border-top:5px solid #efd400!important; width:125px; text-align:left;}

.attivita HR {height:5px; border:0px; margin:0px 0px 10px 0px; border-top:5px solid #b1c800; width:125px; text-align:left;}

.eventi HR {height:5px; border:0px; margin:0px 0px 10px 0px; border-top:5px solid #0066b3; width:125px; text-align:left;}

.primopiano HR {height:5px; border:0px; margin:0px 0px 10px 0px; border-top:5px solid #192b68; width:125px; text-align:left;}

.novita HR {height:0px; border:0px; margin:0px 0px 10px 0px; border-top:1px solid #f29400; width:125px; text-align:left;}

.login HR {height:5px; border:0px; margin:0px 0px 10px 0px; border-top:5px solid #b60c1d!important; width:125px; text-align:left;}

.user HR {height:5px; border:0px; margin:10px 0px 10px 0px; border-top:5px solid #85bee7!important; width:125px; text-align:left;}

HR.breakCenter {height:0px; border:0px; margin:10px 0px 10px 0px; border-top:5px solid #25407c;}

.itemlist HR, .seclist HR {height:5px; border:0px; margin:10px 0px 10px 0px; border-top:5px solid #c0dcf2; clear:both;}

.itemlist IMG {margin-bottom:10px;}

/*...........................................    

    Typography

...........................................*/

BODY {font:12px/1.25em "Verdana", sans-serif;}

H1 	{font: normal 1.3em  Verdana, sans-serif; line-height:1.2em;}

H2 {font: normal 1.2em Verdana, sans-serif; line-height:1.2em;}

H3 {font: normal 1em "Verdana", sans-serif; color:#0085bd;}

H2.sfr {font-size:16px!important;}

.itemlist H2, .seclist H2 {font-size:1.25em; line-height:1.25em; margin-bottom:5px;}

/*...........................................    

    Structure

...........................................*/

.col {float:left; background-color:transparent;}

.mod1 {width:120px;}
.mod1plus {width:180px;}

.mod2 {width:240px;}
.mod2plus {width:300px;}

.mod3 {width:360px;}
.mod3plus {width:390px;}

.mod4 {width:480px;}

.mod5 {width:600px;}
.mod5plus {width:660px;}

.mod6 {width:720px;}

.mod7 {width:840px;}

.mod8 {width:960px;}


.clear {
	height:0px; 
	clear:both;
}

.main {
	clear:both;
	background:#FFF;
	
}

.mainHome {font-size:1em; clear:both; margin-bottom:50px; width:990px; color:#666; float:left; padding-top:15px;}

.mainInt {font-size:1em; clear:both; margin-bottom:50px; color:#666; float:left;}

.inside {float:left; padding-top:15px;}

.mainHome H1 {color:black;}

.col div {
	margin:10px;
}

.cover {
	cursor:pointer;
}

.scheda {
	cursor:pointer;
}

.col1 {margin-top:5px; margin-left:0px;}

.col2 {margin-top:5px;}

.col3 {margin-top:5px;}

.col4 {margin-top:5px;}

.attivita UL LI, .primopiano UL LI, .eventi UL LI {margin-bottom:10px;}

.attivita UL, .notizie UL, .eventi UL {margin-top:5px; margin-bottom:0px;}

.bandi UL, .progetti, .novita {margin-top:5px; margin-bottom:10px; list-style-type:none;}

.bandi UL LI, .progetti LI, .novita LI {margin-bottom:10px; color:#0099cc; padding-left:0px; margin-left:0px;}

.attivita, .eventi {margin-bottom:30px;}

.attivita H1 {font-size:1em; margin-bottom:3px;}

.notizia1, .noimg {font-size:1.15em; line-height:1.3em;}

.notizia1 P, .noimg P {margin-top:1px;}

.notizia1 H1 {margin-bottom:3px; margin-top:5px;}

.noimg H1 {position:relative; margin-top:0px; width:auto; background-color:white; padding:0px;}

.notizia1 H1 A, .noimg {font-size:1em; color:black;}

.notizia1 H1 A:hover, .noimg {color:#0099cc;}

.notizie H1 {font-size:1.25em;}

.notizie DIV, .primopiano DIV {margin-bottom:15px;}

.primopiano {margin-top:5px; margin-bottom:30px;}

.primopiano DIV {margin-bottom:10px;}

.continue {color:#0099cc; font-size:12px; font-style:normal;}

.continue:hover {color:black; text-decoration:underline;}

.interno {margin-left:15px; width:405px; font-size:1.10em; line-height:1.35em; color:#333;}

.interno UL {list-style-type:disc; padding-left:15px; padding-bottom:15px;}

.interno OL {padding-left:30px; padding-bottom:15px;}

.interno UL LI, .interno OL LI {margin-bottom:3px;}

.interno H2 {margin-bottom:10px; margin-top:0px!important;}

.interno P A {text-decoration:underline;}

.bandiTab {font-family:"Lucida Grande", sans-serif; margin-bottom:50px; font-size:0.85em;}

.bandiTab H2 {font-size:12px; color:#0099cc;}

.bandiTab TD {padding:8px 10px 5px 5px; vertical-align:top;}

.bandiTab TH {cursor:pointer; padding:8px 10px 0px 5px; vertical-align:middle;}

.bandiTab TD UL LI {font-size:12px; text-transform:lowercase; line-height:1em;}

.bandiTab TD UL {padding:0px;}

.bandiTab TR {border-bottom:1px solid silver;}

.access {margin-left:420px;}

.access UL {list-style-type:disc; padding-left:15px; color:#0099cc; padding-bottom:10px;}

.access UL LI A:hover {color:#0099cc;}

.col1pro H3 {font-size:1.10em;}

.access H3 {font-size:0.95em;}

.servizi INPUT, INPUT {border:1px solid silver; width:125px; margin-bottom:4px; color:gray; padding:1px;}

TEXTAREA {border:1px solid silver;}

.servizi INPUT[type="submit"], .comment INPUT[type="submit"] {width:auto; -moz-border-radius: 2em;
  border-radius: 2em;
}

.servizi {margin-bottom:10px;}

.continua {margin-top:5px; clear:both; display:block; color:#192b68;}

.statusComm {clear:both; border-top:1px solid silver; padding-top:3px; color:#0085bd;}

.commentContainer {margin-bottom:15px;}

.user A {color:#0085bd!important;}

.desc {color:#666; font-size:1.10em;}

.downloads {background-color:#ededed; padding:5px; margin-bottom:10px;}

.downloads UL LI, .access UL LI {padding-bottom:3px; font-size:0.98em;}


/*...........................................    

    Menus

...........................................*/

.menu {
	clear:both;
	width:auto;
	margin-top:0px;
	font-family: Verdana, sans-serif;
	float:left;
	border-bottom:1px solid #ccc;
	line-height:1em;
	position:relative;
	z-index:100;
}
.menu LI {
	float:left;
	margin-right:15px;
	padding-bottom:6px;
	
}

.menu LI A {
	font-size:12px;
	color:#666;

}

.menu LI A:hover {
	
	color:#f7941e;

}

.menu LI A H3 {
	font-size:14px;
	line-height:14px;
	height:10px!important;
	
}

.on {color:#f7941e!important;}

.materiali {list-style-type:disc; color:#0085bd; padding-left:15px;}

.materiali LI {line-height:1.5em;}

.secondLiv {margin:0px 0px 0px 0px; padding:5px 0px 0px 0px;}

.secondLiv UL {margin:0px 0px 15px 0px; padding:0px 0px 2px 0px; list-style-type:none; border-bottom:1px solid #C0DCF2; float:left;}

.secondLiv UL LI {margin:0px; padding:0px 10px 0px 0px; float:left;}

.secondLiv A {margin:0px; padding:0px 2px 0px 0px; font-size:1em!important;} 

.subsects LI {border:none!important;}

.subsects LI A {}

.subsects {padding:0px!important;}

/*...........................................    

  maodules

...........................................*/

.modulo1 {margin-left:15px; float:left; width:125px;}

.modulo15 {margin-left:15px; float:left; width:195px;}

.modulo2 {margin-left:15px; float:left; width:265px;}

.modulo3 {margin-left:15px; float:left; width:405px;}

.modulo4 {margin-left:15px; float:left; width:545px;}

.modulo5 {margin-left:15px; float:left; width:685px;}




/*...........................................    

   header + Footer

...........................................*/

.header {

}

.subheader A {color:#666;}

.subheader {color:#666; margin-bottom:10px;}

.subheader A:hover {
	color:#f7941e;

}

.footer {
	clear:both;
	background:url('/img/sfo.gif') top left repeat;
	
	width:100%;
	margin-top:40px;
	height:auto;


}

.testata {background:url('/img/sfo.gif') top left repeat; clear:both; height:98px!important; position:relative; z-index:60;}

.fondoFoot {background:url('/img/sfo_foot.gif') 0px 0px repeat; clear:both; height:auto; width:100%; position:relative; z-index:50; top:0px; left:0px; padding:0px; float:left;}

.istitutional {background-color:white; margin-top:0px; font-size:1em; position:relative; z-index:100; padding:5px; margin-bottom:10px;}

.istitutional H2 {}

.istitutional P {margin:0px; padding:0px;}

.istitutional A {color:#0099cc!important;}

.istitutional A:hover {color:black!important; text-decoration:underline;}

.contfoot LI {float:left;}

.link LI {list-style-type:disc; list-style-position:outside; margin-left:15px;}

.link {}

.almalogo {position:absolute; left:875px; top:98px; z-index:70;}

.payoff {float:left; position:relative; clear:both; background-color:white; z-index:80;}

/*...........................................    

    text main area

...........................................*/

.text A {
	color:#8F7421;

}
.text A:hover {
	text-decoration:underline;
}

.intro {font-size:1em; line-height:1.313; font-style:italic; color: #333; margin:0px;}

.highlight {background-color: #CFC5AF;}


/*...........................................    

    document detail

...........................................*/

h1.sfr {font-size:21px!important;}


.itemlist TD, .seclist TD {display:block; width:545px; padding-bottom:0px;}

.seclist UL {padding-left:10px;}

.seclist UL LI {margin-bottom:3px; border-top:1px solid silver; padding-top:3px;}

.seclist UL LI A {color:#0099cc; font-size:1em;}

.seclist UL LI A:hover {color:black;}

.seclist {}

/*...........................................    

    accessories

...........................................*/

.accessories A {
	color:#333;
}
.accessories A:hover {
	color:#000;
}
.accessories H3 {
	
}

.accessories {padding-top:15px!important; float:left;}

.footer A {
	color:#333;
}
.footer A:hover {
	color:#000;
}