/****** Struttura pagina ******/
body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #FFFFEE;
	overflow-x: hidden;
	margin: 5px;
	padding: 0;
}

#main {
	width: 960px;
	height: 100%;
	margin: 0 auto;
	z-index: 0;
	background-repeat: repeat-y;
	background-image: url(http://www.infopointbari.com/img/template/bg-main.gif);
}

#main #sx {
	position: relative;
	z-index: 0;
    width: 188px;
    float: left;
    min-height: 600px;
    height: auto!important;
    height: 600px;
	background-color: #b5b6b5;
}

#main #dx {
    width: 772px;
    float: left;
	background-color: #fff;
	min-height: 600px;
    height: auto!important;
    height: 600px;
}

#sx #logo {
    width: 188px;
    height: 98px;
}

#sx #logo img{
	position: absolute;
	top: 20px;
	left: 64px;
}

#sx #logo a img{
	border: 0;
}

#sx #logo p{
	display: none;
}

#sx #area_banner{
	text-align: center;
}

#sx #area_banner img{
	border: 0;
	width: 170px;
	height: 72px;
}

#sx #menu_principale{
	
}

#sx #menu_principale ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    border: none;
	width: 188px;
}

#sx #menu_principale li {
    margin: 2px 1px;
	float: left;
}

#sx #menu_principale li a {
    display: block;
	border: 1px solid #e5e5e5;
	background-color: #F5F6F6;
	width: 58px;
	height: 15px;
    padding: 45px 0px 4px 0px;
    color: #E10914;
	font-size: 0.6em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	background-position: top center;
	background-repeat: no-repeat;
}

#sx #menu_principale li a.eventi{
	background-image: url(http://www.infopointbari.com/img/template/menu/eventi.gif);
}

#sx #menu_principale li a.visitare{
	background-image: url(http://www.infopointbari.com/img/template/menu/visitare.gif);
}

#sx #menu_principale li a.dormire{
	background-image: url(http://www.infopointbari.com/img/template/menu/dormire.gif);
}

#sx #menu_principale li a.mangiare{
	background-image: url(http://www.infopointbari.com/img/template/menu/mangiare.gif);
}

#sx #menu_principale li a.shopping{
	background-image: url(http://www.infopointbari.com/img/template/menu/shopping.gif);
}

#sx #menu_principale li a.servizi{
	background-image: url(http://www.infopointbari.com/img/template/menu/servizi.gif);
}

#sx #menu_principale li a.foto{
	background-image: url(http://www.infopointbari.com/img/template/menu/foto.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
}

#sx #menu_principale li a.sanita{
	background-image: url(http://www.infopointbari.com/img/template/menu/sanita.gif);
}

#sx #menu_principale li a.guide{
	background-image: url(http://www.infopointbari.com/img/template/menu/guide.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
}

#sx #menu_principale li a.forum{
	background-image: url(http://www.infopointbari.com/img/template/menu/Forum.gif);
}

#sx #menu_principale li a.itinerari{
	background-image: url(http://www.infopointbari.com/img/template/menu/itinerari.gif);
	font-size: 0.57em;
}

#sx #menu_principale li a.contatti{
	background-image: url(http://www.infopointbari.com/img/template/menu/contatti.gif);
}

#sx #menu_principale li a.newsletter{
	font-size: 0.57em;
	background-image: url(http://www.infopointbari.com/img/template/menu/newsletter.gif);
}

#sx #menu_principale li a.inviacv{
	background-image: url(http://www.infopointbari.com/img/template/menu/cv.gif);
}

#sx #menu_principale li a.mare{
	background-image: url(http://www.infopointbari.com/img/template/menu/mare.gif);
}

#sx #menu_principale li a.trasporti{
	background-image: url(http://www.infopointbari.com/img/template/menu/trasporti.gif);
}

#sx #menu_principale li a.numeriutili{
	background-image: url(http://www.infopointbari.com/img/template/menu/numeriutili.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
}

#sx #menu_principale li a.viegusto{
	background-image: url(http://www.infopointbari.com/img/template/menu/viegusto.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
}

