@charset "UTF-8";

/* Stile Layout*/  
*{ margin: 0; padding: 0; }/*Reset*/
body{margin:0px;padding:0px;background:/*#e1dac6*/#efefc3 url(../img/bodybg_.jpg) repeat-x;}  
body,div,form,input,select,textarea{margin:0;font-family:Verdana;font-size:9px;}

a {text-decoration:none;color:#000;font-family:verdana}
ul {list-style:none;margin:0;padding:0;}
h1 {font-size: 48px;}
h2 {font-size: 36px;}
h3 {font-size: 24px;}
h4 {font-size: 21px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

#left{float:left;margin:0 15px;width:220px}
#right{float:right;width:716px}
#shadow{width:1006px;margin:0 auto;background:url(../img/shadow.png) repeat-y;}
#box{width:988px;background-color:#ffffff;margin:0 auto;}
#top{position:relative;width:988px;height:20px;background:#ffffff;padding-top:10px;z-index:4}
#top #crossbrows{position:relative;float:left;margin:0 15px;width:130px;font-size:10px}
#top #browses{position:absolute;float:left;width:auto;top:30px;left:15px;padding:4px;background:transparent url(../img/lingue.png);border:1px solid #c6c6c6;z-index:2000}
#top #accessibile{position:relative;float:left;width:170px;font-size:10px}
#top #menuUp{position:relative;float:right;border:0px solid black;width:330px;right:10px;}
.menuBox{float:left;padding:2px;cursor:pointer;}
#top #lingue{position:absolute;float:right;width:auto;top:30px;right:33px;padding:4px;background:transparent url(../img/lingue.png);border:1px solid #c6c6c6;z-index:2000}
#top ul li img{padding:0 7px 0 0;}
#top ul li{padding:2px;}

#header{position:relative;clear:both;width:988px;min-height:250px;}
.windy{position:absolute;border:0px solid #000000;bottom:0px;right:0px;height:229px;cursor:pointer;}
#windBox{width:160px}
#info{width:40px;background:transparent url(../img/info.png) no-repeat}
#mission{width:80px;background:transparent url(../img/mission.png) no-repeat}
#projects{width:120px;background:transparent url(../img/projects.png) no-repeat}
#brochure{width:160px;background:transparent url(../img/brochure.png) no-repeat}
#main{position:relative;width:988px;min-height:370px;border:0px solid black;}
#logoBox{position:relative;width:200px;height:180px;padding:10px;}
#logo{width:180px;height:176px;}
#logoBoxIn{position:relative;float:left;width:auto;height:auto;padding:10px 0 0 5px;z-index:10;top:20px;}
#logoIn{width:180px;height:200px;}
#logoIn img{width:160px;height:200px;border:0;}

#infos{padding:20px 0 20px 0;}
#infos #top_infos{height:30px;background-color:#D9DA56;color:#000;}
#infos #top_infos h1{font-size:16px; padding-top:7px;}
#infos .row{height:30px;padding-top:2px;border-bottom:1px dotted #ccc;text-align:left;}
#infos .row h1{font-size:12px;margin:-20px 36px;}
#infos img {height:30px;border:0;}
#infos #skype {height:20px;width:114px;padding:0px 0px 5px 5px;}



#aree{position:relative;padding:8px;width:700px;height:80px;border:0px solid blue;}
#areeIn{position:relative;padding:8px;float:right;width:820px;right:50px;height:80px;border:0px solid blue;}
#subtitle{text-align:left;width:708px;height:40px;border:0px solid black;}
#subtitleIn{text-align:left;float:left;width:240px;height:40px;border:0px solid black;}
#subMenuIn{float:right;width:400px;text-align:left;padding-top:20px;border:0px solid black;}
.subMenuLeft{float:left;width:200px;text-align:right;border:0px solid black;}
#areeBox{width:708px;height:30px;border:0px solid black;}
#areeBoxIn{clear:both;width:988px;height:30px;padding-top:10px;border:0px solid black;}
.aree{float:left;text-align:right;}
.aree a{color:#ffffff}
#area1{width:85px;background-color:#d4c050;}
#area2{width:125px;background-color:#c3af3f;}
#area3{width:190px;background-color:#ebd767;}
#area4{width:188px;background-color:#ccb848;}
#area1In{width:213px;background-color:#d4c050;margin-right:5px}
#area2In{width:213px;background-color:#c3af3f;margin-right:5px}
#area3In{width:213px;background-color:#ebd767;margin-right:5px}
#area4In{width:214px;background-color:#ccb848;}
#menuBox{float:left;margin-left:10px;padding:15px;border:0px solid black;}

#content #welcome{width:708px;text-align:center}
#content #welcome .welcome{width:225px;float:left;padding:5px 0;margin:10px 3px;}
#content #welcome .welcome h1{font-size:16px;padding:5px 10px}
#content #welcome .welcont{width:200px;margin:5px 3px;text-align:left}
#content #welcome .welcome hr.border{width:210px;border:1px solid #e0e0e0;}
#content #welcome .welcont .news{margin:0px;}
#content #welcome .welcont .news .data{display:block;font-style:italic;margin:0;}
#content #welcome .welcont .news .text{display:block;margin:2px;}


#content{width:700px;min-height:350px;padding:0 0 5px 0;border:0px solid blue;}
#content .elCont{width:600px;margin:0 0 0 30px;}
#content #form{text-align:left;width:700px;height:auto;margin:10px 0 40px 0;}
#content #formText{margin:15px 0;line-height:18px;font-size:12px}
#content #formResponse{text-align:left;margin:15px 0 0 30px;}
#content #formResponse p.elFormResponse{text-align:left;margin:5px;font-size:12px}
#content .title h1{font-size:18px}
#content .smalltitle h1{font-size:16px;float:left}
#content .mail{float:left;margin:-2px 20px 4px;color:#283587}
#content #jobform{position:relative;padding:10px;border:10px solid #f0f0f0;background:#fff;width:470px;min-height:220px;margin:25px auto;}
#content #jobform fieldset{border:0;font-size:11px;width:450px}
#content #jobform .formrow{width:460px;height:30px}
#content #jobform .formrow label{display:block;padding:3px;}
#content #jobform .formrow span{padding:10px 0 2px 6px;display:block;float:left}
#content #jobform .formrow label input{height:15px;width:165px;float:right;border:1px dashed #c6c6c6}
#content #jobform .formrow label input#curr{height:21px;border:1px dashed #c6c6c6}
#content #jobform .formrow label select{margin:5px 0;float:right;}
#content #jobform .formrow label textarea{margin:5px 0;width:360px;height:140px;float:right;border:1px dashed #c6c6c6}
#content #jobform #known{margin:0;width:460px;height:70px}
#content #jobform #known span#know{padding:6px 0 2px 6px;}
#content #jobform #known input#repinput{width:280px;}
#content #jobform #known span#repspan{padding:6px 0 2px 6px;}
#content #jobform #oggetto{margin:0;width:460px;height:150px}
#content #jobform #rep{clear:both;margin:10px 0;height:25px;}
#content #jobform #normativa{margin:8px;}
#content #jobform #invia{padding:2px 0px;font-size:13px;float:right;}

/* da verificare */
#content #jobform img#close{border:0;margin:0 auto;float:right;padding:4px;}
#content #jobform p{text-align:left;margin:10px 0;font-family:verdana, helvetica;font-size:12px;color:#000;}
#content #jobform p#icons{text-align:center}
#content #jobform p a{font-size:13px;color:#ee0000;}
/* */

#content #staff{text-align:left;width:700px;height:auto;margin:10px 0 40px 0;}
#content #staff #staffContent{text-align:left;width:650px;height:375px;}
#content #staff #staffContent div.staff{clear:both;margin:15px 0;line-height:18px;font-size:12px}
#content #staff #staffContent #space{height:15px;}
#content #staff #staffContent ul {margin:0 25px;list-style:url(../img/solpix.jpg)}
#content #staff #staffContent ul li{font-size:12px;margin:5px auto;}
#content #staff #map_canvas{clear:both;width:650px;height:300px;padding:10px 0;margin:15px auto;}

#content #map{text-align:left;width:700px;min-height:220px;margin:10px auto;}
#content #map #mappa{text-align:left;margin:0 auto;width:520px;height:auto;}
#content #map #mappa .listGroup{float:left;width:160px}
#content #map #mappa .titleGroup{float:left;width:350px;margin-top:25px}
#content #map #mappa .titleGroup h1 a{line-height:18px;font-size:30px;color:#c6c6c6}
#content #map p.map{margin:10px auto;line-height:18px;font-size:12px}
#content #map ul{margin:10px 5px;line-height:18px;font-size:12px;list-style:url(../img/solpix.jpg)}
#content #map ul li{margin:3px 0;}

#content #project{text-align:left;width:700px;min-height:220px;margin:10px auto;}
#content #project span{padding:0 4px;font-weight:bold}
#content #nav{position:relative;float:right;width:90px;padding:10px;}
#content #nav a{padding:0 3px}
#content #project .project{width:650px;text-align:left;margin:10px 0;padding:5px 0 10px 0;}
#content #project .shortPro{padding:4px 0 8px 6px}
#content #project .imagePro{float:left;border:1px solid #e6e6e6;}
#content #project .detailsPro{float:left;width:450px;height:120px}
#content #project .descPro{padding:0 10px;width:415px;height:85px}
#content #project .techPro{padding:0 10px;width:400px}
#content #project .dbPro{padding:0 10px;width:400px}
#content #project .urlPro{padding:0 10px;width:400px}
#content #project .tagsPro{clear:both;padding:8px 2px;}
#content #project hr.separatore{padding:0;margin:0 50px;width:525px;border:1px solid #e0e0e0;}


#content #miss{text-align:left;width:700px;min-height:220px;margin:10px auto;}
#content #miss #preview{width:590px;height:300px;}
#content #miss p.miss{margin:10px auto;line-height:18px;font-size:12px}
#content #miss p#click{color:#666;text-align:right;font-size:10px;}


#window{width:660px;margin:5px auto 0;height:235px;background:#ffffff url(../img/main_box_bg_.jpg) repeat-x;border:0px solid #f0f0f0;}
#window .thb{margin:15px auto;border:1px solid #e6e6e6}
#window .left{margin:85px auto; cursor:pointer;}
#window .right{margin:85px auto; cursor:pointer;}
.scrolling{height:225px;width:600px;position: absolute;}
.boxes{width:186px;height:200px;margin:12px 6px 5px;background-color:#fcffef;border:1px solid #f0f0f0;float:left}
#navigator{background:#fff;padding:2px;margin:0 auto;height:14px;clear:both}
#navigator .position {background:#fff;width:10px;margin:0 5px;height:10px;float:left}

#contenuto{width:930px;height:auto;padding:50px 0;text-align:left;border:0px solid blue;}
#login_box{position:relative;margin:10px 0;padding:5px;width:180px;height:120px;background-color:#f6f6f6;border:1px solid #e0e0e0;}
#loginTitle{width:150px;height:15px;padding:8px 15px;}
#login_title{text-align:left;position:relative;height:10px;}
#login_form{position:relative;}
#login_form #invio{position:relative;width:170px;}


#footer {position:relative;width:988px;height:130px;text-align: left;font-size:10px;font-family: Tahoma, Verdana, Arial, Helvetica;background-color:#ffffff;clear:both;border-top:1px solid #c6c6c6;padding-top:5px;}
#footer a{text-decoration:none;color:#999999;font-size:9px;font-family:Thaoma, Verdana, Arial, Helvetica, sans-serif;}
#footer a.titleFooter {padding:0 0 0 20px}
#footer ul {padding:0 20px;}
#footer ul li {text-align:left;text-decoration:none;list-style: none;padding-top:2px;color:#666666;}
#footer .boxFooter{width:190px;float:left;}
#foot{position:relative;margin:0 auto;width:980px;height:40px;text-align: left;padding:4px;color:#2D444A;background-color:/*#EBECEE*/#e5dd7a;font-size:10px;font-family: Tahoma, Verdana, Arial, Helvetica;}
#footsx {float:left;width:600px;text-align: left;color: #2D444A;font-size:11px;font-family: Tahoma, Verdana, Arial, Helvetica;padding:5px 10px 0;}
#footdx {float:left;width:300px;text-align: right;color: #2D444A;font-size:10px;font-family: Tahoma, Verdana, Arial, Helvetica;padding-right:10px;padding-top:20px;}

#tut01{visibility:hidden;padding:5px;position:absolute;top:200px;z-index:1000;}
#tut01 #transparent{position:absolute;height:300px;width:350px;border:10px solid #ccc/*#0889CA*/;margin:0 auto;}
#tut01 #contenut{position:relative;margin:10px;background-color:#fff;height:280px;width:330px;padding:10px;}
#tut01 img#close{border:0;margin:0 auto;float:right;padding:4px;}
#tut01 p{text-align:left;margin:10px 0;font-family:verdana, helvetica;font-size:12px;color:#000;}
#tut01 p#icons{text-align:center}
#tut01 p a{font-size:13px;color:#ee0000;}


a.testo {text-decoration:none;color:#000000;}
a.testo:hover {text-decoration:underline;color:#000000;}

a.err{font-size:12px;color:#0000ff;}

/* Stili Tipografici*/

h1{font-size:12px;font-weight:normal;margin:0;font-family:orator;}
h4{color:#bbbbbb;font-family:verdana;font-size:11px;}

/* Links */



a.areeTematiche:link,a.areeTematiche:visited{
	display:block;
	padding:15px;
	height:10px;
	color: #ffffff;
	font-size:16px;
}

a.areeHome:link,a.areeHome:visited{
	display:block;
	padding:15px;
	height:10px;
	color: #ffffff;
	font-size:16px;
}

a.lingua:link,a.lingua:visited,a.lingua:hover{
	color: #000000;
	font-size:11px;
}

a.menuUp:link,a.menuUp:visited{
	color: #363636;
}

a.home:link,a.home:visited{
	color: #363636;
	font-size:18px;
}
a.home:hover{
	color: #666666;
}