/*
*  CSS: Servizi & Promozioni industrial
*  Data creazione: Febbraio 2008
*  Autore: Matteo Ruzza
*  Ultimo editore: Matteo Ruzza
*  Note: 
*/

/*IMPORT SECTION*/
@import url(nav.css);
@import url(news.css);
@import url(course.css);

/*GENERIC RULES*/
body{
	font:normal 75% Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	color:#000000;
	padding:0;
	margin:15px 0;
	text-align:center
}
hr{display:none}
h1{display:none}
h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}
ul,li{padding:0;margin:0}
img{border:0}
table{font-size:100%}
a,a:hover,a:visited{text-decoration:none}

/*utils*/
div{text-align:left}
.hide{display:none}
.hidden{visibility:hidden}
.clear{clear:both}
span.rarr{
	color:#003366;
	font-weight:bold;
	font-size:1.10em !important
}

/*LAYOUT*/
#layout{width:970px;margin:0 auto}
#lyt-header{
	width:970px;
	height:230px;
	clear:both;
	overflow:hidden;
	background:#fff url(../img/bghdr.gif) no-repeat top left
}
#lyt-content{
	width:970px;
	clear:both;
	overflow:hidden;
	background:url(../img/bgcnt.gif) repeat-y top left;
	margin-bottom:10px
}

.twocol #lyt-left{width:456px}
.twocol #lyt-right{width:500px}
.twocol #lyt-left,
.twocol #lyt-right{
	float:left;
	margin-right:7px;
	display:inline
}

.threecol #lyt-left{width:250px}
.threecol #lyt-center{width:181px}
.threecol #lyt-right{width:500px}
.threecol #lyt-left{margin-left:7px}
.threecol #lyt-center{margin-left:15px;margin-right:10px}
.threecol #lyt-right{margin-right:7px}
.threecol #lyt-left,
.threecol #lyt-center,
.threecol #lyt-right{float:left;display:inline}

#lyt-left,
#lyt-center,
#lyt-right{margin-bottom:10px}

#lyt-footer{
	width:970px;
	clear:both;
	overflow:hidden;
	background:url(../img/bgftr.gif) no-repeat;
	margin-bottom:10px
}
#lyt-footer p.copy{float:left}
#lyt-footer p.madeat{float:right}
#lyt-footer p.copy,
#lyt-footer p.madeat{
	font-weight:normal;
	font-size:0.80em;
	color:#333;
	padding:0 5px 2px 5px	
}
#lyt-footer p a,
#lyt-footer p a:hover{color:#333}
#lyt-footer p a:hover{text-decoration:underline !important}
/*#lyt-bottom{}*/ 