#sx #menu_principale li a.oggettismarriti{
	background-image: url(http://www.infopointbari.com/img/template/menu/oggettismarriti.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
}

#sx #menu_principale li a.ringraziamenti{
	background-image: url(http://www.infopointbari.com/img/template/menu/ringraziamenti.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
	font-size: 0.54em;
}

#sx #menu_principale li a.area_riservata{
	background-image: url(http://www.infopointbari.com/img/template/menu/areariservata.gif);
	height: 20px;
    padding: 40px 0px 4px 0px;
	font-size: 0.54em;
}

#sx #menu_principale li a.brochure{
	background-image: url(http://www.infopointbari.com/img/template/menu/brochure.gif);
}

#sx #menu_principale li a.tours{
	background-image: url(http://www.infopointbari.com/img/template/menu/tours.gif);
}


#sx #menu_principale li a:hover {
	text-decoration: underline;
	background-color: #FFFFCC;
}

#sx #spiega {

}

#sx #spiega div.fumetto{
	width: 180px;
	padding: 20px 10px 10px 10px;
	height: 77px;
	background-image: url(http://www.infopointbari.com/img/template/spiega.gif);
	position: absolute;
	font-size: 0.65em;
	z-index: 5;
}

#sx #spiega div#spiega_eventi{left: 0px; top: 160px;}
#sx #spiega div#spiega_visitare{left: 60px; top: 160px;}
#sx #spiega div#spiega_dormire{left: 120px; top: 160px;}
#sx #spiega div#spiega_mangiare{left: 0px; top: 230px;}
#sx #spiega div#spiega_shopping{left: 60px; top: 230px;}
#sx #spiega div#spiega_servizi{left: 120px; top: 230px;}
#sx #spiega div#spiega_itinerari{left: 0px; top: 300px;}
#sx #spiega div#spiega_tours{left: 60px; top: 300px;}
#sx #spiega div#spiega_guide{left: 120px; top: 300px;}
#sx #spiega div#spiega_mare{left: 0px; top: 370px;}
#sx #spiega div#spiega_trasporti{left: 60px; top: 370px;}
#sx #spiega div#spiega_sanita{left: 120px; top: 370px;}
#sx #spiega div#spiega_numeriutili{left: 0px; top: 440px;}
#sx #spiega div#spiega_contatti{left: 60px; top: 440px;}
#sx #spiega div#spiega_foto{left: 120px; top: 440px;}
#sx #spiega div#spiega_newsletter{left: 0px; top: 510px;}
#sx #spiega div#spiega_brochure{left: 60px; top: 510px;}
#sx #spiega div#spiega_oggettismarriti{left: 0px; top: 580px;}
#sx #spiega div#spiega_inviacv{left: 60px; top: 580px;}
#sx #spiega div#spiega_ringraziamenti{left: 120px; top: 580px;}

#sx #area_link{
	width: 100%;
	text-align: center;
	font-size: 0.7em;
}

#sx #area_link a{
	display: block;
	width: 100%;
	margin-top: 15px;
}

#sx #area_link a, #sx #area_link a:link, #sx #area_link a:visited{
	text-decoration: none;
	color: #000;
}

#sx #area_link a:hover{
	background-color: #CCC;
	color: #000;
}

#sx #area_link a img{
	border: 0;
}

#dx #testata {
    width: 772px;
	height: 100px;
	background-image: url(http://www.infopointbari.com/img/template_this/testata.gif);
    background-repeat: no-repeat;
    border-bottom: #B02F2F 2px solid;
}

#dx #testata #banner_testata_sx{
	width: 330px;
	height: 82px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 9px;
	left: 13px;
}

#dx #testata #banner_testata{
	width: 426px;
	height: 82px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px;
	left: 346px;
}

#dx #testata #banner_testata_dx{
	width: 426px;
	height: 82px;
	margin: 0 0 0 auto;
	padding: 0;
	position: relative;
	top: 10px;
	left: 12px;
}

