/* STRUTTURA   STRUTTURA   STRUTTURA */

body {
  font-family: Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif; 
  font-size: 18px;
  color: #FF0033;
  margin-top: 0px;
  background-color: #DBDBDB;
  text-align: center;
}
#wrap {
  margin-top: 0px; 
  width: 838px;
  height: 900px;
  margin-right: auto;
  margin-left: auto;
}
#wrap_int {
  margin-top: 0px; 
  width: 838px;
  height: 1300px;
  margin-right: auto;
  margin-left: auto;
}

#headline {
 font-size: 10px;
 background-color: #D6AF8F;
 background-image: url(images/iolemalosti_img.jpg);
 width: 838px;
 height: 512px; 
 text-align: right;
 color: #FF0033;
}
#payoff {
  background-color: white;
  width: 838px;
  height: 326px;
  border-bottom: 1px solid #ff0033;
}
#footer {
	background-color: white;
	width: 838px;
	height: 52px;
	text-align:left;
	font-size: 12px;
	background-image: url(images/zodiak.jpg);
}

/* -----------------fine STRUTTURA------------------------ */





/* -----------------FORMATTAZIONE------------------------ */

/* HOME HOME HOME HOME HOME HOME */

#payofftext{
	background-color: white;
	float: left;
	width: 497px;
	height: 300px;
	text-align: left;
	padding-left: 20px;
	font-size: 14px; 
}
#payofftext2{
	background-color: white;
	float: left;
	width: 497px;
	height: 50px;
	text-align: left;
	font-size: 14px; 
}

#payoff img {
	border: 0px;
	margin-top : 0px;
}
ul.small{
	list-style: none;
	padding-right: 20px;
	padding-top: 26px;
}
ul.bottom{
	list-style: none;
	background-color: white;
	margin-top: 0px;
	margin-left: 0px;
	text-align: left;
	width: 350px;
	padding-top: 16px;
	padding-right: 30px;
	padding-left: 20px;
	padding-bottom: 30px,
	vertical-align: top;
}


h1{
	color:#FF0033;
	font-size: 30px;
	font-style: normal;
	font-weight: lighter;
	margin-top: 20px;
}
h2{
	color:#6F6F6F;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
}
h3{
	color:#6F6F6F;
	font-size: 16px;
	font-style: italic;
	font-weight: lighter;
}


a.small:link { 
 font: 10px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #ff0033;
 text-decoration:none; 
}
a.small:visited { 
 font: 10px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #ff0033;
 text-decoration:none; 
}
a.small:hover { 
 font: 10px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: black;
 text-decoration:underline;  
}


a.footer:link { 
 font: 14px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #6F6F6F;
 text-decoration:none; 
}
a.footer:visited { 
 font: 14px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #6F6F6F;
 text-decoration:none; 
}
a.footer:hover { 
 font: 14px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: black;
 text-decoration:underline;  
}


a.linkedin:link { 
 font: 14px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #FF0033;
 text-decoration:underline; 
 /* font-weight: bold; */
}
a.linkedin:visited { 
 font: 14px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #FF0033;
 text-decoration:underline; 
 /* font-weight: bold; */
}
a.linkedin:hover { 
 font: 14px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #000000;
 text-decoration:underline;  
 /* font-weight: bold; */
}
/* -----------------fine HOME------------------------- */




/*PAGINA PORTFOLIO   PAGINA PORTFOLIO PAGINA PORTFOLIO*/

/* Contenitore immagini di presentazione */
#portfolio {
 background-color: white;
 width: 838px;
 height: 512px;
 border-top: 0px;
}
/* Contenitore elenco dei clienti */
#contportfolio {
  background-color: white;
  text-align: left;
  width: 838px;
  height: 2310px;
  border-bottom: 1px solid #ff0033;
}
#portfoliotext{
   background-color: white;
   width: 804px;
   padding-top: 3px;
   padding-left: 34px; 
}
#testochiusura{
   background-color: red;
   width: 650px;
   float:left;
   padding-left: 3px; 
}
#portfoliolist{
  background-color: white;  
  width: 540px;
  margin-left: 40px;
  margin-top: 60px;
  margin-bottom: 30px;
}
#empty{
  background-color: white; 
  width: 300px;
  height: 2px;
  clear:left;
}
#listbox{
  background-color: white;  
  width: 176px;
  height: 202px;
  margin-right: 4px;
  margin-top: 2px;
  float:left;
  color: B6B6B6;
  font-size: 12px;
  line-height: 1.2;
}
#titlistbox{
  background-color: white;  
  color: 000000;
  font-size: 12px;
}
h8{
  background-color: none;  
  color: #FF0033;
  font-size: 12px;
  }
h9{
	color:#6F6F6F;
	font-size: 14px;
	font-style: italic;
	font-weight: lighter;
}

h4{
  font-size: 16px;
  color: #6F6F6F;
  font-style: normal;
  font-weight: 100;
  margin-top: 2px;
}
h5{
	font-size: 13px;
	color: #5A5657;
	margin-bottom: 0px;
}

a.mmm:link { 
 font: 20px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #6F6F6F;
 text-decoration:underline; 
}
a.mmm:visited { 
 font: 20px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #6F6F6F;
 text-decoration:underline;
}
a.mmm:hover { 
 font: 20px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: black;
 text-decoration:underline;
}

h6{ 
 font: 12px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #5A5A5A;
 text-decoration:none;
 margin-bottom: -14px;
  margin-top:  0px;
}

a.listbox:link { 
 font: 12px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #ff0033;
 text-decoration:none; 
}
a.listbox:visited { 
 font: 12px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: #ff0033;
 text-decoration:none; 
}
a.listbox:hover { 
 font: 12px Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
 color: black;
 text-decoration:underline; 
 font-weight: bold;   
}
/* ------------------fine PAGINA PORTFOLIO------------------------ */