/* css Zen Garden submission 175 - 'Business Style', by Gunta Klavina, http://www.klavina.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Gunta Klavina */
/* Added: July 9th, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #E2EBED;
    text-align: center;
    }
a
    {
    color: #dda934;
    }
a:hover
    {
    color: #D60808;
    }
/*acronym
    {
    border: none;
    }*/

#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #lresources h3.resources span, #larchives h3.archives span, #ldinoi h3.dinoi span, #lselect h3.select, #evoluzione h3 span
    {
    display:none;
    }

#container
    {
    margin: 0 auto;
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
* html #container
    {
    width: 744px;
    w\idth: 724px;
    }

#pageHeader
    {
    position: absolute;
    top: 25px;
    left: 40px;
    }
#pageHeader h1
    {
    background: url("../image/logo.gif");
    width: 156px;
    height: 25px;
    overflow: hidden;
    margin: 0;
    }
h1 span
    {
    display: none;
    }
h2
    {
    font-size: 12px;
    margin: 0;
    }
#pageHeader span{
	color: #307082;
}
    
#quickSummary
    {
    padding-top: 85px;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 35px;
    right: 20px;
    margin: 0;
    }

#quickSummary .p2 a img{
	margin:1px;
}
 
#container #intro #quickSummary .p1
    {
    font-size: 11px;
    height: 171px;
    background: url("../image/background.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: italic 12px/160% georgia;
    }
#container #intro #quickSummary .p1 span
    {
    padding: 30px 530px 0px 10px;
    display: block;
    margin: 0;
    font: italic 16px/160% georgia;
    }

#preamble, #supportingText
    {
    margin: 0 20px 0 243px;
    }
#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    text-align: justify;
    }
 #preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3, #evoluzione h3
    {
    width: 200px;
    height: 24px;
    margin: 40px 0 10px 0;
    }
#preamble h3
    {
    background: url("../image/bdpm.gif") no-repeat;
    }
#preamble ul li {
	text-align: justify;
}

#explanation h3
    {
    background: url("../image/heading02.gif") no-repeat;
    }
#participation h3
    {
    background: url("../image/heading03.gif") no-repeat;
    }
#benefits h3
    {
    background: url("../image/heading04.gif") no-repeat;
    }
#requirements h3
    {
    background: url("../image/heading05.gif") no-repeat;
    }
#requirements
    {
    margin-bottom: 40px;
    }
#evoluzione h3
    {
    background: url("../image/evoluzione_title.png") no-repeat;
    }

#linkList
    {
    position: absolute;
    top: 295px;
    left: 0;
    width: 210px;
    }
#lselect ul, #larchives ul, #lresources ul, #ldinoi ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#lselect ul li a
    {
    text-decoration: underline;
    display: block;
    font-weight: bold;
    font-size: 15px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #0c00a4;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
#lselect ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
#linkList #larchives ul li
    {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#linkList #ldinoi ul li
    {
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#linkList #lresources ul li
    {
    font-size: 13px;
    border-bottom: 1px solid #E6EEF0;
    display: block;
    padding: 5px 0;
    }
#lresources h3.resources
    {
    background: url("../image/resources.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }
#larchives h3.archives
    {
    background: url("../image/archives.gif") no-repeat;
    width: 100px;
    height: 20px;
    margin: 30px 0 5px 40px;
    }

#ldinoi h3.dinoi
    {
    background: url("../image/dinoi.gif") no-repeat;
    width: 120px;
    height: 20px;
    margin: 20px 0 5px 40px;
    }

#footer
    {
    background: url("../image/footer.gif") no-repeat;
    color: #fff;
    height: 48px;
    text-align: right;
    padding: 0 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }

.piva {
	text-align: left;
}

.titolo {
	text-align: center;
}

dt {
	font-weight: bold;
    	font-size: 16px;
}

dl {
	list-style-type: disc;
}

.bold {
	font-weight: bold;
	color: #317082;
}

/*Pics Gallery*/
.gallery { 
	background-color: #f5f8fc;
	width: 450px; 
	/*Internet Explorer hack*/ 
	w\idth: 440px;
	\widht: 450px; 
	/*compliant mode*/ 
	margin-left: 5px;
	/*il float left  è errato, basta dichiarare il margine sinistro quanto la navigation*/
	margin-top: 6px;
	padding: 3px;
	border: 1px solid #B9B7B7;
	height: 90px;
	text-decoration: none;
}

/*Precarica Immagini -Preload images hover*/
#cs01, #cs02, #cs03, #cs04, #cs05, #cs06,#cs07, #cs08, #cs09, #cs10, #cs11, #cs12 {
	width: 130px;
	float: left;
}

.worktype,.software, .year, .dim { margin-bottom: -38px; }

/*Change Skin*/
#cs01 a {
	background: url(../image/conc.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs02 a {
	background: url(../image/funz.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs03 a {
	background: url(../image/prod.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs04 a {
	background: url(../image/red.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs05 a {
	background: url(../image/market.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs06 a {
	background: url(../image/cert.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs07 a {
	background: url(../image/for_tec.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs08 a {
	background: url(../image/for_vend.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs09 a {
	background: url(../image/for_man.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs10 a {
	background: url(../image/mat_prime.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs11 a {
	background: url(../image/macchinari.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs12 a {
	background: url(../image/software.jpg) no-repeat;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: 90px; 
}

#cs01, #cs01 a:hover {
	background: url(../image/conc_h.jpg) no-repeat;
}

#cs02, #cs02 a:hover {
	background: url(../image/funz_h.jpg) no-repeat;
}

#cs03, #cs03 a:hover {
	background: url(../image/prod_h.jpg) no-repeat;
}

#cs04, #cs04 a:hover {
	background: url(../image/red_h.jpg) no-repeat;
}

#cs05, #cs05 a:hover {
	background: url(../image/market_h.jpg) no-repeat;
}

#cs06, #cs06 a:hover {
	background: url(../image/cert_h.jpg) no-repeat;
}

#cs07, #cs07 a:hover {
	background: url(../image/for_tec_h.jpg) no-repeat;
}

#cs08, #cs08 a:hover {
	background: url(../image/for_vend_h.jpg) no-repeat;
}

#cs09, #cs09 a:hover {
	background: url(../image/for_man_h.jpg) no-repeat;
}

#cs10, #cs10 a:hover {
	background: url(../image/mat_prime_h.jpg) no-repeat;
}

#cs11, #cs11 a:hover {
	background: url(../image/macchinari_h.jpg) no-repeat;
}

#cs12, #cs12 a:hover {
	background: url(../image/software_h.jpg) no-repeat;
}

.descrizione {
	margin-top: 13px; /*18*/ padding-bottom: 10px;
	text-align: justify;
}

.descrizione h1 {
	font-size: 18px;
	margin-top: -10px;
	margin-bottom: -0.5px;
}

.bus {
	margin: 2px;
	float: right;
}

.know_text {
	margin: 2px;
	float: right;
}

#es_titolo_domanda {
	font-style: normal;
	display: none;
	color: #0000ff;
	font-weight: bold;
}

#es_domanda {
	font-style: normal;
	display: none;
	color: #0000ff;
	font-weight: bold;
}

#errormsg {
	border:2px solid #c00;
	padding:5px;
	width:20em;
}    

.error {
	background:#fcc;
}

.required {
	color: red;
}

.form_join {
	padding: 5px;
}

.form_join input {
	float: right;
	margin-top: -20px;
}

.form_join select {
	float: right;
	margin-top: -20px;
}