/* CSS Document */
/* Author Elisa Gennari */
/* 6 Febbraio 2008 */
/* Puglia imprese */

/*TIPS PER LA RICERCA*/



.custom-tip {
	color: #000;
	width: 200px;
	z-index: 13000;
	background: #F2EAD2;
	border:solid 1px #D8C693;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #E8D9AE;
	border-bottom: 1px solid #D8C693;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
}

.searchRes{
    width:99%;
	height:20px;
	background-color:#EFE5C9;
	display:block;
	position:relative;
	float:left;
	text-align:left;
	padding:5px;
	font-weight:bold; 
}

/* fine tips per la ricerca */


body{
	background-color:#FFFFFF;
	color:#666666;
	text-align:center;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding:0;
}

.closedItem, .toggler{
	background-image:url(img/frecciaRicerca.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	font-family: 'Trebuchet MS', sans-serif;
	cursor: pointer;
	color: #D1B465;
}

.openItem{
	background-image:url(img/frecciaRicercaOpen.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	font-family: 'Trebuchet MS', sans-serif;
	cursor: pointer;
	color: #D1B465;
}
	

#content{
	width: 974px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-repeat:no-repeat;
	background-image:url(img/sf_home.jpg);	
}

/* STILI PER TOP */

#brownTop{
	width:954px;
	background-color:#D1B465;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


#boxLogo{
	background-image:url(img/logoPuglia.jpg);
	width:220px;
	position:relative;
	z-index:100;
	float:left;
}

#boxTopTrulli{
	background-image:url(img/topTrulli.gif);
	width:745px;
	height:140px;
	float:left;
	position:relative;
	top:-8px;
	left:5px;
}

/* FINE TOP PAGE */


/******************************/
/* STILI PER MENU DI SINISTRA */
/******************************/


/*BOX IN PRIMO PIANO*/

.primopiano{
	width:216px;
	color:#FFFFFF;
	text-align:left;
	border-bottom:solid 2px #FFFFFF;
	position:relative;
	margin:0px;
}

.primopiano .top{
	background-image:url(img/topPrimopiano.jpg);
	background-repeat:no-repeat;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:15px;
	line-height:25px;
	margin:0px;
	border-bottom:solid 1px #FFFFFF;
}

.primopiano .box{	
	background-color:#ECEAE4;
	border-top:solid 1px #FFFFFF;
	margin:0;
}
.primopiano .testo{
	padding:4px;
	color:#666666;
	display:block;
}


/*FINE BOX IN PRIMO PIANO*/




#boxMenuSx{
	width:216px;
	float:left;
	position:relative;
	left:3px;
	background-color:#EFE3C1;
	top:-26px;
	margin:0px;
	
}



.boxArea{
	width:211px;
	height:25px;
	background-color:#D1B465;
	color:#FFFFFF;
	background-image:url(img/sfondocategorie.jpg);
	line-height:23px;
	text-align:left;
	padding-left:5px;
	font-weight: bold;
	text-decoration: none;
}
.boxArea a{
   text-transform: uppercase;
   color:#FFFFFF;
   text-decoration:none;
   margin-left:18px;
}

.boxArea span{
   text-transform: uppercase;
   color:#FFFFFF;
   text-decoration:none;
   margin-left:18px;
}

.boxArea a:hover{
   color:#C2064d;
}

#boxSpazio{
	width:216px;
	height:100%;
}
#boxMenuSx a.menuItem{
	background-color:#EFE3C1;
	color:#666666;
	border-bottom:solid 1px #FFFFFF;
	display:block;
	height:22px;
	width:199px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	vertical-align:middle;
	line-height:20px;
	padding-left:17px;
	background-image:url(img/menuPoint.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#boxMenuSx a.menuItem:hover{
	color:#FFFFFF;
}

h1.titolo_categoria {
	width:211px;
	height:25px;
	background-color:#D1B465;
	color:#FFFFFF;
	background-image:url(img/sfondocategorie.jpg);
	line-height:23px;
	text-align:left;
	padding-left:5px;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
	margin:0px;
	text-indent: 18px;
}

h1.titolo_categoria a{
   text-transform: uppercase;
   color:#FFFFFF;
   text-decoration:none;
}

h1.titolo_categoria a:hover{
   color:#CC9933; 
}

h2.titolo_sottocategoria{
	margin:0px;
	font-size:12px;
}


/***********************************/
/* FINE STILI PER MENU DI SINISTRA */
/***********************************/



/******************************************/
/* STILI UTILITIES TOP RICERCA NEWSLETTER */
/******************************************/
/* CORPOSITO*/
#corpoSito{
	width:752px;
	float:left;
	position:relative;
	left:3px;
}

/* BANNER */
#bannerTop{
	width:468px;
	height:60px;
	background-color:#CCCCCC;
	float:left;
	position:relative;
	left:5px;
	top:-5px;
}

/* NEWSLETTER */

#boxNewsLetter{
	width:274px;
	height:60px;
	background-image:url(img/sf_newsletter.gif);
	float:left;
	position:relative;
	left:10px;
	top:-5px;
	text-align:left;
}

