/* Import file esterni
----------------------------------------------------------------------------------------------------*/
@import url(reset.css);


/* Regole generali
----------------------------------------------------------------------------------------------------*/
a {
  text-decoration:none;
  color:#333333;
}
a.active, .active a, a:hover {
  color:#000000;
}

/* Fonts
----------------------------------------------------------------------------------------------------*/
body {
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,Verdana,sans-serif;
  font-size:11px;
}
h1,h2,h3,h4,h5,h6,.navigation {font-family:Georgia,Arial,Verdana,sans-serif;}

/* Classi utili
----------------------------------------------------------------------------------------------------*/

/* Container
----------------------------------------------------------------------------------------------------*/
#container {
  width:960px;
  margin:0px auto;
  margin-top:30px;
}

/* Header
----------------------------------------------------------------------------------------------------*/
#header {
  position:relative;
}

#brand {text-align:center;}
  #brand a {
    display:block;
    width:110px;
    height:58px;
    background:url('../../images/commons/brand-labadiola.gif') no-repeat top left;
    margin:0px auto;
  }

#languages {
  position:absolute;
  right:0;
  top:0;
  font-size:9px;
  text-transform:uppercase;
  color:#999;
}
  #languages a {color:#999;}
  #languages a:hover {color:#666; text-decoration:underline;}

.navigation {
  margin:25px 0 5px 0;
  font-size:14px;
  position:relative;
}
.navigation a {color:#000;}
.navigation a:hover {text-decoration:underline;}
.navigation a.hak-1 {position:absolute; display:block; right:0; top:0;}
.margin_it a {margin-right:50px;}
.margin_en a {margin-right:47px;}
.margin_fr a {margin-right:43px;}


/* Canvas che contiene immagine header
----------------------------------------------------------------------------------------------------*/
#canvas {
  padding:10px 0;
  border:1px solid #9b8f88;
  border-left:none;
  border-right:none;
  position:relative;
}

#signpost {
  position:absolute;
  left:40px;
  top:45px;
  z-index:1000;
  /*background-color:#dfdfdf;*/
  width:215px;
  /*padding:8px;*/
  border:8px solid #dfdfdf;
  background-color:#fff;
  padding:1px;
}
  .spacer {
    padding:1px;
    background-color:#fff;
  }
  .poster {
    padding:5px;
    border:1px solid #d7d7d7;
    background-color:#fff;
    color:#666;
    height:120px;
  }
  .textposter {
    width:210px;
    position:absolute;
    top:170px;
  }
  
  /* .landana {background:url('../../images/landana/brand.jpg') no-repeat center 15px;}*/
  .landana {
    text-align:center;
  }

/* Content
----------------------------------------------------------------------------------------------------*/
#content {
  font-size:13px;
  margin:30px 0 10px 0;
  padding: 0 0 20px 0;
  border-bottom:1px solid #d6d6d6;
}


/* Menu
----------------------------------------------------------------------------------------------------*/
#menu {
  float:left;
  margin-left:50px;
  max-width:290px;
}

  #menu a {color:#777;}
  #menu a.active, #menu a:hover {color:#000;}
  
  #menu ul.w1 li {padding:3px 0;}
  #menu ul.w1 li a {margin-left:4px;}
  
  
  #menu ul.w2 {
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    margin-top:5px;
    padding:3px 0;
  }
  #menu ul.w2 li {padding:1px 0;}
  #menu ul.w2 li a {padding:0 15px 0 11px;display:block;}

/* Main
----------------------------------------------------------------------------------------------------*/
#main {
  float:right;
  width:585px;
  color:#333;
  line-height:18px;
  text-align:justify;
}

#main p {
	margin:0 0 13px;
}
  #main h2 {font-size:26px; margin-bottom:20px;}
  
#main li{
  list-style:disc;
  margin-left: 15px;
}

/* Gallery
----------------------------------------------------------------------------------------------------*/
#gallery {
  /*background-color:red;*/
  margin-left:50px;
}
  #gallery a {margin-right:15px;}


/* Footer
----------------------------------------------------------------------------------------------------*/
#footer {
  text-align:right;
  margin:0 0 20px 0;
}

  .links { text-transform:uppercase; }
    .links a { margin-right:30px; }
  
  .data { 
    font-size:10px;
    margin-top:30px; 
    color:#999;
  }


/* gestione margini
----------------------------------------------------------------------------------------------------*/
.alpha, a.alpha {margin-left:0px;}
.omega, a.omega {margin-right:0px;}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* form
----------------------------------------------------------------------------------------------------*/
form label {
  float:left;
  margin-right:10px;
  text-align:left;
  width:130px;
}

input[type="checkbox"]{
  width: 10px;
}

input[type="submit"]{
  margin-top: 10px;
}

input, select, textarea {
  border:1px solid #777777;
  font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Verdana,sans-serif;
  font-size:11px;
  padding:2px;
  width:220px;
}
form div {
  margin: 10px 0;
}

.errorExplanation {
  color: #850000;
  margin: 10px 0 15px;
}
  
#errorExplanation h2{
  font-size: 13px;
  font-weight:bold;
  font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,Verdana,sans-serif; 
  margin-bottom: 5px;
} 

.notice p {
  color:#127b23;
	margin-bottom: 10px 0px;
}
.left {
  float:left;
  width: 350px;
}

.right {
  float:right;
  width: 200px;
}

.right input, .right select, .right textarea {
  width: 200px;
}

.right form label {
  width: 150px;
}

.right input[type="checkbox"]{
  width: 10px;
}

/* events and proposals
----------------------------------------------------------------------------------------------------*/
.item {
  float: left;
  width: 285px;
  margin: 10px 15px 10px 0px;
}

.top {
  background-color: #E7E2E2;
}

.odd {
  margin-right: 0;
}

.item .item_image {
  float:left;
  height:100px;
  margin-right:10px;
  width:100px;
}

.item .testo {
  float:left;
  width: 175px;
}

.item .title {
  font-family: 'Georgia',Arial,Verdana,sans-serif;
  font-weight: bold;
  padding-top: 8px;
}

.item .abstract, .item .creation_date, .item .validity, .item .subtitle {
  color:#777777;
  font-size:11px;
}

.item h3 {
  padding-bottom: 8px;
}

#main p.validity, #main p.creation_date {
  padding: 0px;
}

.event_image, .proposal_image {
  height:100px;
  width:100px;
  float:left;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0px;
  vertical-align: top; 
}

#main p.titolo{
	text-transform:uppercase;
	font-weight:bold;
}

.center{
	text-align:center;
}

/* tabelle
----------------------------------------------------------------------------------------------------*/
table caption {
  border: 1px solid #cccccc;
  text-align: center;
  padding: 5px 0px;
}

.border {
  border: 1px solid  #cccccc;
}

.border td, .border th {
  border: 1px solid  #cccccc;
  padding: 5px 10px;
}

.noborder td, .noborder th {
  padding: 5px 15px 5px 0;
}

.noborder tr {
  height: 15px;
}

/* photogallery
----------------------------------------------------------------------------------------------------*/
#photogallery {
  margin: 20px 0px 0px;
}

#photogallery img {
  margin: 10px 35px 10px 0px;
}

#photogallery img.last {
  margin: 10px 0px;
}

.img-right{
	float:right;
	margin: 0 0 10px 10px;
}

#loghi-andana{
	float:left;
}

.privacy{
	color:#888888;
	font-size:9px;
}

#main a{
	text-decoration:underline;
}