/* CSS Document */
*{margin:0; padding:0}	
html,body{margin:0; padding: 0;height: 100%}

body{
background-color:#eaeaea;
font:normal 11px Arial, Helvetica, sans-serif; 
position: relative;
margin:0 auto;
text-align: left;}

div, p , h1, h2, h3, h4, h5, h6, a, li, img{display:block;} 
img{border:none;}
h1{font:bold 16px Verdana, Arial, Helvetica, sans-serif;}
h2{font:bold 14px Verdana, Arial, Helvetica, sans-serif;} 
h3{font:bold 18px  Arial, Helvetica, sans-serif;}
h4{font:bold 11px Verdana, Arial, Helvetica, sans-serif;}
h5{font:bold 14px  Arial, Helvetica, sans-serif; color: #323232}
h6{font:bold 10px Verdana, Arial, Helvetica, sans-serif;}

a{text-decoration:none; outline:none; color:#000000 }
button{cursor: pointer;}

#main{
width:980px;
position:relative;
padding:0px 0 0px 0;
margin:0 auto;
overflow:hidden;
background-color:#FFFFFF}

#sep{
height:10px;
background-color:#CCCCFF;}

/**************************************head*********************************/
#head{ 
width:980px;
height:295px;
position:relative;
overflow:hidden;}

#logo{
width:176px;
height:125px;
position:absolute;
top:150px;
left:35px;
background: url(/images/elementi/logo.gif) no-repeat top left;}

#lang{
width:130px;
height:13px;
position:absolute;
top:17px;
left:100px;}

#lang a,#lang img{width:21px; height:13px; margin:0 1px 0px 0; display:inline}

/*#ita{ background: url(/images/elementi/ita.jpg) no-repeat top left; position:relative;}
#eng{ background:url(/images/elementi/eng.jpg) no-repeat top left; position:relative;}
#esp{ background:url(/images/elementi/esp.jpg) no-repeat top left; position:relative;}*/

#gallery{ 
width:740px; 
height:275px; 
position: absolute; 
overflow:hidden;
top:0;
right:0;
z-index:0}

#eslide{ width:740px; height:275px; position:relative; overflow:hidden;}
#eslide img{ width:740px; height:275px;}

#pager{
position:absolute;
top:16px;
left:0px;
z-index:10;
height:19px; 
padding:4px 0 0 1.5px;
background-color:#FFFFFF}

#pager a{color:#ffffff; padding:3px 5px; margin:0 1px 0 0; background-color:#3399cc; font-size:12px; display:inline}
#pager a.activeSlide { background-color:#006699 }

#boxtop{
width:270px;
height:25px;
position:absolute;
top:0;
right:0;
overflow:hidden;
padding:32px 0 0 7px;
background-color:#FFFFFF}

#boxtop a{ 
color:#999999;
border-left:1px dotted #cccccc;
padding:0 0 0 4px;
display:inline}

#boxtop a.act{ /*color:#ff66cc*/ font-weight:bold}
#boxtop .primo{ border:none !important; padding:0 !important}

#contcerca{
width:150px;
height:200px;
position:absolute;
top:70px;
right:10px;
padding:14px 0 0 10px;
font-size:10px;
color:#ffffff;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
background: url(/images/elementi/bgricerca.gif) no-repeat top left;}

#home{ color:#FFFFFF; margin:0px 0 0 107px}

#contcerca input{ 
width:70px; 
height:12px;
border:none;
position:relative;
color:#999999;
padding:0 0 0 3px;
background-color:#ffffff; 
font-size:9px;}

#contcerca button{
position:absolute;
top:15px;
right:0;
width:5px;
height:5px;
margin:0 0 0 0px;
background: url(/images/elementi/freccia.gif) no-repeat center right;
font-size:1px;
border:none;}

#search{
width:80px;
height:22px;
float: left; 
border:none;
margin:25px 0 17px 0;
position:relative;}

#contcerca #nletter{
width:124px;
height:25px;
position:relative;
overflow:hidden; 
border:none;
float:left;}

#contcerca #nletter input{width:114px;}

/**************************************head*********************************/

/**************************************sx*********************************/

#sx{
width:240px;
position:relative;
overflow:hidden;
float:left;}

#menu{
width:240px;
position:relative;
overflow:hidden;
text-align:right;
padding:30px 0 0 0;
/*background-color:#9999FF*/}

