/*
 *  psd2css.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  March 31, 2009, 9:35 am with psd2css Online version 1.36
 *
 */

/* You named this layer Background */

body{
	font-size:11px;
	font-family:Arial;
	text-align: left;
	margin: 0px;
	padding:0;
	}
	
	table {
		font-size:11px;
	font-family:Arial;
	}

img{
	border:0;
}

a{
	text-decoration:none;
	color:#000000;
}

a:hover{
	color:#666666;
}
#Layer-1 {
  position: relative;
  padding:0;
  left: 0px;
  top: 0px;
  height: 768px;
  z-index: 1;
}

/* You named this layer Shape 2 */
#Layer-2 {
  position: absolute;
  left: 80px;
  top: 312px;
  width: 110px;
  height: 28px;
  z-index: 2;
}

/* You named this layer Shape 2 copy */
#Layer-3 {
  position: absolute;
  left: 80px;
  top: 341px;
  width: 100px;
  height: 19px;
  z-index: 3;
}

/* You named this layer Shape 2 copy 3 */
#Layer-4 {
  position: absolute;
  left: 80px;
  top: 446px;
  width: 100px;
  height: 21px;
  z-index: 4;
}

/* You named this layer Shape 2 copy 4 */
#Layer-5 {
  position: absolute;
  left: 80px;
  top: 468px;
  width: 100px;
  height: 24px;
  z-index: 5;
}

/* You named this layer Shape 2 copy 2 */
#Layer-6 {
  position: absolute;
  left: 80px;
  top: 361px;
  width: 100px;
  height: 19px;
  z-index: 6;
}

/* You named this layer Shape 3 */
#Layer-7 {
  position: absolute;
  left: 190px;
  top: 388px;
  width: 142px;
  height: 218px;
  z-index: 7;
}

/* You named this layer Layer 27 */
#Layer-8 {
  position: absolute;
  left: 80px;
  top: 74px;
  width: 750px;
  height: 300px;
  z-index: 8;
}

/* You named this layer Layer 31 */
#Layer-9 {
  background:none repeat scroll 0 0 #EFEFEF;
height:33px;
left:80px;
position:absolute;
top:787px;
width:750px;
z-index:9;
}

/* You named this layer Layer 4 */
#Layer-10 {
  position: absolute;
  left: 80px;
  top: 378px;
  width: 750px;
  height: 28px;
  z-index: 10;
}

/* You named this layer Layer 4 copy */
#Layer-11 {
  position: absolute;
  left: 600px;
  top: 378px;
  width: 230px;
  height: 28px;
  z-index: 11;
}

/* You named this layer Layer 4 copy 4 */
#Layer-12 {
  position: absolute;
  left: 600px;
  top: 568px;
  width: 230px;
  height: 28px;
  z-index: 12;
}

/* You named this layer Layer 4 copy 5 */
#Layer-13 {
  position: absolute;
  left: 600px;
  top: 593px;
  width: 230px;
  height: 28px;
  z-index: 13;
}

/* You named this layer Layer 4 copy 3 */
#Layer-14 {
  position: absolute;
  left: 80px;
  top: 776px;
  width: 750px;
  height: 10px;
  z-index: 14;
}

/* You named this layer Layer 4 copy 2 */
#Layer-15 {
  position: absolute;
  left: 270px;
  top: 40px;
  width: 560px;
  height: 28px;
  z-index: 15;
}

/* You named this layer dal 1960 formiamo professionist */
#Layer-16 {
  position: absolute;
  left: 10px;
  top: 138px;
  width: 241px;
  height: 45px;
  z-index: 16;
}

/* You named this layer Shape 1 */
#Layer-17 {
  position: absolute;
  left: 270px;
  top: 30px;
  width: 1px;
  height: 40px;
  z-index: 17;
}

/* You named this layer Shape 1 copy */
#Layer-18 {
  position: absolute;
  left: 349px;
  top: 30px;
  width: 1px;
  height: 40px;
  z-index: 18;
}

/* You named this layer Shape 1 copy 2 */
#Layer-19 {
  position: absolute;
  left: 600px;
  top: 30px;
  width: 1px;
  height: 40px;
  z-index: 19;
}

/* You named this layer area news */
#Layer-20 {
  position: absolute;
  left: 10px;
  top: 13px;
  width: 53px;
  height: 7px;
  z-index: 20;
}

/* You named this layer contatti */
#Layer-21 {
  position: absolute;
  left: 340px;
  top: 12px;
  width: 59px;
  height: 9px;
  z-index: 21;
}

#Layer-21 a:hover{ background:#FFCC99; }
#Layer-28 a:hover{ background:#FFCC99; }
#Layer-29 a:hover{ background:#FFCC99; }

/* You named this layer mappa */
#Layer-22 {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 35px;
  height: 9px;
  z-index: 22;
}

/* You named this layer domande frequenti */
#Layer-23 {
  position: absolute;
  left: 10px;
  top: 14px;
  width: 99px;
  height: 11px;
  z-index: 23;
}

