@import url('fonts/stylesheet.css');

/*-- reset --*/

* { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: 0; }
h1, h2, h3 { font-weight: normal; }
p { line-height: 18px; }
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }
.clearer { clear: both; }

/*-- links --*/

a, a:visited {
  color: #007FBF;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #007FBF;
  text-decoration: none;
  cursor: pointer;
}

/*-- structure --*/

body {
  font-size: 12px;
  font-family: Arial, Tahoma, sans-serif;
  color: #333;  
  background-color: #FFF;
}

.wrapper {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

#header {
  position: relative;
  width: 100%;
  height: 503px;
  overflow: hidden;
}

#header_logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -480px;
  width: 100%;
  height: 100px;
  background-color: #007FC0;
}

#header_logo .logo { position: absolute; top: 0; left: 0; }
#header_logo .title { position: absolute; bottom: 10px; left: 125px; }
#header_logo .subtitle { position: absolute; bottom: 15px; left: 706px; }

#header_menu {
  position: absolute;
  top: 457px;
  right: 50%;
  margin: 0 -480px 0 0;
  width: 100%;
  height: 46px;
  background-image: url(images/6.png);
  background-repeat: repeat-x;
  background-position: 0 3px;
  z-index: 90;
}

#menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 950px;
  height: 46px;
  overflow: hidden;
}

#menu li {
  float: left;
  font-size: 18px;
  font-family: 'BebasNeueRegular', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #FFF;
  border-left: 1px solid #FFF;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin: 3px 0 0 0;
}

#menu li:last-child { border-right: 1px solid #FFF; }

#menu li a { color: #FFF; height: 46px; margin: 0 10px 0 10px; }

#menu li.active, #menu li:hover { 
  margin-top: 0;
  background-image: url(images/7.png);
  background-repeat: repeat-x;
  height: 46px;
  line-height: 46px;
}


#lingue {
  position: absolute;
  top: 0;
  right: 0;
  height: 46px;
  overflow: hidden;
}

#lingue li {
  float: left;
  font-size: 18px;
  font-family: 'BebasNeueRegular', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #FFF;
  border-left: 1px solid #FFF;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin: 3px 0 0 0;
}

#lingue li:last-child { border-right: 0; }

#lingue li a { color: #FFF; height: 46px; margin: 0 10px 0 10px; }

#lingue li.active, #lingue li:hover { 
  margin-top: 0;
  background-image: url(images/7.png);
  background-repeat: repeat-x;
  height: 46px;
  line-height: 46px;
}




#content { width: 960px; margin: 0 auto; overflow: hidden; padding-top: 30px; } 

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column { margin: 0 10px; overflow: hidden; float: left; display: inline; }
.row { width: 960px; margin: 0 auto; overflow: hidden; }
.row .row { margin: 0 -10px; width: auto; display: inline-block; }

.border_top { border-top: 1px dotted #999; }
.border_bottom { border-bottom: 1px dotted #999; }
.padding_top { padding-top: 10px; }
.padding_bottom { padding-bottom: 20px; }

h2 {   
  font-size: 24px;
  font-family: 'BebasNeueRegular', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #333333;
  margin-bottom: 20px;
}

h2.grey { 
  color: #CCC;
}

h2 a, h2 a:hover, h2 a:visited { color: #333333; }

h3 {   
  margin-bottom: 15px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #007FBF;
}

h4 {   
  margin-bottom: 5px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #007FBF;
}

p {
  font-size: 12px;
  color: #333;
  line-height: 16px;
}

.news { margin-bottom: 20px; }
.news p { margin-bottom: 20px; }
.img_news { border-top: 3px solid #007FBF; border-bottom: 3px solid #007FBF; margin-bottom: 10px; }

#agenda { }
#agenda li { border-top: 1px dotted #999; padding-top: 10px; }
#agenda h3 { height: auto; margin-bottom: 5px; line-height: 18px; font-size: 14px; font-weight: bold; color: #007FBF; }
#agenda p { font-size: 12px; color: #333; line-height: 16px; margin-bottom: 10px; }

#agenda li:first-child { border: 0; padding-top: 0; }

#submenu {  }
#submenu li { font-size: 12px; color: #007FBF; margin-bottom: 10px; }
#submenu li a { color: #007FBF; }
#submenu li.active, #submenu li a:hover { font-weight: bold; }

#text { margin: 0; padding: 0; }
#text h3 { height: auto; padding-top: 10px; margin-bottom: 10px; line-height: 18px; font-size: 14px; font-weight: bold; color: #333; }

#text p {  font-size: 12px; color: #333; line-height: 16px; margin-bottom: 10px; margin-right: 20px; }

.lista { margin-bottom: 15px; font-size: 12px; }

.lista li {
  font-size: 12px;
  color: #333333;
  margin-bottom: 5px;
  padding-left: 25px;
  background-image: url(images/109.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  line-height: 18px;
}

#images { margin-top: 50px; }
#images .image_220 { width: 220px; height: auto; }
#images .image_alt { margin-bottom: 10px; font-size: 11px; color: #666; }
#images p { margin-bottom: 10px; }

#article_list { margin-top: 20px; }
#article_list li { font-size: 12px; color: #333; margin-bottom: 5px; }

.img_photo { width: 60px; height: auto; margin: 0 10px 10px 0; border: 1px dotted #DDD; padding: 3px; }

#footer {
  clear: both; width: 960px; margin: 0 auto; overflow: hidden;
  margin-top: 60px; height: 150px;
}

#footer .footer_logo { float: left; margin-right: 20px; }
#footer p { float: left; } 
#footer .footer_title { color: #007FBF; font-weight: bold; }
#footer .credit { float: left; margin-right: 10px; color: #333333; }

.press {}
.press li { margin-bottom: 10px; }

.newsletter {}
.newsletter .textfield { background-color: #DDDDDD; border: 0; margin: 10px 0 10px 0; font-color: #333333; padding: 3px; width: 200px; font-size: 11px; }
.newsletter .button { width: 100px; padding: 5px; background-color: #007FBF; color: #FFFFFF; border: 0; }

.ricerca { overflow: hidden; margin-bottom: 30px; }
.ricerca .text { float: left; background-color: #DDDDDD; border: 0; margin: 0 10px 0 0; font-color: #333333; padding: 3px; width: 150px; font-size: 11px; line-height: 11px; }
.ricerca .button { float: left; width: 50px; padding: 3px; background-color: #007FBF; color: #FFFFFF; border: 0; font-size: 11px; line-height: 11px; }

#accordion h3 { cursor: pointer; }

.form { }
.form label { font-weight: bold; }
.form .text { margin-top: 2px; margin-bottom: 10px; padding: 5px; font-size: 12px; font-family: Arial, Tahoma, sans-serif; color: #333333; border: 1px dotted #999999; width: 350px;  }
.form .button { display: block; width: 100px; height: 30px; line-height: 30px; vertical-align: middle; text-align: center; margin-bottom: 10px; font-size: 12px; font-family: Arial, Tahoma, sans-serif; color: #FFFFFF; background-color: #007FBF;  }
.form .button:hover { background-color: #007FBF; }
.form .numero { width: 50px; }

.rosso { color: red; font-weight: bold; }

.fit, .manifesto { width: 100%; height: auto; }
.mb { margin-bottom: 20px; }
.manifesto { margin-bottom: 20px; }