#menu li{
display:block;
position:relative;
overflow:hidden;
margin:0 12px 12px 0;
list-style:none}

#menu li a{
display:block;
position:relative;
overflow: hidden;
color:#666666;
padding: 0 20px 0 0;
text-transform:uppercase;
background: url(/images/elementi/bg_menusx.jpg) no-repeat center right;
font:bold 12px Arial, Helvetica, sans-serif;}

.m001 {background: url(/images/elementi/bg_001.jpg) no-repeat center right !important}
.s001{ background-color:#0000FF !important} 
.m002 {background: url(/images/elementi/bg_002.jpg) no-repeat center right !important} 
.s002{ background-color:#5f9f7c !important} 
.m003 {background: url(/images/elementi/bg_003.jpg) no-repeat center right !important}
.s003{ background-color:#ff9900 !important} 
.m004 {background: url(/images/elementi/bg_004.jpg) no-repeat center right !important}
.s004{ background-color:#cccccc !important} 
.m005 {background: url(/images/elementi/bg_005.jpg) no-repeat center right !important}
.s005{ background-color:#fc06ed !important} 
.m006 {background: url(/images/elementi/bg_006.jpg) no-repeat center right !important}
.s006{ background-color:#fef506 !important} 
.m007 {background: url(/images/elementi/bg_007.jpg) no-repeat center right !important}
.s007{ background-color:#05d7fa !important} 
.m008 {background: url(/images/elementi/bg_008.jpg) no-repeat center right !important}
.s008{ background-color:#fc061d !important} 

.sm1{
width:230px;
overflow:hidden;
padding:5px 0px 0px 0px !important;
text-align:right;
margin:0 0 5px 0 !important}

.sm1 li{
position:relative;
overflow:hidden;
margin:0 0 5px 0 !important}

.sm1 li a{ 
padding: 0 23px 0 0 !important;
background:none !important; 
font:normal 11px Arial, Helvetica, sans-serif !important;
color: #999999 !important;
text-transform:lowercase !important}

.sm1 li a.act{ font-weight:bold !important}

/**************************************sx*********************************/

/**************************************dx*********************************/

#dx{
width:160px;
position:relative;
overflow:hidden;
float: right;
padding:0 10px 0 0;
/*background-color: #0000FF*/}

#registrati{
width:150px;
height:179px;
position:relative;
overflow:hidden;
margin:0 0 10px 0;
padding:15px 0px 0 10px;
color:#FFFFFF;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
background:url(/images/elementi/bgreg.jpg) no-repeat top left}

#registrati h1{ margin: 3px 0 0 0}
#registrati p{ width:114px; color:#666666; margin:40px 0 30px 0;}
#registrati strong{ width:50px; height:11px; background-color:#ff9900; padding:3px; color:#FFFFFF;}

#boxbanner{
width:160px;
height:318px;
position:relative;
overflow:hidden}

#boxbanner img{
width:160px;
height:318px;
border:none; 
margin:0 0 0 0px; 
position:relative;}

/*.boxbanner p{
width:140px;
height:103px;
background-color:#ff9900;
font-size:14px;
padding:10px;
color:#FFFFFF}*/

#riferimenti{
width:150px;
position:relative;
overflow:hidden;
padding:28px 0 0 10px;
color:#999999;
font:normal 11px Arial, Helvetica, sans-serif}

#riferimenti strong{ color:#666666;}
#riferimenti h4,#riferimenti a{ color:#333333; font-weight:bold;}
#riferimenti a{ font-size:10px; width:130px; margin:20px 0 0 0}
#riferimenti a img{ margin:0 auto}


/**************************************dx*********************************/

/**************************************centro*********************************/

#centro{
width:530px !important;
width:524px;
position:relative;
overflow:hidden;
padding:0 20px 40px 20px;
/*background-color:#FFCC99*/}

/**************************************home*********************************/
.boxhome{
width:224px;
position:relative;
overflow:hidden;
padding:0 0 40px 18px;
float:left;}

.boxtirocini,.boxcorsi{
width:212px;
height:226px;
position:relative;
overflow:hidden;
margin:0 0 20px 0;
border:1px solid #353535;}

.boxtirocini .item,.boxcorsi .item{
width:212px;
height:226px;
position:relative;
overflow:hidden;}

.boxcorsi .item img,.boxtirocini .item img{width:212px;}

.boxtirocini .testo,.boxcorsi .testo{
width:210px;
height:105px;
position:absolute;
bottom:1px;
left:1px;
text-transform:uppercase;
/*background-color: #FF00FF*/}

.boxtirocini .trasparenza,.boxcorsi .trasparenza{
width:203px;
height:29px;
position:absolute;
bottom:21px;
left:0;
padding:12px 0 0 7px;
background-color:#3399cc;
-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;
z-index:0;}

.boxtirocini .testo h2,.boxcorsi .testo h2{ color:#FFFFFF; font-size:10px;}
.boxtirocini .testo .continua,.boxcorsi .testo .continua{
width:100px;
height:16px;
background-color:#3399cc;
color:#FFFFFF;
padding:4px 0 0 6px;
font-size:10px;
float:left;}

.boxtirocini .testo .p,.boxcorsi .testo .p{
width:13px;
height:16px;
background-color:#3399cc;
color:#FFFFFF;
margin:0 1px 0 0;
padding:4px 0 0 7px;
font-size:10px;
float:left;}

.boxcorsi .testo .corsi,.boxtirocini .testo .tirocini{
width:202px;
height:16px;
background-color:#ff9900; 
color:#FFFFFF;
border-bottom:1px solid #f2682b;
font-size:10px;
margin:1px 0 0 0;
padding:4px 0 0 8px;
float:left;}

.boxtirocini .testo .tirocini{background-color:#cc0066 !important; border-bottom:1px solid #e44657 !important;}

#pager1,#pager2{
position:absolute;
top:205px;
left:19px;
z-index:10;
height:19px; 
padding:4px 0 0 1px;}

#pager2{top:453px !important;}

#pager1 a,#pager2 a{color:#ffffff; padding:3px 5px; margin:0 1px 0 0; background-color:#3399cc; font-size:12px; display:inline}
#pager1 a.activeSlide,#pager2 a.activeSlide { background-color:#006699 }

#contnewshome{
width:278px;
position:relative;
overflow:hidden;
float: right;
padding:0 0 0 10px;}

.testonews{
width:280px;
position:relative;
overflow:hidden;
float: right;
margin:0 0 10px 0;}

.testonews h3{width:260px; margin:0 0 20px 0;}

.testonews a{
width:270px; 
position:relative; 
padding:0 0 0 0; 
color:#333333;
font:normal 14px Arial, Helvetica, sans-serif;}

/*.testonews a:hover{color:#9999FF;}*/

.testonews .continua{
font-size:9px !important;
margin:28px 0 15px 0;
text-transform:uppercase;}

#archivio{
color:#333333;
position:relative;
overflow:hidden;
font-weight:bold;
margin:20px 0 0 0}

#archivio:hover{ text-decoration:underline}
/**************************************home*********************************/

/**************************************elenco*********************************/
.elenco{
width:523px; 
height:100px;
overflow:hidden; 
position:relative; 
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:#848484 dashed 1px;}

.elenco .data{ font-size:12px;}

.elenco .immgh{
width:70px; 
height:100px; 
overflow:hidden;
position:relative;
float:left;}

.elenco .immgh img{width:74px;}

.elenco .testoart{
width:400px;
height:100px;
float:left;
padding:0 0 0 10px;
overflow:hidden;}

.elenco a{ width:400px; color:#666666; margin:0 0 10px 0}

.elenco .continua{
width:80px;
height:15px;
position:absolute;
bottom:20px;
left:80px;
padding:0 0 0 10px;
font-weight:bold;
background: url(/images/elementi/freccia_utility.gif) no-repeat center left}

#paginazione{ margin:30px 6px 50px 0; float:right}
#paginazione a,#paginazione b{color:#ffffff; padding:3px 5px; margin:0 1px 0 0; background-color:#3399cc; font-size:12px; display:inline}
#paginazione b { color:#006699 !important }

/**************************************elenco*********************************/

/**************************************ricerca*********************************/

.cerca h3{margin:28px 0 22px 0}
.cerca p{ margin:0 0 22px 0; font-size:13px; font-weight:normal}
.cerca p em{font-weight:bold}

/**************************************ricerca*********************************/

/**************************************articolo*********************************/
#articolo{
width:530px;
position:relative;
overflow:hidden;
margin:28px 0 0 0;
/*background-color:#FF99CC*/}

#articolo h3{margin:0 0 22px 0}

#foto{
width:530px;
position:relative;
overflow:hidden;}

#articolo .immgh{
width:212px;
/*width:163px;*/
height:226px;
position: relative;
overflow:hidden;
float:left;}

#articolo .immgh img{width:212px;}

#opzioni{ 
width:298px;
height:103px;
position: relative;
overflow:hidden;
/*background-color: #CC99FF*/}