/* You named this layer piva 0899873654666 */
#Layer-24 {
  position: absolute;
  left: 610px;
  top: 807px;
  width: 220px;
  height: 11px;
  z-index: 24;
}

/* You named this layer enter */
#Layer-25 {
  position: absolute;
  left: 472px;
  top: 698px;
  width: 27px;
  height: 9px;
  z-index: 25;
}

/* You named this layer i nostri corsi alla portata di */
#Layer-26 {
  position: absolute;
  left: 9px;
  top: 11px;
  width: 180px;
  height: 11px;
  z-index: 26;
}

/* You named this layer che cos il make-up\? */
#Layer-27 {
  position: absolute;
  left: 349px;
  top: 10px;
  width: 184px;
  height: 12px;
  z-index: 27;
}

/* You named this layer chi siamo */
#Layer-28 {
  position: absolute;
  left: 11px;
  top: 12px;
  width: 71px;
  height: 9px;
  z-index: 28;
}

/* You named this layer la storia */
#Layer-29 {
  position: absolute;
  left: 95px;
  top: 12px;
  width: 52px;
  height: 9px;
  z-index: 29;
}

/* You named this layer Layer 30 */
#Layer-30 {
  position: absolute;
  left: 600px;
  top: 312px;
  width: 230px;
  height: 98px;
  z-index: 30;
}

/* You named this layer Layer 9 */
#Layer-31 {
  position: absolute;
  left: 430px;
  top: 512px;
  width: 160px;
  height: 191px;
  z-index: 31;
}

/* You named this layer estetica */
#Layer-32 {
  position: absolute;
  left: 10px;
  top: 13px;
  width: 41px;
  height: 9px;
  z-index: 32;
}

/* You named this layer specializzazioni */
#Layer-33 {
  position: absolute;
  left: 10px;
  top: 6px;
  width: 82px;
  height: 11px;
  z-index: 33;
}

/* You named this layer risorse */
#Layer-34 {
  position: absolute;
  left: 10px;
  top: 7px;
  width: 37px;
  height: 9px;
  z-index: 34;
}

/* You named this layer parrucchiera */
#Layer-35 {
  position: absolute;
  left: 10px;
  top: 5px;
  width: 67px;
  height: 11px;
  z-index: 35;
}

/* You named this layer truccatrice */
#Layer-36 {
  position: absolute;
  left: 10px;
  top: 5px;
  width: 56px;
  height: 9px;
  z-index: 36;
}

/* You named this layer info */
#Layer-37 {
  position: absolute;
  left: 295px;
  top: 700px;
  width: 17px;
  height: 7px;
  z-index: 37;
}

/* You named this layer info */
#Layer-face {
  position: absolute;
  left: 235px;
  top: 700px;
  width: 17px;
  height: 7px;
  z-index: 37;
}

/* You named this layer photo */
#Layer-38 {
  position: absolute;
  left: 369px;
  top: 700px;
  width: 25px;
  height: 9px;
  z-index: 38;
}

/* You named this layer Layer 5 */
#Layer-39 {
  position: absolute;
  left: 50px;
  top: 380px;
  width: 20px;
  height: 19px;
  z-index: 39;
}

/* You named this layer Shape 4 */
#Layer-40 {
  position: absolute;
  left: 350px;
  top: 176px;
  width: 400px;
  height: 24px;
  z-index: 40;
}

/* You named this layer 12012009 nuovi prodotti  sono */
#Layer-41 {
  position: absolute;
  left: 609px;
  top: 420px;
  width: 206px;
  height: 144px;
  z-index: 41;
}

/* You named this layer sono finalmente arrivati i nuov */
#Layer-42 {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 127px;
  height: 170px;
  z-index: 42;
}

/* You named this layer contatti */
#contatti {
  position: absolute;
  top: 23px;
  height: 230px;
  z-index: 42;
  width:400px;
  background:#EAE9E9;
}


/* You named this layer clicca qui per  vedere la nostr */
#Layer-43 {
  position: absolute;
  left: 839px;
  top: 107px;
  width: 79px;
  height: 35px;
  z-index: 43;
}

/* You named this layer Layer 7 */
#Layer-44 {
  position: absolute;
  left: 4px;
  top: 26px;
  width: 200px;
  height: 182px;
  z-index: 44;
}

/* You named this layer Layer 11 */
#Layer-45 {
  position: absolute;
  left: 303px;
  top: 646px;
  width: 46px;
  height: 46px;
  z-index: 45;
}



/* You named this layer Layer 12 */
#Layer-46 {
  position: absolute;
  left: 360px;
  top: 646px;
  width: 45px;
  height: 45px;
  z-index: 46;
}

/* You named this layer Layer 12 copy */
#Layer-47 {
  position: absolute;
  left: 677px;
  top: 19px;
  width: 62px;
  height: 62px;
  z-index: 47;
}

/* You named this layer \> */
#Layer-48 {
  position: absolute;
  left: 841px;
  top: 312px;
  width: 7px;
  height: 6px;
  z-index: 48;
}