#dx #barra_nav {
	margin-top: 5px;
	width: 772px;
	height: 20px;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

#dx #barra_nav #where {
    float: left;
    padding-left: 15px;
    vertical-align: baseline;
    font-weight: bold;
	font-size: 0.7em;
	line-height: 20px;
}

#dx #barra_nav #where a, #dx #barra_nav #where a:visited{
	color: navy;
    text-decoration: none;
	font-weight: bold;
}

#dx #barra_nav #where a:hover{
	color: navy;
    text-decoration: underline;
	font-weight: bold;
}

#dx #barra_nav #bandierine{
	float: right;
	height: 20px;
	line-height: 20px;
    vertical-align: baseline;
	padding-right: 15px;
}

#dx #barra_nav #bandierine form{
	display: block;
	float: left;
	width: 30px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 5px;
}

#dx #barra_nav #bandierine fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

#dx #corpo {
	width: 742px;
    float: left;
    padding: 0px 15px 20px 15px;
	background-color: #FFF;
	min-height: 500px;
    height: auto!important;
    height: 500px;
}

#main #tagliobasso {
    clear: both;
	width: 752px;
	padding: 10px 10px 10px 198px;
	height: 80px;
	background-color: #CCCCCC;
}

#main #tagliobasso h3{
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#main #tagliobasso p{
	margin: 0;
	padding: 0;
	font-size: 0.6em;
}

#main #tagliobasso div.meta {
    width: 49%;
}

#main #tagliobasso div.sx{
	float: left;
}

#main #tagliobasso div.dx{
	float: right;
	text-align: right;
}

#main #footer {
    clear: both;
	width: 960px;
	color: #000;
    text-align: center;
	background-color: #E5E5E5;
}

#main #footer2 {
    border-top: 2px solid red;
    border-bottom: 2px solid red;
	font-size: 0.7em;
	height: 4em;
	line-height: 2em;
	vertical-align: middle;
}

#main #footer4 {
	font-size: 0.6em;
	height: 3em;
	line-height: 2em;
	vertical-align: middle;
}

/****** Impostazioni tipografiche ******/

#corpo h1 {
	width: 100%;
	display: block;
    font-size: 1.2em;
    color: #E10914;
    border-bottom: 5px solid #E10914;
	margin-top: 10px;
}

#corpo h2{
	width: 100%;
	display: block;
    font-size: 1em;
    color: #E10914;
    border-bottom: 3px solid #E10914;
    text-align: right;
	margin-bottom: 10px;
}

#corpo div.descrizione {
    display: block;
    width: 100%;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 15px;
	font-size: 0.9em;
	line-height: 1.5em;
	vertical-align: middle;
	border-bottom: 1px solid #CCC;
}

#corpo div.descrizione div.descrizione_text {
	font-size: 0.8em;
}

#corpo div.descrizione div.descrizione_img {
    float: right;
	margin-left: 20px;
    padding: 0px 0px 15px 10px;
}

#corpo a:link {
    color: navy;
    text-decoration: none;
	font-weight: bold;
}

#corpo a:visited {
    color: navy;
    text-decoration: none;
	font-weight: bold;
}

#corpo a:hover {
    color: navy;
    text-decoration: underline;
	font-weight: bold;
}

/****** Messaggio d'errore ******/

#corpo .msgerror {
    margin: 10px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
	background-color: #FF9999;
	border-top: 2px solid #E10914;
	border-bottom: 2px solid #E10914;
    background-color: #FF9999;
    background-image: url(http://www.infopointbari.com//img/template/error.gif);
    background-position: left;
    background-repeat: no-repeat;
    background-position-x: 5px;
}

#corpo .msgerror .msgerrortext {
    margin-left: 40px;
	font-size: 0.8em;
	color: #000;
}

/****** Messaggio help ******/

#corpo .msghelp {
    margin: 10px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
	border-top: 2px solid #9999FF;
	border-bottom: 2px solid #9999FF;
    background-color: #CCCCFF;
    background-image: url(http://www.infopointbari.com//img/template/help.gif);
    background-position: left;
    background-repeat: no-repeat;
    background-position-x: 5px;
}

