/* impostazioni CSS stili */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

a {
	text-decoration: underline;
	color: #4B4B4D;
}

a:visited {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}


a:hover {
	color: #E20043;
	text-decoration: underline;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-left: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 24px;
	letter-spacing: -1px;
}

/* impostazioni DIV */


#header_bar {
	background-color: #E20043;
	position: absolute;
	height: 15px;
	width: 970px;
	top: 0px;
	left: 0px;

}

#header_logopm {
	position: absolute;
	width: 200px;
	top: 30px;
	left: 0px;
	height: 80px;

}

#header_menualto {
	position: absolute;
	width: 790px;
	top: 30px;
	left: 180px;
	height: 80px;

}

#header_menualto ul {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	color: #4B4B4D;
	margin-top: 20px;
	font-weight: bold;
}

#header_menualto li {
	display: block;
	float: left;
	margin-right: 10px;
}

#header_menualto a:link,  
#header_menualto a:active, 
#header_menualto a:visited {
	color: #4B4B4D;
	text-decoration: none;
	background-color: #F2F2F2;
	width: 100%;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}

#header_menualto a:hover {
	color: #E20043;
	background-color: #CCCCCC;
	width: 100%;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}


#header_fotopage {
	position: absolute;
	width: 200px;
	top: 135px;
	left: 0px;
	height: 300px;

}

#header_main {
	position: absolute;
	width: 770px;
	top: 140px;
	left: 200px;
	height: 190px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E1E1E1;
	border-bottom-color: #E1E1E1;

}

#header_news {
	position: absolute;
	width: 770px;
	top: 120px;
	left: 200px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #4B4B4D;
	font-weight: normal;
}

#flash_header {
	height: 170px;
}

#corpo_container {
	position: absolute;
	width: 770px;
	top: 420px;
	left: 200px;
	overflow: visible;
	height: auto;
}

#corpo_main {
	width: 470px;
	top: 0px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	line-height: 18px;
	color: #282832;
	margin-left: 22px;
	

}

#corpo_main li {
	margin-left: -9px;
	list-style-type: disc;
	list-style-image: url(immagini/bullet_corpospalla.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 8px;
	font-style: italic;

}

#corpo_main_onecol {
	width: 748px;
	top: 0px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: auto;
	line-height: 18px;
	color: #282832;
	margin-left: 22px;
	

}

#corpo_spalla {
	width: 240px;
	left: 200px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #4B4B4D;
	float: right;
	letter-spacing: 1px;
	margin-top: 52px;

}

.infotable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4B4B4D;
	font-weight: bold;

}

.privacystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4D;
	font-weight: normal;
	border: 1px dotted #999999;
	background-color: #F3F3F3;
	line-height: 13px;
}

.infotable textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E20043;
	width:120px;
	border: 1px dashed #4B4B4D;
	background-color: #FFFFFF;
}

.infotable input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E20043;
	width:120px;
	border: 1px dashed #4B4B4D;
	background-color: #FFFFFF;

}

.infotable select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:123px;
	color: #E20043;
	height: 22px;
	border: 1px dashed #4B4B4D;
}

#corpo_spalla li {
	margin-left: -9px;
	list-style-type: disc;
	list-style-image: url(immagini/bullet_corpospalla.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 3px;
	letter-spacing: 0px;

}

#corpo_spalla a:hover {
	color: #E20043;

}

#footer {
	width: 730px;
	height: 125px;
	margin-top: 75px;
	background-image: url(immagini/footer_puntomedia_siti_web.gif);
	background-repeat: no-repeat;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B4B4D;
	clear: both;
}



.titolopagina {
	background-image: url(immagini/bullet.gif);
	height: 25px;
	vertical-align: middle;
	margin-left: -22px;
	background-repeat: no-repeat;
	margin-bottom: 25px;
  
}

.titolo_colonnadx{
	background-image: url(immagini/colonnadx_titolo_grigio.gif);
	vertical-align: middle;
	background-repeat: no-repeat;
	width: 210px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	background-color: #FBFBFB;
	margin-bottom: 3px;
  
}



/* CSS MENU INTERNO */

#css_horizontal_menu{
	/*specify here a width for a horizontal menu at fixed measure*/
/*1. remove the default list bullets*/
list-style:none;
	/*2. method to avoid that the background of the div container collapse with floated elements*/
overflow:hidden;
	/*3. in relation to the above method, for Internet Explorer 6, we need to specify a width of 100%*/
width:770px;
	/*6. the background color of the menu*/
background-color:#FFFFFF;
	/*7. a border of 1px around the menu*/
border:0px solid #437E7E;
	height: 20px;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
} 

#css_horizontal_menu li{
display:inline;
} 

#css_horizontal_menu a{
	/*1. convert the link from inline to block element so that we can next specify width/height*/
display:block;
	/*2. the float left that will align the links horizontally*/
float:left;
	/*3. a fixed width for al the links*/
/*for links adaptable in width to its text content, using padding-right without the width*/
width:140px;
	/*4. the height*/
