/* css reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: top }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }

/* remember to define focus styles! */
:focus { outline: 0 }

/* remember to highlight inserts somehow! */
ins { text-decoration: none}
del { text-decoration: line-through }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }

/* end css reset */



/* common */

body { background-color: #ffffff; text-align: center; font-size: 10px }

#realSite { width: 980px; height: 100%; background-color: #dfdede; margin: 0px auto; text-align: left; position: relative }

input { width: 160px; font-size: 11px }

a.dart { font-size: 10px; font-family: Tahoma; color: #ff6602; text-decoration: none; font-weight: normal; cursor: pointer }
a.dart:hover { color: #666666 }

.documento { padding-bottom: 10px }

/* end common */



/* header */

#header { width: 100%; height: 118px; font-family: Verdana,Tahoma,Arial }
#header a { color: #B6CED9; text-decoration: none }
#header a:hover { color: #666666 }

#headerTop { width: 100% }

#headerTop #left { float: left; width: 260px }
#headerTop #left .banner{ height: 45px; margin-top: 15px; text-align: center }
#headerTop #left .Welcome { height: 13px; text-align: left; margin-top: 15px; margin-left: 20px }
#headerTop #headerLeft { float: left; width: 260px }
#headerTop #headerLeft .banner{ height: 45px; margin-top: 15px; text-align: center }
#headerTop #headerLeft .welcome { height: 13px; text-align: left; margin-top: 15px; margin-left: 20px }

#headerTop #middle { float: left; width: 460px }
#headerTop #middle .logo { height: 73px; text-align: center; background: #dfdede }
#headerTop #headerMiddle { float: left; width: 460px }
#headerTop #headerMiddle .logo { height: 73px; text-align: center; background: #dfdede }

#headerTop #right { float: left; width: 260px }
#headerTop #right .login { height: 60px }
#headerTop #right .time { height: 13px; text-align: right; margin-top: 15px; margin-right: 20px }
#headerTop #headerRight { float: left; width: 260px }
#headerTop #headerRight .login { height: 60px }
#headerTop #headerRight .time { height: 13px; text-align: right; margin-top: 15px; margin-right: 20px }

#headerBottom { float: left; width: 100%; height: 31px; background: #dfdede url('/img/headerBkg.gif') center top no-repeat; text-align: center; padding-top: 9px; font-family: Verdana,Tahoma,Arial; font-size: 11px; font-weight: bold }
#headerBottom a { color: #205394; text-decoration: none }
#headerBottom img { margin: 6px 9px 0px 9px }

/* end header */



/* body */

#body { width: 100%; font-family: Verdana,Tahoma,Arial }
#body a { color: #000000; text-decoration: none; cursor: pointer }
#body a:hover { color: #666666 }

#bodyCol { width: 100% }

#bodyCol #left { float: left; width: 260px; padding: 10px 0px 10px 0px; font-family: Verdana,Tahoma,Arial; font-size: 10px }
#bodyCol #left h2 a { font-weight: bold; color: #205394 }
#bodyCol #left h2 a:hover { color: #666666 }

#bodyCol #left .box { width: 260px; text-align: left; margin-bottom: 4px }
#bodyCol #left .box .top { height: 13px; background: url('/img/leftColBoxTop.jpg') center top no-repeat }
#bodyCol #left .box .middle { padding-left: 29px; padding-right: 29px; background: url('/img/leftColBoxMiddle.jpg') center top repeat-y }
#bodyCOl #left .box .space { height: 10px; background: url('/img/leftColBoxMiddle.jpg') center top repeat-y }
#bodyCol #left .box .bottom { height: 13px; background: url('/img/leftColBoxBottom.jpg') center bottom no-repeat }
#bodyCol #left .box h1 { font-weight: bold; color: #205394; font-size: 14px; margin-bottom: 8px }
#bodyCol #left .box h2 { font-weight: bold; color: #205394 }
#bodyCol #left .box img { margin-right: 5px }

#bodyCol #left .simplebox { width: 250px; text-align: left }
#bodyCol #left .simplebox .middle { padding-left: 20px; padding-right: 20px }
#bodyCOl #left .simplebox .space { height: 10px }
#bodyCol #left .simplebox h1 { font-weight: bold; color: #205394; font-size: 14px; margin-top: 16px }
#bodyCol #left .simplebox h2 { font-weight: bold; color: #205394 }
#bodyCol #left .simplebox img { margin-right: 5px }

#bodyCol #center { float: left; width: 460px; padding: 0px; font-family: Verdana,Tahoma,Arial; font-size: 11px }
#bodyCol #center h2 a { font-weight: bold; color: #000000 }
#bodyCol #center h2 a:hover { color: #666666 }

#bodyCol #center .box { float: left; width: 460px; text-align: left }
#bodyCol #center .box .top { height: 17px; margin-top: 10px }
#bodyCol #center .box .middle { background: url(/img/centerColBoxMiddle.gif) center top repeat-y; padding: 8px 25px 8px 25px }
#bodyCol #center .box .middle a.dart { font-size: 10px; font-family: Tahoma; color: #ff6602; text-decoration: none; font-weight: normal }
#bodyCol #center .box .middle a.dart:hover { color: #666666 }
#bodyCOl #center .box .space { height: 10px; background: url('/img/centerColBoxMiddle.gif') center top repeat-y }
#bodyCol #center .box .next { height: 10px; background: url('/img/centerColBoxMiddle.gif'); padding-top: 5px; padding-right: 25px; text-align: right }
#bodyCol #center .box .bottom { height: 13px; background: url(/img/centerColBoxBottom.gif) no-repeat bottom }
#bodyCol #center .box h2 { font-weight: bold; color: #000000; margin-bottom: 2px }
#bodyCol #center .box img { margin-right: 15px }

#bodyCol #center .box #primopiano { background: url(/img/centerColBoxTop_PP.gif) no-repeat bottom }
#bodyCol #center .box #notizie { background: url(/img/centerColBoxTop_UL.gif) no-repeat bottom }
#bodyCol #center .box #login { background: url(/img/centerColBoxTop_LG.gif) no-repeat bottom }

#bodyCol #right { float: left; width: 260px; padding: 10px 0px 10px 0px; font-family: Verdana,Tahoma,Arial; font-size: 10px }
#bodyCol #right h2 a { font-weight: bold; color: #ff6602 }
#bodyCol #right h2 a:hover { color: #666666 }

#bodyCOl #right .box { width: 260px; text-align: left; margin-bottom: 4px }
#bodyCol #right .box .top { height: 13px; background: url('/img/rightColBoxTop.jpg') center top no-repeat }
#bodyCOl #right .box .middle { padding-left: 29px; padding-right: 29px; background: url('/img/rightColBoxMiddle.jpg') center top repeat-y }
#bodyCOl #right .box .space { height: 10px; background: url('/img/rightColBoxMiddle.jpg') center top repeat-y }
#bodyCol #right .box .bottom { height: 13px; background: url('/img/rightColBoxBottom.jpg') center bottom no-repeat }
#bodyCol #right .box h1 { font-weight: bold; color: #ff6602; font-size: 14px; margin-bottom: 8px }
#bodyCol #right .box h2 { font-weight: bold; color: #ff6602 }
#bodyCol #right .box img { margin-right: 5px }

/* end body */



/* footer */

#footer { width: 100%; height: 36px; font-family: Verdana,Tahoma,Arial }
#footer a { color: #999999; text-decoration: none }
#footer a:hover { color: #666666 }

#footerCol { width: 100%; height: 36px; background: url('/img/footerBkg.gif') center top no-repeat }
#footerCol #left { float: left; width: 240px; text-align: left; padding-top: 6px; margin-left: 20px }
#footerCol #footerLeft { float: left; width: 240px; text-align: left; padding-top: 6px; margin-left: 20px }
#footerCol #middle { float: left; width: 460px; text-align: center; padding-top: 9px; font-family: Verdana,Tahoma,Arial; font-size: 9px; }
#footerCol #middle img { margin: 6px 9px 0px 9px }
#footerCol #footerMiddle { float: left; width: 460px; text-align: center; padding-top: 9px; font-family: Verdana,Tahoma,Arial; font-size: 9px; }
#footerCol #footerMiddle img { margin: 6px 9px 0px 9px }
#footerCol #right { float: left; width: 240px; text-align: right; padding-top: 8px; margin-right: 20px }
#footerCol #footerRight { float: left; width: 240px; text-align: right; padding-top: 8px; margin-right: 20px }

/* end footer */