#corpo .msghelp .msghelptext {
    margin-left: 40px;
	font-size: 0.8em;
	color: #000;
}

/****** Form menu/schede ******/

#corpo form#menu{
	display: block;
	border: 0;
	margin: 0;
	padding: 1%;
	width: 98%;
	font-size: 0.9em;
	border-top: 2px solid #FFFF33;
	border-bottom: 2px solid #FFFF33;
	background-color: #FFFFCC;
}

#corpo form#menu fieldset{
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

#corpo form#menu legend{
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #E10914;
	margin-bottom: 10px;
	font-weight: bold;
	color: #E10914;
}

#corpo form#menu label{
	font-weight: bold;
	font-size: 0.8em;
	display: inline-block;
	width: 125px;
}

#corpo form#menu select{
	font-size: 0.8em;
	width: 175px;
}

#corpo form#menu input{
	font-size: 0.8em;
	width: 175px;
}

#corpo form#menu input.checkbox, #corpo form#menu input.radio{
	width: 15px;
}

#corpo form#menu input.formbutton{
	font-size: 0.9em;
	width: 90px;
	background-color: #E10914;
	color: #fff;
	font-weight: bold;
	border: 2px solid;
	border-color: #FF9999 #FF3333 #FF3333 #FF9999;
	margin-top: 15px;
}

#corpo form#menu span.nota_form{
	margin-left: 5px;
	font-size: 0.75em;
	font-style: italic;
}

/****** Form listato ******/

#corpo form#listato{
	display: block;
	border: 0;
	margin: 0;
	padding: 1%;
	width: 98%;
	font-size: 0.9em;
	border-top: 2px solid #FFFF33;
	border-bottom: 2px solid #FFFF33;
	background-color: #FFFFCC;
	text-align: center;
}

#corpo form#listato fieldset{
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

#corpo form#listato legend{
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #E10914;
	margin-bottom: 10px;
	font-weight: bold;
	color: #E10914;
}

#corpo form#listato label{
	font-weight: bold;
	font-size: 0.8em;
	display: inline-block;
	width: 80px;
}

#corpo form#listato select{
	font-size: 0.8em;
	width: 100px;
}

#corpo form#listato input{
	font-size: 0.8em;
	width: 100px;
}

#corpo form#listato input.formbutton{
	font-size: 0.9em;
	width: 60px;
	background-color: #E10914;
	color: #fff;
	font-weight: bold;
	border: 2px solid;
	border-color: #FF9999 #FF3333 #FF3333 #FF9999;
	margin-top: 15px;
}


/****** Listati div ******/

#corpo div.item {
    display: block;
    width: 720px;
    text-align: justify;
    padding: 1em 9px 10px;
    margin-bottom: 15px;
	font-size: 0.8em;
	background-color: #b6e5ff;
	overflow-x: hidden;
}

#corpo div.item div.item_text p {
	margin-bottom: 2em;
	line-height: 1.5em;
}

#corpo div.odd {
	background-color: #e6e0c0;
}

/* per vie del gusto */
#corpo div.item_prodotto {
	border-bottom: 1px solid #CCC;
}

#corpo div.item div.item_img {
    float: right;
	text-align: right;
    padding: 0px 0px 15px 10px;
}

#corpo div.item div.item_img p {
	font-size: 0.7em;
	font-style: italic;
}

#corpo div.item div.item_text {

}

#corpo div.item_separator {
    display: block;
    color: #000;
    font-weight: bold;
    text-align: right;
    padding: 5px;
    margin: 5px 0px;
	border-bottom: 2px solid #000;
	font-variant: small-caps;
}

#corpo div.item h2 {
	border-bottom-width: 1px;
	text-align: left;
}

#corpo div.item h3 {
	display: block;
	font-size: 1em;
	font-variant: small-caps;
	text-align: left;
	color: white;
	background-color: #E10914;
	padding: 1px 0 1px 3px;
}

