/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#122831; font:14px/18px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul {list-style-type:disc;}
li { list-style-position: inside;}
.clear {clear: both; margin: 0px; height:0}

p a{font:14px/18px Arial, Helvetica, sans-serif; color:#3961D2; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Arial, Helvetica, sans-serif; color:#849e04; font-weight:bold}
.subtitle{font:16px/20px Arial, Helvetica, sans-serif; color:#1ba1c3; text-align:center; font-weight:bold}

#container{width:1003px; margin:0 auto; background:url(images/b_header.jpg) 0 0 no-repeat}
#footer{margin:0 auto; height:81px; background:url(images/b_footer.gif) 0 0 repeat-x;  margin-top:15px}

#footer p{padding: 25px 0 0 0; font:14px/18px Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:14px/18px Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}


/* HEADER */

#header{width:910px; height:357px;  position:relative; left:93px; }

#header img#logo{position:absolute; top:145px; left:66px}
#header img#slogan{position:absolute; top:148px; left:547px}

#header ul.menu{position:absolute; top:18px; width:850px; list-style-type:none;}
#header ul.menu li{font:18px/22px Arial, Helvetica, sans-serif; font-weight:bold; float:left; height:40px; margin-right:0px; list-style-position: outside;}
#header ul.menu li a{height:40px; display:block; text-decoration:none;}
#header ul.menu li a:hover{height:40px; text-decoration:none;}

#header ul.menu li.clmenu a{width:80px; color:#225164;}
#header ul.menu li.clmenu a:hover{width:80px; color:#1ba1c3;}

#header ul.menu li.clmenu1 a{width:60px; color:#225164;}
#header ul.menu li.clmenu1 a:hover{width:60px; color:#1ba1c3;}

#header ul.menu li.clmenu2 a{width:100px; color:#225164;}
#header ul.menu li.clmenu2 a:hover{width:100px; color:#1ba1c3;}

#header ul.menu li.clmenu3 a{width:120px; color:#225164;}
#header ul.menu li.clmenu3 a:hover{width:120px; color:#1ba1c3;}

#header ul.menu li.clmenu4 a{width:100px; color:#225164;}
#header ul.menu li.clmenu4 a:hover{width:100px; color:#1ba1c3;}

/* CONTENT */

#content{width:850px; position:relative; margin:0 0 0 80px}
#leftPan{width:600px; position:relative; margin:0 20px 0 0; float:left;}
#rightPan{width:230px; position:relative; margin:0 0 0 0; float:left; text-decoration:none; color:#0c292b;}

ul.btn_more{width:72px; height:18px; background:url(images/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:14px/18px Arial, Helvetica, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_more li a:hover{text-decoration:underline;}

#applications div.subtitle{margin-left:2px; margin-bottom:0px}
#applications img{float:left; margin-right:9px}
#applications div#app_text{float:left; width:600px; padding-top:0px; text-align:justify;}

.spotlight{margin-bottom:0px; margin-left:0px;}
.spotlight p.subtitle{margin-left:0px; margin-bottom:18px;}

.spotlight ul{margin-left:7px; list-style-type:none;}
.spotlight ul li{font:14px/18px Arial, Helvetica, sans-serif; color:#122831; background:url(images/bullet1.gif) 0 4px no-repeat; padding-left:15px; height:24px; list-style-position: outside;}
.spotlight ul li a{color:#3961D2; text-decoration:underline;}
.spotlight ul li a:hover{color:#122831; text-decoration:none;}

.featured{width:222px; padding:3px; border:#ededed 1px solid; position:relative}
.infeatured{background:#fbfbfb; padding-bottom:10px}
.infeatured h2{height:52px; position:relative; background:url(images/h_featured.gif) 12px 13px no-repeat; }
.infeatured p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
.featured_topic{margin-left:15px; margin-bottom:9px}
.featured_topic img{float:left; margin-right:10px}
.featured_topic p{float:left; width:144px; line-height:12px}


/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 0px 0px 0px 8px;
	border-style: hidden;
	vertical-align: top;
}
table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		padding-left: 15px;
		margin-left: auto;
		margin-right: auto;
}

/* a class that describes how tables should look */
.datatable {
		border: 1px solid #666677;
	        padding: 0px 0px 0px 8px;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatable td {
		border: 1px solid #666677;	
		padding: 4px;
		text-align: left;
    	        vertical-align: top;
		background-color: #FFFFFF;
                color: #000;
}
.datatable th {
		background-color: #B4FADF;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
        	border: 1px solid #808080;
}

.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-left: 15px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
#cols1 {width:640px; background:url("images/riquadro1-center.jpg") 0 0 repeat-y; position:relative; margin:0 auto; padding:0 0 0 0px;}
#cols1-top {width:640px; height:12px; background:url("images/riquadro1-top.jpg") 0 0 no-repeat; position:relative; top:0px; margin:0 auto; padding:0 0 0 0px;}
#cols1-bottom {width:640px; height:25px; background:url("images/riquadro1-bottom.jpg") 0 0 no-repeat; position:relative; margin:0 auto; padding:0 0 0 0px;}