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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
strong { font-weight: bold; }
a:link, a:visited, a:hover, a:active { text-decoration: none; color: #0CB14B; }
html,body{margin:0;padding:0}
.clear{clear:both;}
body{color: #222;font: 76% arial,sans-serif;text-align:center; background: #E6E7E8 url(images/bg.jpg) repeat-x left top;}
p{margin:10px 0}
h1 { font-family: verdana; color: #0cb14b; font-size: 30px; font-weight: normal;border-bottom: 2px solid #EEE;margin-bottom: 15px;}
h2 { font-family: verdana; color: #0cb14b; font-size: 20px; font-weight: normal;margin-bottom: 10px;}
h2.news { color: #222;font-size: 16px;}
h2.news a:link, h2.news a:visited, h2.news a:hover, h2.news a:active { color: #222;}
.subtitle { font-family: verdana; color: #0cb14b; font-size: 20px; font-weight: normal;margin-bottom: 10px;}
div#header{position: relative;height:78px;line-height:78px;margin:0;padding-left:10px;background: #FFF;color: #79B30B; background: #E6E7E8 url(images/bg-header.jpg) repeat-x left top;}
div#header h1{
position: absolute;
left: 30px;
top: 10px;
width: 201px;
height: 111px;
background: #E6E7E8 url(images/logo.jpg) no-repeat left top;
}
div#header .slogan{
position: absolute;
right: 110px;
bottom: 10px;
width: 589px;
height: 27px;
background: #E6E7E8 url(images/slogan.jpg) no-repeat left top;
}
div#header h1 a {display: block; height: 100%; text-indent: -9999px;}
div#container{text-align:left}
div#content p{line-height:1.4; text-align: justify;}
div#navigation{}
div#extra{}
div#footer{background: #FFF; color: #86c987; font-size: 9px;padding: 10px;}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {color: #86c987; text-decoration: none;}
div#footer p{margin:0;padding:5px 10px}
div#navigation {padding-top: 100px;background:#FFF;}
div#extra {padding-top: 100px;}
div#wrapper { padding-top: 41px; background:#FFF;min-height: 450px;}
div#container{width:960px;margin:0 auto}
div#wrapper{float:left;width:100%; background: #FFF;}
div#content{margin: 0 210px 0 190px}
.internal #content { margin: 0 220px 0 195px; padding-top: 45px;}
.internal #content-bases { margin: 0 225px 0 175px;text-align: justify; padding-top: 45px;}
div#navigation{float:left;width:150px;margin-left:-960px}
div#extra{float:left;width:200px;margin-left:-200px;background:#FFF;}
div#footer{clear:left;}
#navigation ul li {
height: 23px;
line-height: 23px;
margin-left: 30px;
margin-bottom: 5px;
}
#navigation ul li a {
display: block; height: 100%; text-indent: -9999px;
background-color: transparent;
background-image: url(images/navigation.jpg);
background-repeat: no-repeat;
}
#navigation ul li.home {
margin-left: 12px;
height: 30px;
line-height: 30px;
margin-top: 25px;
}
#navigation ul li.link_1 a { background-position: 0 0;}
#navigation ul li.link_2 a { background-position: 0 -28px;}
#navigation ul li.link_3 a { background-position: 0 -56px;}
#navigation ul li.link_4 a { background-position: 0 -84px;}
#navigation ul li.link_5 a { background-position: 0 -112px;}
#navigation ul li.link_6 a { background-position: 0 -140px;}
#navigation ul li.link_7 a { background-position: 0 -168px;}
#navigation ul li.link_8 a { background-position: 0 -195px;}
#news {
background: transparent url(images/box-top.jpg) no-repeat left top;
color: #FFF;
}
#news h3 {height: 45px;background: transparent url(images/title-news.jpg) no-repeat 10px 15px;text-indent: -9999px;}
#news .inner {padding-left: 10px;width: 140px;}
#news .news {
padding: 5px 0;
border-bottom: 1px solid #FFF;
}
#news .bottom{
height: 47px;
position: relative;
background: transparent url(images/box-bottom.jpg) no-repeat left top;
}
#news .bottom a:link, #news .bottom a:visited, #news .bottom a:hover, #news .bottom a:active {
color: #FFF;
position: absolute;
bottom: 22px;
right: 49px;
}
#home-box {
position: relative;
width: 555px;
height: 430px;
background: transparent url(images/home.jpg) no-repeat center bottom;
/*  margin-top: 30px;*/
}
#home-box .content{
position: absolute;
top: 0px;
right: -190px;
width: 308px;
height: 144px;
background: transparent url(images/content-top.jpg) no-repeat top left;
}
#footer { position: relative; }
#footer .left {
position: absolute;
left: 20px;
bottom: 10px;
}
#footer .right {
float: right;
width: 670px;
}
#bases {
width: 100%;
height: 100%;
position: relative;
}
#bases li {
position: absolute;
display: block;
width: 50px;
height: 25px;
}
#bases li a {
display: block;
height: 100%;
text-indent: -9999px;
}
#bases li.link_1 { top: 200px; left: 100px;}
#bases li.link_2 { top: 165px; left: 295px;}
#bases li.link_3 { top: 228px; left: 490px;}
#bases li.link_4 { top: 300px; left: 100px;}
#bases li.link_5 { top: 275px; left: 270px;}
#bases li.link_6 { top: 275px; left: 0; width: 100%; height: 200px; top: 140px;height: 125px;}
#subscribe-button {display: block; margin: 20px 0 0 30px; }
span.date { color: #0CB14B; margin-bottom: -20px; font-size: 12px;}
h2.date { margin-top: -5px;}
#base.creative-intenzioni { background: transparent url(images/header-1.jpg) no-repeat left top; min-height: 400px;}
#base.culture-trasmesse { background: transparent url(images/header-2.jpg) no-repeat left top; min-height: 400px;}
#base.evasioni-locali { background: transparent url(images/header-3.jpg) no-repeat left top; min-height: 400px;}
#base.soggiorni-non-obbligati { background: transparent url(images/header-4.jpg) no-repeat left top; min-height: 400px;}
#base.passaggi-a-nord-ovest { background: transparent url(images/header-5.jpg) no-repeat left top; min-height: 400px;}
#base h1 { color: #000; border-bottom: none; }
#base .inner { padding-left: 65px; padding-top: 120px;}
/*#base .inner h2 { color: #FFF; background: #000; padding: 2px 5px; font-size: 18px; margin-top: 120px; width: 250px;}*/
h3 {margin-bottom: 10px; font-family: verdana; color: #0cb14b; font-size: 18px; font-weight: normal;}
#partners { position: relative; }
#partners img.title-1 {
position: absolute;
top: 0;
left: 0;
}
#partners img.title-2 {
position: absolute;
top: 0;
left: 470px;
}