#corpo div.item h4 {
	font-size: 0.9em;
	border-bottom: 1px solid #CCC;
	font-variant: small-caps;
	text-align: left;
}

#corpo div.item h2 a:visited, #corpo div.item h2 a:hover, #corpo div.item h2 a{
	color: #E10914;
}

#corpo div.item div.item_img a img{
	border: 0;
}

#corpo div.item div.item_contatti {
	font-size: 0.8em;
    padding: 10px;
    background-color: #FFCC66;
	width: 97%;
}

#corpo div.item div.item_contatti ul, #corpo table.listato tbody th ul{
	margin: 0;
	padding: 0;
}

#corpo div.item div.item_contatti ul li, #corpo table.listato tbody th ul li{
	list-style-type: none;
	margin-bottom: 3px;
}

#corpo div.item div.item_contatti ul li ul{
	margin: 0 0 0 20px;
}

#corpo div.item div.item_contatti ul li ul li{
	list-style-type: disc;
}

/****** Listati tabelle ******/

#corpo table.listato {
font: 75%/1.5em arial, geneva, sans-serif;
border-collapse: collapse;
width: 100%;
}
	
/* headline */

#corpo table.listato caption {
margin: 0;
border-bottom: 4px solid #fff;
padding: 10px;
background: #F8F12A;
text-align: left;
font: bold 250%/1em arial, geneva, sans-serif;
color: #000;
width: 100%;
text-transform: uppercase;
letter-spacing: 0.1em;
width: auto;
}	
	
/* data */

#corpo table.listato tbody {
background: #acc;
}
#corpo table.listato tbody td {
font-size: 0.9em;
letter-spacing: 0.05em;
text-align: center;
}
#corpo table.listato tbody td, th {
border-bottom: 4px solid #fff;
border-left: 1px dotted #fff;
vertical-align: top;
padding: 10px;
}

/* header */ 
	
#corpo table.listato thead th { /* headers oben */
padding: 2px 5px;
text-align: left;
background: #E10914; 
color: #fff;
letter-spacing: 0.2em;
font-weight: bold;
font-size: 0.8em;
text-transform: uppercase;
}

#corpo table.listato tbody th { 
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 0.9em;
letter-spacing: 0.1em;
line-height: 1.5em;
font-weight: normal;
}

#corpo table.listato tbody th h2{ 
text-align: left;
text-transform: uppercase;
font-size: 1em;
}		

/* colours */

#corpo table.listato tbody tr.odd th {
background: #E6E0C0; 
}
#corpo table.listato tbody tr.odd {
background: #E6E0C0; 
}

#corpo table.listato tbody tr th {
background: #b6e5ff; 
}
#corpo table.listato tbody tr {
background: #b6e5ff; 
}

/* footer */

#corpo table.listato tfoot th, #corpo table.listato tfoot td {
margin: 0;
border-top: 2px solid #fff;
padding: 5px 10px;
text-align: left;
background: #F8F12A; /* yellow */
color: #000;
}

#corpo table.listato tfoot th {
text-transform: uppercase;
letter-spacing: 0.2em;
border: none;
}

#corpo table.listato tfoot td {
padding-left: 10px;
}
	
/* links */	
	
#corpo table.listato tbody tr th a { /* blue */
color: #277ffe;
}

#corpo table.listato tbody tr.odd th a { /* beige */
color: #555;
}	
	
#corpo table.listato tbody td a {
color: #DF3985;
}

#corpo table.listato a:visited, #corpo table.listato tbody tr.odd th a:visited {
color: #999;
}

/****** Tabella trasporti ******/

#corpo table.trasporti {
	font: 75%/1.5em arial, geneva, sans-serif;
	border-collapse: collapse;
	margin-bottom: 20px;
}
	
#corpo table.trasporti th {  
	font-size: 1.2em;
	letter-spacing: 0.2em;
	text-align: left;
	background: #E10914; 
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	width: 150px;
}