/*HPBOX*/
div.hpbox{padding-top:10px}
div.hpbox h3{
	font-weight:bold;
	font-size:1.10em
}
div.hpbox p{
	font-weight:normal;
	font-size:1.00em;
	line-height:1.40em
}
div.hpbox h3,
div.hpbox p{color:#003366;margin:0 5px 10px 5px}
div.hpbox img{margin-bottom:10px}
div.hpbox a{color:#006699}
div.hpbox a:hover{color:#003366}
div.hpbox a,
div.hpbox a:hover{text-decoration:underline !important}

/*ISTBOX*/
div.istbox{padding-top:10px}
div.istbox h3{
	font-weight:bold;
	font-size:1.10em
}
div.istbox h4{
	font-weight:bold;
	font-size:1.00em;
}
div.istbox p{
	font-weight:normal;
	font-size:1.00em;
	line-height:1.40em
}
div.istbox ul{
	font-weight:normal;
	font-size:1.00em;
	line-height:1.40em;
	color:#003366;
	list-style:square outside;
	margin:0 0 10px 22px
}
div.istbox h3,
div.istbox h4,
div.istbox p{color:#003366;margin:0 5px 10px 5px}
div.istbox img{margin-bottom:10px}
div.istbox a{color:#006699}
div.istbox a:hover{color:#003366}
div.istbox a,
div.istbox a:hover{text-decoration:underline !important}
div.istbox ul li a{color:#003366;text-decoration:none !important}

/*RSS*/
div.rss{
	background:#f4ca73;
	padding:10px 5px;
	margin-right:5px
}
div.rss p{
	font-weight:normal;
	font-size:0.90em;
	color:#003366
}
p.rssico{margin:5px 0;font-weight:bold}
p.rssico a,
p.rssico a:hover{
	display:block;
	padding:5px 0 5px 20px;
	background:url(../img/rss.gif) no-repeat 0 5px
}
p.rssico a{color:#003366;text-decoration:none !important}
p.rssico a:hover{
	text-decoration:underline !important;
	color:#003366 !important
}
div.rss p a{color:#003366}
div.rss p a:hover{color:#000}
div.rss p a,
div.rss p a:hover{text-decoration:underline}

/*TITLE*/
div.rss-list h2,	
div.wuc-course-list h2,	
div.wuc-course-detail h2,	
div.wuc-news-det h2,
div.wuc-event-det h2,
div.services h2{width:500px;height:85px}
div.rss-list h2,
div.wuc-course-list h2,
div.wuc-course-detail h2{background:url(../img/spi-corsi.gif) no-repeat}	
div.rss-list h2{background:url(../img/spi-rss.gif) no-repeat}
div.wuc-news-det h2{background:url(../img/spi-news.gif) no-repeat}
div.wuc-event-det h2{background:url(../img/spi-eventi.gif) no-repeat}
div.wuc-course-past h2{	
	width:250px;
	height:60px;
	background:url(../img/spi-storico-corsi.gif) no-repeat
}
div.wuc-course-evn h2,
div.wuc-course-past h2{width:250px;height:60px}
div.wuc-course-evn h2{background:url(../img/spi-corsi-evn.gif) no-repeat}
div.wuc-course-past h2{background:url(../img/spi-storico-corsi.gif) no-repeat}
div.services h2{background:url(../img/spi-servizi.gif) no-repeat}

div.rss-list h2 span,
div.wuc-course-list h2 span,
div.wuc-course-detail h2 span,
div.wuc-news-det h2 span,
div.wuc-event-det h2 span,
div.wuc-course-past h2 span,
div.wuc-course-evn h2 span,
div.services h2 span{display:none}

/*CONTENTS*/
#lyt-right div.services,
#lyt-right div.content{width:500px}

#lyt-right div.services h3,
#lyt-right div.content h3{
	font-weight:bold;
	color:#003366;
	margin-bottom:15px
}

#lyt-right div.services p,
#lyt-right div.content p{
	font-weight:normal;
	font-size:1.00em;
	line-height:1.40em;
	color:#003366;
	margin-bottom:10px
}
#lyt-right div.content p.office{
	font-size:0.95em;
	text-align:right;
	margin:1px 5px 10px 0
}
#lyt-right div.content p.office a{font-weight:normal;text-decoration:underline!important}

#lyt-right div.content a{
	font-weight:bold;
	font-size:1.00em;
	line-height:1.40em;
	color:#003366
}

#lyt-right div.content ul{
	font-weight:normal;
	font-size:1.00em;
	line-height:1.40em;
	color:#003366;
	list-style:square outside;
	margin:0 0 10px 22px
}


#lyt-right div.content ul li a{color:#003366;text-decoration:none !important}


div.services h4{
	font-weight:bold;
	font-size:1.10em;
	color:#003366;
	margin-bottom:2px
}
div.services p{margin-bottom:15px}
div.services ul{
	margin:0 0 15px 18px;
	line-height:1.40em;
	color:#003366;
	list-style:square outside
}
div.services a{color:#003366;text-decoration:none !important}
div.services a:hover{color:#003366;text-decoration:underline !important}