#opzioni h4{ color:#666666; margin: 18px 0 16px 0 }

#opzioni a{
width:130px;
padding:0 0 0 10px;
margin:0 0 5px 0;
color:#666666;
text-transform:uppercase;
font-size:8px;
float:left;
background: url(/images/elementi/freccia_utility.gif) no-repeat center left}

#articolo #mediagallery{
width:298px;
height:226px;
position: relative;
overflow:hidden;
float:left;
padding:0 0 0 20px;
/*background-color: #FF9999*/}

#articolo #immagini{
width:280px;
height:123px;
position: relative;
overflow:hidden}

#immcnt{
width:318px; 
height:89px; 
position:relative; 
overflow:hidden;}

#articolo .item2{ 
width:318px; 
height:89px; 
position:relative; 
overflow:hidden;  
background: transparent !important;}

.item2 a{ display:block; width:89px; height:89px; overflow:hidden; float:left; margin:0 5px 0 0;}
.item2 a img{ width:89px;}

#pager3{
position:absolute;
bottom:0px;
left:0;
z-index:10;
height:19px; 
padding:4px 0 0 1px;}

#pager3 a{color:#ffffff; padding:3px 5px; margin:0 1px 0 0; background-color:#3399cc; font-size:12px; display:inline}
#pager3 a.activeSlide { background-color:#006699 }