#corpo table.trasporti td {
	font-size: 1.2em;
	letter-spacing: 0.05em;
	text-align: center;
	border-bottom: 4px solid #fff;
	border-left: 1px dotted #fff;
	width: 42px;
}

#corpo table.trasporti td.odd {
	background: #E6E0C0; 
}

#corpo table.trasporti td  {
	background: #b6e5ff; 
}

/****** Elenco pagine ******/

#corpo div.show_pages {
    text-align: right;
    margin: 15px 0px;
    font-size: 0.8em;
    color: #000;
}

#corpo div.show_pages div.tot_results{
	border-bottom: 1px solid #CCC; 
	margin-bottom: 5px;
}

#corpo div.show_pages div.list_pages{
	border-bottom: 1px solid #CCC;
    font-size: 0.7em;
}

#corpo div.show_pages span.this {
    color: #E10914;
	font-weight: bold;
}

#corpo div.show_pages a:link {
    color: #000;
	font-weight: normal;
}

#corpo div.show_pages a:visited {
    color: #000;
	font-weight: normal;
}

#corpo div.show_pages a:hover {
    color: #3366CC;
	font-weight: normal;
}

/****** Muro ringraziamenti ******/

#corpo div#muro {
    width: 738px;
	min-height: 430px;
    height: auto!important;
    height: 430px;
    background-image: url(http://www.infopointbari.com//img/template/muro.jpg);
    background-repeat: repeat;
}

#corpo div#muro div.postit {
    background-image: url(http://www.infopointbari.com//img/template/postit.gif);
    width: 185px;
    height: 189px;
    margin: 5px 16px;
    background-repeat: no-repeat;
    float: left;
}

#corpo div#muro div.text_postit {
    font-size: 9px;
	font-family: "Comic Sans MS";
    /*position: relative;
    top: 35px;
    left: 20px;*/
	padding: 35px 39px 5px 20px;
    width: 145px;
    height: 130px;
	overflow: hidden;
	/*z-index: 0;*/
}

/****** Lista autocompletamento ******/

div.autocomplete {
    position: absolute;
    width: 300px;
    background-color: #FFFFFF;
    border: 2px solid #606060;
    margin-top: 10px;
    padding: 3px;
    height: auto;
}

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

div.autocomplete ul li.selected {
    background-color: #F5F5F5;
}

div.autocomplete ul li {
    font-size: 9px;
    font-family: Verdana;
    font-weight: 900;
    display: block;
    margin: 0;
    padding: 2px;
    min-height: 20px;
    height: auto!important;
    height: 20px;
    cursor: pointer;
}

/****** Galleria foto ******/

#corpo a#invia_foto{
	display: block;
	width: 200px;
	padding-left: 50px;
	margin-top: 15px;
	height: 50px;
	background-image: url(http://www.infopointbari.com//img/template/menu/foto.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 50px;
	vertical-align: middle;
	margin-bottom: 0;
}

#corpo form span.margin_checkbox{
	margin-left: 30px;
	margin-right: 30px;
	display: inline-block;
	position: relative;
	top: -18px;
	text-align: justify;
	font-size: 0.8em;
}

#corpo form span.margin_checkbox p{
	margin-bottom: 4px;
}

#corpo #galleria_foto {
	margin-top: 15px;
	width: 98%;
	padding: 1%;
	background-color: #FF9999;
	border-top: 2px solid #E10914;
	border-bottom: 2px solid #E10914;
}

#corpo #galleria_foto a img{
	border: 0px;
}

/****** Top Home *******/
#corpo div.home{
	width: 100%;
}

#corpo div.top{
	height: 265px;
	overflow: hidden;}

#corpo div.top #la_provincia_di_bari{
	float: left;
}

#corpo div.top #presentazione{
	float: right;
}

/****** Prossimi eventi ******/

#corpo ul.prox_eventi{
	margin: 5px auto;
	width: 100%;
	padding: 0;
	list-style-type: none;
	font-size: 0.8em;
}

