/* CSS Document */

body{
background:#fdffff url(../images/sfondo.jpg) repeat-x;
}

#header{
height:160px;
margin:4px 0 15px 0;
}

h1{
height:93px;
width:181px;
overflow:hidden;
position:relative;
text-indent:-9999px;
background:url(../images/logo.png) no-repeat;
padding:0;
margin:30px 0 0 25px;
float:left;
}


* html h1{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png", sizingMethod="crop");
	}


h1 a{
display:block;
height:93px;
width:181px;}

h1 span{
height:93px;
width:181px;
position:absolute;
}

/*#fla{
float:right;
}*/


#menuIstituzionale ul{
float:right;
margin: 5px 18px;
}

#menuIstituzionale ul li{
display:inline;
margin-left:20px;}



#sidebar{
}

#sidebar h4{
margin-left:25px;
}

#corpo{
  display: block;
}


#corpo:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#corpo.column.span-8plus{
}


h2.benessere{
font-size:12px;
height:10px;
padding-top:67px;
background:url(../images/benessere.jpg) bottom right no-repeat}
/** html h2.benessere{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/benessere.png", sizingMethod="crop");
	}*/

h2.estetica{
font-size:12px;
height:10px;
padding-top:67px;
background:url(../images/estetica.jpg) bottom right no-repeat}
/** html h2.estetica{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/estetica.png", sizingMethod="crop");
	}*/


h2.tecnologia{
font-size:12px;
height:10px;
padding-top:67px;
background:url(../images/tecnologia.jpg) bottom right no-repeat}
/** html h2.tecnologia{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tecnologia.png", sizingMethod="crop");
	}*/

ul.navigation{
 margin: 3px 0 3px 25px;
 list-style:circle;
 color:#399}



#boxArrotondato_small{
height:200px;
background:url(../images/spot_hp.gif) no-repeat}

/** html #boxArrotondato_small{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/spot_hp.png", sizingMethod="crop");
	}
*/




#boxArrotondato_medium{
width:442px;
padding: 0 10px;
background:url(../images/bordo_up.gif) no-repeat;}


#boxArrotondato_planisfero{
width:442px;
padding: 3px 10px;
background:url(../images/bordo_up.gif) no-repeat;}


#boxArrotondato_medium.close {
background:url(../images/bordo_bott.gif) no-repeat}






#boxArrotondato_big{
width:681px;
background:url(../images/conten_sf_up.gif) no-repeat;
border-bottom:1px solid #A5D3D5;
margin-bottom:10px;
padding-bottom:15px;
padding-left:10px;
padding-right:10px;
}






#boxArrotondato_big.close{
background:url(../images/conten_sf_bott.gif) no-repeat}



#boxArrotondato_big:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}




#extraFooter{
margin:0;
background:url(../images/pattern_footer.png) repeat-x;}

#extraFooter ul li{
margin-bottom:10px;}


#extraFooter:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#footer{

margin:0pt auto;
padding:0pt;
text-align:left;
width:960px;}

#footer ul{
list-style:none;}


.prodotto{
float:left;
width:130px;}
.prodotto.box{
background-color:transparent;
padding:5px 0 5px 5px;
margin:0;}

.prodotto.box .title, .prodotto.box .codice{
clear:right;
display:block;}


.prodotto.box img{
margin:0 10px 0 0}

a.goTo{
padding-left:25px;
background:url(../images/freccia.jpg) left 3px no-repeat
}


.foto_extra{
float:left;
margin:0;}

.foto_extra:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.foto_extra img{vertical-align:top;
margin-right:15px;}

.butt_scelte{
display:block;
width:340px;
height:20px;
padding:6px 0 5px 10px;
margin:18px 0 18px 5px;
background:url(../images/butt_scelte.jpg) no-repeat;
text-transform:uppercase;
}

.nofloat, #boxArrotondato_big h2.nofloat{
clear:both;
float:none}



.prizeDeleted{
text-decoration:line-through; color:red}
.prizeNew{color:green}


#invioCarrello {
background:transparent url(../images/butt_inserisci_carrello.jpg) no-repeat scroll center top;
border:0pt none;
cursor:pointer;
text-transform:uppercase;
height:30px;
margin-left:400px;
width:230px;
padding:0;
text-align:left;
padding-left:15px;
color:#f90
}

