@charset "iso-8859-1";
/* CSS Document */

/* Reset */
html, div, span, applet, object, iframe,blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, /img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, fieldset, form, label, legend,caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.clr {clear: both;}
table { border: 0}
td {  text-align: center}
td p { padding: 2px; margin: 0; text-align: left}
p { text-align: justify }
a { color: #333}
body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif; }
ul .none { margin: 0; padding: 0}
.cong-ev { font-size: 1.2em; text-align: center; font-weight: bold}
#mappa { width: 580px; height: 350px}
.infopaz a { color: #333; font-size: 0.9em}
/* Grandi Contenitori */

.big-wrap { width: 990px; margin: 0 auto; background: url(img/shadow.png) 0 20px no-repeat; position: relative; }
.wrap { width: 950px; margin: 0 auto; background: #FFF; position: relative; top: 30px; bottom: 20px}
.wrap-header {  position: relative}
.header { position: relative; height: 97px;  }
.wrap-mainmenu { position: relative}
.mainmenu {  border-bottom: 3px solid #003c8c }
.mainmenu .left { width: 167px; float: left; background: url(img/leftbg.png); height: 29px; border-right: 3px solid #003c8c;}
.mainmenu .right { border-left: 3px solid #003c8c;  width: 167px; float: right; height: 26px; background: #003c8c}

.topmenu {}
.wrap-footer { height: 30px; background-color: #003c8c; position: relative}
.footer { text-align: center; color: #FFF; font-size: 12px; position: relative; top: 5px }

.link a { text-decoration: none; font-size: 1.2em; font-weight: normal}


.wrap-main { background: #a9d4bf url(img/back-content.png) top center  } 
#colLeft {float: left; width: 167px; background: #FFF; height: 600px; border-right: 3px solid #003c8c;  }
#colRight {float: right;width: 167px; background: #FFF;    font-size: 12px; border-left: 3px solid #003c8c; }
#colRight #box { padding: 10px;}
#colRight #boxd { padding: 10px; font-size: 11px}
#colRight hr { background: #003c8c; height: 2px; border: 0px;}
#mainContent { margin: 0 170px; padding: 0 10px; font-size: 13px; padding-top: 20px; text-align: justify }

.header #logo { width: 259px; height: 97px; position: absolute; left: 12px}
.header #logo a { display: block; background: url(img/logo.png); width: 259px; height: 97px}

.header #logo2 { width: 137px; height: 97px; position: absolute; right: 0}
.header #logo2 a { display: block; background: url(img/logo2.jpg); width: 137px; height: 97px}

#mainContent ul {  }
#mainContent a { color: #000; }
#mainContent li { list-style-type: decimal; }

#mainContent ul.none li { list-style-type: disc; margin: 10px 0}
.center { text-align: center}

/* MAIN-MENU */
.mainmenu .main ul { padding: 0; margin: 0; border-top: 3px solid #003c8c; }
.mainmenu .main li { list-style: none; margin: 0; float: left}

li a#chisiamo { background: url(img/menu/chisiamo.png); width: 68px; height: 26px; display: block} 
li a:hover#chisiamo { background: url(img/menu/chisiamo.png) center bottom; width: 68px; height: 26px; display: block}
li a#chisiamo-curr { background: url(img/menu/chisiamo.png) center bottom; width: 68px; height: 26px; display: block} 

li a#ambulatori { background: url(img/menu/ambulatori.png); width: 80px; height: 26px; display: block} 
li a:hover#ambulatori { background: url(img/menu/ambulatori.png) center bottom; width: 80px; height: 26px; display: block} 
li a#ambulatori-curr { background: url(img/menu/ambulatori.png) center bottom; width: 80px; height: 26px; display: block} 

li a#attchir { background: url(img/menu/attchir.png); width: 130px; height: 26px; display: block} 
li a:hover#attchir { background: url(img/menu/attchir.png) center bottom; width: 130px; height: 26px; display: block} 
li#attchir-curr { background: url(img/menu/attchir.png) center bottom; width: 130px; height: 26px; display: block}

li a#pubb { background: url(img/menu/pubb.png); width: 90px; height: 26px; display: block} 
li a:hover#pubb { background: url(img/menu/pubb.png) center bottom; width: 90px; height: 26px; display: block} 
li#pubb-curr { background: url(img/menu/pubb.png) center bottom; width: 90px; height: 26px; display: block}

li a#congressi { background: url(img/menu/congressi.png); width: 70px; height: 26px; display: block} 
li a:hover#congressi { background: url(img/menu/congressi.png) center bottom; width: 70px; height: 26px; display: block} 
li#congressi-curr { background: url(img/menu/congressi.png) center bottom; width: 70px; height: 26px; display: block}

li a#programmi { background: url(img/menu/programmi.png); width: 172px; height: 26px; display: block} 
li a:hover#programmi { background: url(img/menu/programmi.png) center bottom; width: 172px; height: 26px; display: block} 
li#programmi-curr { background: url(img/menu/programmi.png) center bottom; width: 172px; height: 26px; display: block}

/* MAIN-MENU */

.mainmenu .main ul { padding: 0; margin: 0;  }
.mainmenu .main li { list-style: none; margin: 0; float: left}

li a#chisiamo { background: url(img/menu/chisiamo.png); width: 68px; height: 26px; display: block} 
li a:hover#chisiamo { background: url(img/menu/chisiamo.png) center bottom; width: 68px; height: 26px; display: block}
li a#chisiamo-curr { background: url(img/menu/chisiamo.png) center bottom; width: 68px; height: 26px; display: block} 

li a#ambulatori { background: url(img/menu/ambulatori.png); width: 80px; height: 26px; display: block} 
li a:hover#ambulatori { background: url(img/menu/ambulatori.png) center bottom; width: 80px; height: 26px; display: block} 
li a#ambulatori-curr { background: url(img/menu/ambulatori.png) center bottom; width: 80px; height: 26px; display: block} 

li a#attchir { background: url(img/menu/attchir.png); width: 130px; height: 26px; display: block} 
li a:hover#attchir { background: url(img/menu/attchir.png) center bottom; width: 130px; height: 26px; display: block} 
li a#attchir-curr { background: url(img/menu/attchir.png) center bottom; width: 130px; height: 26px; display: block}

li a#pubb { background: url(img/menu/pubb.png); width: 90px; height: 26px; display: block} 
li a:hover#pubb { background: url(img/menu/pubb.png) center bottom; width: 90px; height: 26px; display: block} 
li a#pubb-curr { background: url(img/menu/pubb.png) center bottom; width: 90px; height: 26px; display: block}

li a#congressi { background: url(img/menu/congressi.png); width: 70px; height: 26px; display: block} 
li a:hover#congressi { background: url(img/menu/congressi.png) center bottom; width: 70px; height: 26px; display: block} 
li a#congressi-curr { background: url(img/menu/congressi.png) center bottom; width: 70px; height: 26px; display: block}

li a#programmi { background: url(img/menu/programmi.png); width: 172px; height: 26px; display: block} 
li a:hover#programmi { background: url(img/menu/programmi.png) center bottom; width: 172px; height: 26px; display: block} 
li a#programmi-curr { background: url(img/menu/programmi.png) center bottom; width: 172px; height: 26px; display: block}

.linkpdf { text-align: center; }
.linkpdf a { color: #000; font-weight: bold }

/* TOP-MENU */

.topmenu { float: right; position: absolute; right: 170px; top: 55px}
.topmenu  ul { padding: 0; margin: 0;  }
.topmenu  li { list-style: none; margin: 0; float: left; padding: 0px 15px;}

li a#link { background: url(img/menu/link.png); width: 58px; height: 23px; display: block} 
li a:hover#link { background: url(img/menu/link.png) center bottom; width: 58px; height: 23px; display: block}
li a#link-curr { background: url(img/menu/link.png) center bottom; width: 58px; height: 23px; display: block} 

li a#news { background: url(img/menu/news.png); width: 58px; height: 23px; display: block} 
li a:hover#news { background: url(img/menu/news.png) center bottom; width: 58px; height: 23px; display: block}
li a#news-curr { background: url(img/menu/news.png) center bottom; width: 58px; height: 23px; display: block} 

li a#comerag { background: url(img/menu/raggiungerci.png); width: 120px; height: 23px; display: block} 
li a:hover#comerag { background: url(img/menu/raggiungerci.png) center bottom; width: 120px; height: 23px; display: block}
li a#comerag-curr { background: url(img/menu/raggiungerci.png) center bottom; width: 120px; height: 23px; display: block} 

li a#contatti { background: url(img/menu/contattaci.png); width: 70px; height: 23px; display: block} 
li a:hover#contatti { background: url(img/menu/contattaci.png) center bottom; width: 70px; height: 23px; display: block}
li a#contatti-curr { background: url(img/menu/contattaci.png) center bottom; width: 70px; height: 23px; display: block} 


/* form */

#wrap-contact #left { color: #666; }
#wrap-contact #left #field { margin: 10px 0}
#field-date { margin: 10px 0; height: 20px; }
#field-date span { margin: 0 10px }
#wrap-contact #left #field span { margin: 0 10px }
#wrap-contact #left a { color: #666 }

input { border: 1px solid #CCC; padding: 3px 0; color: #000; background-color: #F7F7F7}
textarea { color: #000; width: 400px; padding: 10px; font-size: 1em; border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; background-color: #F7F7F7}


#send-button { background: url(img/send-button.png) top center; border:0 none; margin: 5px; height: 37px; width: 134px; cursor: pointer; float: right  }
#send-button:hover { background: url(img/send-button.png) bottom center; border:0 none; height: 37px; width: 134px; cursor: pointer  }