#corpo ul.prox_eventi li{
	float: left;
	width: 230px;
	height: 160px;
	margin-right: 7px;
	padding: 4px;
	display: block;
	background-color: #FFFFCC;
	overflow: hidden;
}

#corpo ul.prox_eventi li span.prox_eventi_date{
	display: block;
	font-size: 0.75em;
}

#corpo ul.prox_eventi li span.prox_eventi_citta{
	font-weight: bold;
	text-decoration: underline;	
}

#corpo ul.prox_eventi li h3{
	display: block;
	font-size: 0.9em;
	margin-bottom: 3px;
	border-bottom: 1px solid #E10914;
}

#corpo ul.prox_eventi li h3 a{
	font-weight: bold;
	color: #E10914;
}

#corpo ul.prox_eventi li h3 a:hover{
	color: #E10914;
	font-weight: bold;
}

#corpo ul.prox_eventi li h3 a:visited{
	color: #E10914;
	font-weight: bold;
}

#corpo ul.prox_eventi li a{
	font-weight: normal;
	color: black;
}

#corpo ul.prox_eventi li a:hover{
	font-weight: normal;
	color: black;
}

#corpo ul.prox_eventi li a:visited{
	font-weight: normal;
	color: black;
}

/****** Contatti rapidi ******/

#corpo p.info_mappa{
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	text-align: center;
}

#corpo p.info_mappa a#apri_mappa{
	font-size: 0.7em;	
}

#corpo ul.contatti_rapidi{
	margin: 5px auto;
	width: 100%;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	font-weight: bold;
}

#corpo ul.contatti_rapidi li{
	float: left;
	width: 243px;
	height: 110px;
	background-image: url(http://www.infopointbari.com//img/template/box-contatti.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 3px;
	display: block;
	overflow: hidden;
}

#corpo ul.contatti_rapidi li span.telefono{
	width: 215px;
	height: 22px;
	background-image: url(http://www.infopointbari.com//img/template/telefono.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 74px 14px 14px 14px;
	display: block;
	overflow: hidden;
	text-align: right;
}

#corpo ul.contatti_rapidi li span.email{
	width: 215px;
	height: 22px;
	background-image: url(http://www.infopointbari.com//img/template/email.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 74px 14px 14px 14px;
	display: block;
	overflow: hidden;
	text-align: right;
}

#corpo ul.contatti_rapidi li span.skype{
	width: 215px;
	height: 22px;
	background-image: url(http://www.infopointbari.com//img/template/skype.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 74px 14px 14px 14px;
	display: block;
	overflow: hidden;
	text-align: right;
}

/*** Vie del gusto ***/

.viegusto_link {
    text-align: center;
}

.viegusto_link img {
    cursor: hand;
    border: none;
    margin: 0px 3px;
}

#titolo {
    text-align: center;
    font-size: 18px;
    color: red;
}

#corpo #popup_newsletter{
	cursor: move;
	position: relative;
	top: -1300px;
	left: 160px;
	width: 400px;
	height: 200px;
	border: 3px solid #CCC;
	border-right-width: 5px;
	border-bottom-width: 5px;
	background-color: #FFFFCC;
	color: #000;
	z-index: 5;
	-moz-border-radius: 15px;
}

#corpo #popup_newsletter #up{
	width: 380px;
	height: 160px;
	padding: 10px;
	overflow: hidden;
}

#corpo #popup_newsletter #up h2{
	margin-bottom: 20px;
}

#corpo #popup_newsletter #up img{
	float: left;
	display: block;
	margin-top: 0;
}

#corpo #popup_newsletter #up p{
	margin-top: 0;
	text-align: right;
	font-size: 0.9em;
	display: block;
	font-style: italic;
	float: right;
	width: 55%;
	padding: 0;
}

#corpo #popup_newsletter #bottom{
	width: 380px;
	padding: 0 10px;
	height: 20px;
	font-size: 0.6em;
	text-align: right;
}

div.home p.info_rete{
	margin: 0 0 1px 0;
	font-size: 0.7em;
	font-style: italic;
	width: 100%;
	text-align: right;
	font-weight: bold;
}