/* You named this layer estetica */
#Layer-49 {
  position: absolute;
  left: 10px;
  top: 26px;
  width: 77px;
  height: 17px;
  z-index: 49;
}

/* You named this layer \> copy */
#Layer-50 {
  position: absolute;
  left: 841px;
  top: 563px;
  width: 7px;
  height: 7px;
  z-index: 50;
}

/* You named this layer sono finalmente arrivati i nuov */
#Layer-51 {
  position: absolute;
  left: 10px;
  top: 52px;
  width: 179px;
  height: 108px;
  z-index: 51;
}

/* You named this layer Layer 29 */
#Layer-52 {
  position: absolute;
  left: 430px;
  top: 408px;
  width: 401px;
  height: 98px;
  z-index: 52;
}

/* You named this layer Layer 28 */
#Layer-53 {
  position: absolute;
  left: 91px;
  top: 0px;
  width: 99px;
  height: 100px;
  z-index: 53;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }


.scatola{
		margin:0px auto;
		padding:0;
		text-align:left;
		margin-top:45px;
	}
	#blocchetto{ 
		width:157px;
		height:155px;
		border: 4px solid #2A2B2A;
		float:left;
		margin-right:8px;
		margin-bottom:8px;
	}
	#blocchetto:hover{ 
		border: 4px solid #FF6600;
	}
		.loghetto{

		border: 4px solid #FFFFFF;
		width:157px;
		height:155px;
		float:left;
		margin-right:9px;
		margin-bottom:8px;
	}
	
	.loghetto:hover{ 
		border: 4px solid #FF6600;
	}
	
	.footer{
		width:835px;
		height:50px;
	}
	

	#rollover{
	border: 4px solid #FFFFFF;
}

#rollover:hover{
	border: 4px solid #FFCC99;
}



p {
	padding: 5px 10px;
	color: #666;
}

#container {
	width: 400px;
	margin: 20px auto;
	min-height: 100%; /*ie hack*/
}

#content {
	width: 220px;
	margin: 0 auto;
}

#wrap {
	width: 232px;
	overflow: hidden;
	background: #fff url("images/wrapbg.gif") repeat-y top left;
}

h3 {
	padding: 10px 0 11px 15px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #222;
	background: #efefef;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}



h3.toggler a {
	color: #00000;
	text-decoration: none;
}

h3.toggler a:hover {
	color: black;
}

div.accordion {
	background: #fff /*url("images/accordionbg.gif") repeat-x top left*/;
	height:223px;
}

div.accordion ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px 0;
}

div.accordion ul li {
	padding: 6px 0;
}

div.accordion ul li a {
	color: #666;
	text-decoration: none;
	display: block;
	padding: 4px 0px 4px 20px;
	font-size: 90%;
}

div.accordion ul li a span {
	padding-bottom: 10px;
}

div.accordion ul li a img {
	border: 0;
	vertical-align: bottom;
	margin-right: 15px;
}

div.accordion ul li a:hover span {
	text-decoration: underline;	
}

#top_round {
	height: 10px;
	font-size: 1px; /* ie whitespace */
}

#bottom_round {
	height: 10px;
	font-size: 1px; /* ie whitespace */
}
	
.top_dark {
	background: url("images/top_dark.gif") no-repeat top left;
}

.top_light {
	background: url("images/top_light.gif") no-repeat top left;
}

.bottom_dark {
	background: url("images/bottom_dark.gif") no-repeat top left;
}

.bottom_light {
	background: url("images/bottom_light.gif") no-repeat top left;
}

.first {
	padding-top: 5px;
}

.last {
	padding-bottom: 5px;
}

.notizia{
	width:200px; 
	margin-left:10px; 
	margin-top:1px; 
	margin-bottom:12px;
}


/**** MENU TAB A SINISTRA ******/

.container {
	width:312px;
	margin-top:20px;
}
.msg_body {
	padding: 5px;
	width: 204px;
	height:212px;
	background-color:#F4F4F8;
	position:absolute;
	float:left;
	margin-left:161px;
	left: -1px;
	top: 20px;
}
.msg_body h2{
	font-size: 15px;
	font-weight:bold;
	margin-left:5px;
}
.linkclass
{
 font-weight:bold;
 color:#FFFFFF;
}
.container ul{
	list-style-type:none;
	width:120px;
}

.container ul li{
	background:#e4e4e4;
	margin-bottom:1px;
	float:left;
	background-color: #ddd;
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	cursor: pointer;
	height: 15px;
	width:98px;
	font-weight:bold;
}

a.option {
  display: block;
  text-align: left;
  color: #fff;
  background-color: #297bc1;
  line-height: 140%;
  padding: 5px 0;
  margin: 6px 0;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  border: 3px double #fff;
}
a.option:hover {
  text-decoration: none;
  background-color: #ff3b9a;
  color: #fff;
}

.maphover{
	background:url(images/mappa_fade.png);
	width:220px; 
	height:220px; 
	margin-top:4px;
}

.maphover:hover{
	background:url(images/mappa.png);
	width:220px; 
	height:220px; 
	margin-top:4px;
}