#boxNewsLetter p.testo{
	padding:5px;
	margin-top:0;
}

/* BOX RICERCA */

#boxRicerca{
	width:747px;
	height:35px;
	background-image:url(img/sf_boxRicerca.gif);
	position:relative;
	float:left;
	left:5px;
	text-align:left;
}



/* FORM RICERCA */
#boxForm{
	height:25px;
	float:left;
	position:relative;
	left:10px;
	top:5px;
	vertical-align:middle;
}

fieldset{
	border:0;
	float:left;
}

#search{
	float:left;
	height:30px;
	vertical-align:middle;
}
#search label{
	color: #FFFFFF;
	font-weight:bold;
	position:relative;
	top:-3px;
	font-size:0.9em;
}
#search input{
	border:solid 1px #CC9900;
	background-color:#FFFFFF;
	height:15px;
	font-size:0.8em;
	width:100px;
	position:relative;
	top:-2px;
}
#search input.button{
	background-color:#F0E6D1;
	color:#996600;
	font-size:0.7em;
	font-weight:bold;
	height:19px;
	vertical-align:top;
	width:60px;
}


#boxForm a{
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	float:left;
	position:relative;
	left:5px;
	top:2px;
	font-size:0.85em;
	
}


/* LINKS DX - SEGNALA SITO/MODIFICA SITO*/
#linksDxTop{
	height:25px;
	width:410px;
	float:left;
	position:relative;
	left:15px;
	text-align:right;
	line-height:1.4em;
}

#linksDxTop a{
	color:#FFFFFF;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
}




/***********************************************/
/* FINE STILI UTILITIES TOP RICERCA NEWSLETTER */
/***********************************************/



/****************************/
/* STILI PER CORPO PAGINA   */
/****************************/

#boxInEvidenza{
	width:373px;
	height:340px;
	position:relative;
	float:left;
	left:5px;
	top:5px;
}

#boxInEvidenza .top{
	background-image:url(img/topEvidenzaMese.gif);
	background-repeat:no-repeat;
	display:block;
	height:26px;
	margin-top:0px;
	margin-bottom:0px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
	line-height:20px;
	border-bottom:solid 1px #FFFFFF;
}


#boxInEvidenza .box{
	background-color:#F8F8F7;
	height:316px;
	border:solid 1px #E4E4E2;
	margin-right:4px;
	float:left;
	margin-top:0px;
	padding:4px;
	text-align:justify;
	overflow:hidden;
}




.boxBodyRight1, .boxBodyRight2 {
   width:368px;
   height:184px;
   position: relative;
   left:5px;
   top:5px;
   float:left;
   text-align:left;
}

		
.boxBodyRight1 .top, .boxBodyRight2 .top{
	height:26px;
	margin-bottom:0;
	font-weight:bold;
	padding-left:15px;
	background-repeat:no-repeat;
	padding-top:5px;	
}

.boxBodyRight1 a, .boxBodyRight2 a {
	color: #333333;
	text-decoration: none;
}
.boxBodyRight1 a:hover, .boxBodyRight2 a:hover {
	color: #C2064D;
	text-decoration: underline;
}



#boxSet{
	width:368px;
	height:140px;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
	display:block;
}
	
.boxBodyRight1 .boxSet .box, .boxBodyRight2 .boxSet .box{
	background-color:#F8F8F7;
	border:solid 1px #E4E4E2;
	margin-top:0;
	float:left;
	width:181px;
	height:135px;
}

#lastBox{
	margin-right:0px;
	float:right;
}


.boxBodyRight1 .top{
	background-image:url(img/topBoxBodyRight.gif);
}
.boxBodyRight2 .top{
	background-image:url(img/topBoxBodyRight2.gif);
}


.boxSet .box .testo{
	display:block;
	height:120px;
	padding:2px;
}

/* BOX SHOPPING, TEMPO LIBERO , TRASPORTI */

.boxBodyCenter {
	width:244px;
	height:174px;
	position:relative;
	float:left;
    left:5px;
	top:12px;
	text-align:left;
	margin-right:6px;
}

.boxBodyCenter img{
	float:right;
	}

.boxBodyCenter .top{
	display:block;
	height:26px;
	background-repeat:no-repeat;
	margin-top:0px;
	color:#666666;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
	line-height:25px;
	border-bottom:solid 1px #FFFFFF;
	margin-bottom:0px;
}

.boxBodyCenter .top{
	background-image:url(img/topShopping.gif);
}

.boxBodyCenter .box{
	background-color:#F8F8F7;
	height:132px;
	border:solid 1px #E4E4E2;
	float:left;
	margin-top:2px;
	padding:4px;
}

.boxBodyCenter .testo{
	display:block;
	height:110px;
}



/* BOX AREE TEMATICHE IN BASSO - BUSINESS  E PROFESSIONISTI */


.boxBodyLeft, .boxBodyRight{	
	width:368px;
	height:185px;
	position:relative;
	float:left;
	left:5px;
	top:17px;
	text-align:left;
}