#invioAcquista {
background:transparent url(../images/butt_acquista.gif) no-repeat scroll center top;
border:0pt none;
cursor:pointer;
text-transform:uppercase;
height:30px;
margin-left:400px;
margin-bottom:10px;
width:230px;
padding:0;
text-align:center;
padding-left:0px;
color:#f90
}

.fatturazione{
margin-bottom:15px;
}

.fatturazione div, #fatturazione legend{
padding:5px}




.fatturazione label{
float:left;
line-height:1;
width:150px;}

fieldset.login, fieldset.fatturazione{
border:1px solid #CCCCCC;
padding:15px;}

fieldset.login{
/*height:130px;*/}

.login legend, .fatturazione legend{
color:#000000;
font-weight:bold;
border:1px solid #CCCCCC;
margin:5px;
padding:2px 5px;}

.login div{
padding:5px;}

.login label{
padding-right:10px;}

/*-------------------------------------- PAGINAZIONE  -------------------------------*/
div#paginazione{
	margin-left:15px;
	margin-top:10px;
	margin-bottom:60px;
	padding:0;
	float:left;
	/*color:#3399FF;*/
}

div#paginazione ul{
	display: inline;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#paginazione li{
	display: block;
	float:left;
	margin: 2px;
	
	
}


div#paginazione li span, div#paginazione li a{
display: block;
	float:left;
padding: 2px 5px;


	border: 1px solid #B1D5F9;
	font-weight:bold;
	/*color:#999999;*/
	
}


div#paginazione li a:hover{
	
	border: 1px solid #B1D5F9;
	background-color: #B1D5F9;
	/*color:#999999;*/
}



div#paginazione li a:hover{
	/*color: #DFDFDF;*/
}



/*
ul#paginazione {
list-style:none;
}

ul#paginazione li.corrente {

background-color:#A5D3D5;
border:1px solid #DFDFDF;
padding:2px 3px;
}
ul#paginazione li{
float:left;
margin:5px;
}

ul#paginazione li a {
border:1px solid #DFDFDF;
display:block;
padding:2px 3px;
}

*/








#percorso{
margin-top:5px;
text-align:center}

#percorso img{
margin:0;}

/*------------ VCARD --------------------------*/

div .vcard div{
margin:0;
padding:0}


/*------------ FORM CONTATTI --------------------------*/

form#contatti{
margin: 0 30px 0 30px;}

form#contatti div{
border-bottom:1px solid #ccc;
margin:5px 0;
padding:5px;}

form#contatti label{
display:inline;
float:left;
width:200px;}

form#contatti #invia{
margin-top:15px;
}

form#contatti select{
font-size:10px;
font-family:Arial, Helvetica, sans-serif}


form#contatti label.expand, form label.expand{
width:350px;}


form#ricerca div{
margin:5px 0 5px 25px
}
/*------------ contatti interni--------------------*/

.contatti ul{
list-style:none;
float:left;
width:422px;
margin:0;
margin-bottom:15px;}

.contatti ul li{
float:left;
width:100%;
padding:3px 0;
border-bottom:1px solid #DADADA}
.contatti ul li em{
float:left;
color:#999;
font-size:90%;}
.contatti ul li a{
float:right;
font-size:90%
}

/*------------ mappa --------------------------*/
#map{
margin-left:5px;}


/*id cliente*/
#idCliente{
z-index:13;
color:#FF9900;
width:250px;
position:absolute;
top:5px;
left:0px;}

/*-------------job box---------------*/

.jobBox{
background-color:#f60;
border:3px solid #B2DADC;
margin:10px 10px 20px 15px;
padding:10px;}

.jobBox p{
color:#FFFFFF;}

.jobBox p a{
color:#000;
font-weight:bold;}
.jobBox p a:hover{
color:#0033CC;
text-decoration:underline}


/*------------ allegati-------------------------*/
#allegati li{
padding-left:20px;
background::transparent url(../images/ico-acrobat.gif) no-repeat scroll left top;}

/*------------ forms --------------------------*/

form b{
color:#399}
input{  border:1px solid #bbb; background:#f9f9f9; padding:2px; }
input:focus         { border:1px solid #999; background:#fff; }


textarea            { border:1px solid #bbb; background:#f9f9f9; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f9f9f9; }
select:focus        { border:1px solid #999; background:#fff; }


/*------------ ricerca --------------------------*/

.risRicerca{
float:left;
width:100%;
padding:5px 0;
margin:10px 0 0 0;
border-bottom:1px solid #CCCCCC}

.risRicerca span{
float:left; margin:0 10px; 
}