#articolo p{ font:normal 11px Arial, Helvetica, sans-serif; margin:30px 0 0 0}
#articolo a{ font:bold 11px Arial, Helvetica, sans-serif; color:#000000; margin:15px 0 0 0}
#articolo a:hover{ color:#006699}

#articolo .back{
width:80px;
height:15px;
position:relative;
padding:0 0 0 10px;
font-weight:bold;
background: url(/images/elementi/back.gif) no-repeat center left}


/**************************************articolo*********************************/

/**************************************centro*********************************/

/**************************************footer*********************************/
#footer{
width:980px;
height:20px;
position: relative;
overflow:hidden;
clear:both;
padding:0 0 10px 0}

#mtn{
background: url(/images/elementi/mtn.gif) no-repeat top left;
width:102px;
height:10px;
position: absolute; 
top:7px; 
right:10px;}
/**************************************footer*********************************/

/****************************************form***************************************************/
#loadingbtn{display:none ;}
#contForm{ width:530px; margin:28px 0 0 0}
#segn_it{ margin:10px 0 0 0} /*h1 pagina segnala*/

#contForm fieldset,#privacy{ 
background:#fff; 
width:510px;
overflow:hidden; 
margin:0px 0 5px 0; 
padding:20px 10px 0 0px;  
text-align:left;
border:none;}

/*#privacy div {padding:0 10px;}*/

#contForm fieldset h6,#privacy h3{ border-bottom: solid 1px #cfcfcf; margin:0 0 10px; padding: 5px 10px 5px 0; color: #00185e;}
#contForm fieldset label{ width:170px; float:left; margin:0 0px 10px 0; padding:0 0 0 0px; overflow:hidden; }  
#contForm fieldset label input,#contForm fieldset label select {width:149px; margin: 5px 0 0 0 }
#contForm fieldset.wide label{width:400px !important;}
#contForm textarea{width:370px !important;margin: 5px 0 0;}

#contForm button{
width:auto !important;
width:120px;
background-color:#00185e;
border:none;
position: relative;
color:#fff;
padding:4px 8px;
text-align:left;
margin:10px 10px 10px 0;
font-size:11px; 
text-transform:lowercase; 
font-weight:bold;}

#contForm .check label{ width:510px; float:left; margin:0 !important;}
#contForm .check label input{width:20px ;}

#conoscenze,.altro{width:149px !important; margin:15px 0 !important}

/*#conferma{ margin:0 0 0 10px !important}*/
#back{ /*color: #00185e; margin:0 0 10px 0*/ display:none}
#contForm .allegato input{ margin:10px 10px 0 0 !important }

.back{ font-weight:bold; margin:0 0 15px 0}

/****************************************form***************************************************/