.boxBodyRight{
 left:15px;
}


.boxBodyLeft .top, .boxBodyRight .top{
	display:block;
	height:26px;
	width:353px;
	background-repeat:no-repeat;
	margin-top:0px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding-left:15px;
	line-height:25px;
	border-bottom:solid 1px #FFFFFF;
	margin-bottom:0px;
}

.boxBodyLeft .top{
	background-image:url(img/topBottomBusiness.gif);
}

.boxBodyRight .top{
	background-image: url(img/topBottomProf.gif);
}

.boxBodyLeft .box{
	background-color:#F3D4BE;
	width:358px;
	height:134px;
	border:solid 1px #EEC2A2;
	margin-right:0px;
	float:left;
	margin-top:2px;
	padding:4px;
}


.boxBodyRight .box{
	background-color:#FCF6E4;
	width:358px;
	height:134px;
	border:solid 1px #F1D789;
	margin-right:4px;
	float:left;
	margin-top:2px;
	padding:4px;
}

.boxBodyLeft .box a, .boxBodyRight .box a{
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	line-height:20px;
}

.boxBodyLeft .box a:hover, .boxBodyRight .box a:hover{
	color:#C2064D;
}

.boxBodyLeft img, .boxBodyRight img{
	float:right;
}

/*********************************/
/* FINE STILI PER CORPO PAGINA   */
/*********************************/




/*************************************/
/* STILI PER BARRA LINK ALTRI SITI   */
/*************************************/
#boxBottomLinks{
	background-image:url(img/sf_bottomLinks.gif);
	width:969px;
	height:45px;
	display:block;
	position:relative;
	clear:left;
	top:10px;
	z-index:10;
	font-size:0.8em;
	line-height:18px;
}

#boxBottomLinks a{
	text-decoration:none;
	font-weight:bold;
	color:#666666;
}

#boxBottomLinks a:hover{
	color:#FFFFFF;
}	


#brownBottom{
	width:954px;
	height:18px;
	background-color:#D1B465;
	border-left:solid 9px #FFFFFF;
	border-right: solid 9px #FFFFFF;
	display:block;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:0;
	top:10px;
}

/**********************************/
/*  dettaglio prodotti aziende    */
/**********************************/

table#dettagli{
	width:100%;
	border:solid 1px #999999;
}
#dettagli td{
	border:solid 1px #999999;
}
#dettagli td.white{
	background-color:#FFFFFF;
}


/***************************************/
/* TEXT  UTILITIES / TAG RIDEFINITION  */
/***************************************/

h2{
	margin-top:0px;
	color:#666666;
	font-size:1.7em;
	font-weight:bold;
}
h3{
	margin-top:0px;
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
}
h4{
	margin-top:0px;
	color:#666666;
	font-size:1em;
	font-weight:bold;
}

h5{
	margin-top:0px;
	margin-bottom:0px;
	color:#666666;
	font-size:0.7em;
	font-weight:bold;
}

.continua{
	background-image:url(img/continua.gif);
	background-repeat:no-repeat;
	width:76px;
	height:15px;
	border:none;
	display:block;
}


.fucsiaTxt{
	color:#C2064D;
}

.transparent{
	display:none;
}

.right{
	float:right;
}

.left{
	float:left;
}


.clear{
	clear:left;
}

/***************************************/
/* CSS VETRINA  */
/***************************************/

div.descrizione_voce{
	width:150px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	float:left;
	margin:5px;
	height:auto;
	color:#000000;
}

div.descrizione_descrizione{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	height:auto;
	color:#000000;
}

div.descrizione_input{
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	margin:5px;
	clear:right;
}

div.descrizione_descrizione textarea{
	width:600px;
	border:solid;
	border-width:1px;
	border-color:#999999;
	padding:5px;
}

div.suggerimenti_chiavi{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

div.box_parolechiave{
	background:#FFFFFF;
	text-align:justify;
	height: 80px; 
	overflow: auto; 
	padding:5px; 
	width:600px; 
	margin: 0 auto;	
}

div.suggerimenti_chiavi textarea{
	width:auto;
	background-color:#EDF2F3;
	margin-top:20px;
	margin-bottom:2opx;
}

#vetrina_content{
	background:#E4E6E7;
	padding:5px;
}

#listaerrori {
	background-color:#FF0000;
	color:#FFFFFF;
	text-align:center;
	padding:5px;
}

div.titoloform{
	width:auto;
	margin:10px;
}

.headerAziende{
	background-color:#EFE3C1;
	color:#666666 !important;
	text-decoration:none !important;
}
.headerAziende a:link{
	color:#666666 !important;
	text-decoration:none !important;
}
.headerAziende a:hover{
	color:#ffffff !important;
	text-decoration:underline !important;
}
.headerAziende a:visited{
	color:#666666;
	text-decoration:none !important;
}
.headerAziende h2{
	font-family:verdana;
	color:#666666;
	font-weight:bold;
	font-size:12px;
}