height:23px;
	/*5. an empty space to the left of each link*/
margin-left:0px;
	/*7. background color of the links*/
background-color:#E4E5E5;
	/*9. the font family*/
font-family:Arial, Helvetica, sans-serif;
	/*10. the font size*/
font-size:13px;
	/*11. convert the font to capital letter*/
text-transform:lowercase;
	/*12. remove the text underline added by default to the links*/
text-decoration:none;
	/*13. the color of the text links*/
color:#4B4B4D;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-weight: normal;
	line-height: 20px;
} 

#css_horizontal_menu a:hover{
	/*1. change of background color*/
background-color:#E20043;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
} 

#css_horizontal_menu a.first{
margin-left:0;
} 



h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-left: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 25px;
	color: #E20043;
	letter-spacing: -1px;
}



#footer_menu{
	/*specify here a width for a horizontal menu at fixed measure*/
/*1. remove the default list bullets*/
list-style:none;
	/*2. method to avoid that the background of the div container collapse with floated elements*/
overflow:hidden;
	height: 20px;
	padding: 0px;
	margin: 0px;
} 

#footer_menu li{
	display:inline;
} 

#footer_menu a{
	/*1. convert the link from inline to block element so that we can next specify width/height*/
display:block;
	/*2. the float left that will align the links horizontally*/
float:left;
	/*4. the height*/
height:23px;
	/*7. background color of the links*/
background-color:#E4E5E5;
	/*9. the font family*/
font-family:"Trebuchet MS", Arial, sans-serif;
	/*10. the font size*/
font-size:13px;
	/*11. convert the font to capital letter*/
text-transform:lowercase;
	/*12. remove the text underline added by default to the links*/
text-decoration:none;
	/*13. the color of the text links*/
color:#4B4B4D;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	margin-right: 42px;
} 

#footer_menu a:hover{
	color: #E20043;
	font-weight: bold;
} 

#footer_menu a.first{
	margin-left: 0px;
} 

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 26px;
	margin-top: 0px;
	margin-bottom: 25px;
	line-height: 23px;
	color: #FFFFFF;
	letter-spacing: -1px;
}


#portfolio_menu {
	/*specify here a width for a horizontal menu at fixed measure*/
/*1. remove the default list bullets*/
list-style:none;
	/*2. method to avoid that the background of the div container collapse with floated elements*/
overflow:hidden;
	/*3. in relation to the above method, for Internet Explorer 6, we need to specify a width of 100%*/
width:770px;
	/*6. the background color of the menu*/
background-color:#FFFFFF;
	/*7. a border of 1px around the menu*/
border:0px solid #437E7E;
	height: 20px;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
} 

#portfolio_menu li{
display:inline;
} 

#portfolio_menu a{
	/*1. convert the link from inline to block element so that we can next specify width/height*/
display:block;
	/*2. the float left that will align the links horizontally*/
float:left;
	/*3. a fixed width for al the links*/
/*for links adaptable in width to its text content, using padding-right without the width*/
width:92px;
	/*4. the height*/
height:23px;
	/*5. an empty space to the left of each link*/
margin-left:0px;
	/*7. background color of the links*/
background-color:#E4E5E5;
	/*9. the font family*/
font-family:Arial, Helvetica, sans-serif;
	/*10. the font size*/
font-size:13px;
	/*11. convert the font to capital letter*/
text-transform:lowercase;
	/*12. remove the text underline added by default to the links*/
text-decoration:none;
	/*13. the color of the text links*/
color:#4B4B4D;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-weight: normal;
	line-height: 20px;
} 

#portfolio_menu a:hover{
	/*1. change of background color*/
background-color:#E20043;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
} 

#portfolio_menu a.first{
margin-left:0;
} 

.portfolio_sito {
width:238px;
height:290px;
background:url(/immagini/portofolio_sfondo_progetto.gif);
float:left;
margin-left:0px;
margin-right:11px;
margin-bottom:17px;
}

.portfolio_sito_foto {
	position:relative;
	left:19px;
	top:19px;
	width:200px;
	height: 155px;
}


.portfolio_sito_descrizione {
	position:relative;
	left:0px;
	top:0px;
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 13px;
	margin-top: 23px;
	margin-left: 32px;
}

.portfolio_sito_descrizione strong {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -1px;
}
.portfolio_titolopagina {
	margin-bottom:25px;
	font-size: 24px;
}


.dicono_logo {
	float: left;
	width: 200px;
	padding-right: 15px;
	font-size: 11px;
	color: #818181;
	text-decoration: none;
	height: 90px;
	line-height: 12px;
	padding-top: 0px;
}



.dicono_logo img {
margin-bottom:12px;
}

.dicono_commento {
	width: 495px;
	font-style: normal;
	font-size: 12px;
	color: #191919;
	margin-left: 245px;
	text-align: justify;
}

.dicono_contenitoreazienda {
	height: auto;
	clear: both;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	padding-top: 20px;
}

.firma_azienda {
	text-align: right;
	font-size: 11px;
	font-style: italic;
}