/* Cleaner */
* {
	margin:0;
	padding:0;/*	border: 1px solid black;*/
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}






/* Typografic */

a, a:visited {
	text-decoration:none;
	color: #b11313; 
}

a:hover, a:active {
	text-decoration: underline;
}

#header a {
	/* overrides background color in links for menu */
	background-color: transparent;
	color: #666;
}

#breadcrump a {
	/* overrides background color in links for menu */
	background-color: transparent;;
	font-size: 0.8em;
}

.bigger  {
       font-size:140%; 
}

.smaller  {
       font-size:70%; 
}

a.image img {
	border: 0px;
}


p  {
	color: #333;
		font-size: 0.7em;
}


h2 {
	font-size: 110%;
	margin-bottom:5px;
	font-weight:normal;
}

h3 {
	font-size: 0.875em;
	margin-bottom:5px;
	font-weight:bold;
}

ul {
	color :#5c5440;
	line-height: 1.5em; 
	font-size: 0.8em;	
}

/* LAYOUT */


a.image img {
	border: 0px;
}

ul li  {
	color:#333;
	margin-left: 15px;
}


h1 {
	Font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
/*	color:#4a6a67;*/ 
	/* color: #29a304; green */
	margin-bottom: 5px;
	font-weight:normal;
	line-height:1.3;
}

h1 a {
	/* color:#4a6a67; */ 
	font-style:normal;
}

h1 a:hover  {
	/* color:#4a6a67;  */
}




/* LAYOUT */
body {
	color:#333;
	text-align: left;
	font-family: bodoni, verdana, helvetica, sans-serif;
	font-weight:normal;
	background: #333;
	line-height: 1.5;
	margin:10px; padding:0;

}

#logo {
	
	height: 100px;
	margin-left: 700px;
	margin-top: 23px;
	padding-top: 5px;
}

.title_red {
	font-size: 1.3em;
	color: #b11313;		
	font-weight: bold;
	}

.title_grey {
	font-size: 1.3em;
	color: #666;		
}

#tagline  {
	height: 40px;
	text-align: center;
	background: #b11313;	
	margin-bottom: 20px;	
opacity:0.9;
filter:alpha(opacity=100);

		}

#tagline p {
	padding-top: 10px;
	font-size: 70%;
	color: #fff;		
}


#accessibility {
	float: right;
	padding: 5px;
}

#accessibility a:visited {
	border: none;
}
/* --- Top menu -- */
#topbar {
	border-bottom: 40px solid #0faf2d;
	text-align: left;
	color: #fff;
	padding-left: 10px;
	font-size: 80%;
}


#main-menu {
	height: 24px;
	padding-top: 5px;
	Font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

#main-menu ul li a {
	color: #333;
}

#main-menu ul li a:hover {
        color: #ccc;
	text-decoration: none;
}

#main-menu ul li {
display: inline;
float: left;
}

#main-menu ul li.selected {
	display: inline;
        color: #fff;
}

#sub-menu {
	padding-left: 5px;
	height: 22px;
	/*border-top: 2px solid #fff;*/
	/*border-bottom: 2px solid #fff; */
	/*background-color: #0066cc /*#999;*/
	background-image: url('../img/template/default/menu_g.jpg');
}


#search-box {
	width: 60px;
	height:15px;
	vertical-align:top !important;
}

/* CONTENT */


#board {
color: #b11313;
}

#board_text h1 {
font-size: 1.1em;
font-weight: bold;
}

#board_text {
position: absolute;
top: 240px;
margin-left: 10px;
padding: 20px;
color: #b11313;
font-weight: bold;
width: 400px;
background-color: #ccc;
opacity:0.7;
filter:alpha(opacity=80);

}


/* BLOCKS */

#breadcrump {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	clear:both;

	text-align:left;
	font-size: 70%;
	background-color: #f4f4f4;
}


/*TABLES */
/* contenttable */
.contenttable td {
	background-color: #EFEFEF;
	padding: 5px;
	border: 1px solid #cccccc;
}


/* FORMS */
form {margin: 0 0 1.5em}
input, textarea, select { line-height: 1.5em;background: #f4f4f4; font-family: Arial; padding: 3px; margin: 2px 10px; border: 1px solid #999}
fieldset {border: none}
label {display:block;padding: 3px 10px; font-size: 80%;}
label br {clear:left}

#mailform {background:  #ccc; font-size: 90%;}
#mailformtext {background:  #f4f4f4; font-size: 90%;}

/* the authors */
#splash_activity { margin-top: 16px; margin-bottom: 0; height: 80px; }
#splash_activity a { color: #666666; text-transform: uppercase; font-weight: bold; }


/**** BUTTONS ****/
/* These should look the same as actual button tags and input type="submit".  See those definitions above */
.button {
  display: inline-block;
  color: white;
  font-size: 11px;
  padding: 1px 8px 2px;
  text-transform: uppercase;
  font-weight: bold;
  height: 17px;
  line-height: 20px;
  width: 160px;
}
.ie7 .button {
  padding: 0px 8px 3px;
}
.button.red, input[type="submit"].red, button.red {
  background-color: #ef4135;
}

a.button { color: white; }
a.button:link { color: white; }
a.button:visited { color: white; }
a.button:active { color: white; }
a.button:hover { color: white; }

.button_wrap {
  height: 32px;
  line-height: 32px;
}
.button_shrink_wrap { /* Used when a button is the bottom element or it needs wrapping divs inside it */
  height: 20px;
}
/* This is required for a standalone button to be vertically centered in Safari/FF.
   :after doesn't work in IE7 but fortunately IE does not need it */
.button_wrap:after {
  content: '\00a0';
}
.button_wrap a, .button_shrink_wrap a {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

/* Make all button types line up with a.button */
.button_wrap .button {
  position: relative;
}
.mac.ff3 .button_wrap .button {
  top: -1px;
}
.ie7 .button_wrap .button {
  top: 5px;
}

/* Colors */
.orange  {
  background-color: #f7941e;
}
.green_pt  {
  background-color: #77b800;
}

.azzurro  {
  background-color: #299ecc;
}

.grigio_chiaro  {
  background-color: #f8f7f6;
}

.greenbg { background-color: #0faf2d !important; color: #fff !important; }

.redbg { background-color: #b11313 !important; color: #fff !important; } 


/* horinaja default */
.horinaja ul{position:relative;}
.horinaja ul li{background:transparent;display:block;top:0; padding:0; margin:0;}
/* horinaja pagination */
ol.horinaja_pagination{height:40px;margin: 0 auto;position:relative;background:transparent;padding:5px 0 0 0;clear:both;}
ol.horinaja_pagination li{float:left;height:40px;display:block;}
ol.horinaja_pagination li a{height:30px;display:block;background:transparent;float:left;color:white;font-weight:bold;text-align:center;
font-size:12px;padding: 10px 0 0 0;cursor:pointer;}

	#wrap {
		width: 964px;	
		margin: 0 auto;
		background-color: #272727;
		}

	#header {
		margin:0; padding:0;
		background: #FFF;
		}

	#main1 {
		margin:0; padding:0;
		/* background:yellow url("red.gif") top left repeat-y;*/
		/* background: #FFF  url(../img/colonna_azzurra.gif) repeat-y right;*/
		background: #FFF;
		}
	#main2 {
		margin:0; padding:0;
		/* background:url("blue.gif") top right repeat-y; */
		/* background: #FFF  url(../img/colonna_azzurra.gif) repeat-y right;*/
		background: #FFF;
		}
	#left {
		float:left;
		width:340px;
		margin:0; padding:0;
		background-color: #FFF;
		}
	#right {
		float:right;
		width:235px;
		margin:0; padding:0;
		}
	#middle_2cols {
		margin:0 235px 0 340px;
		background: #FFF;
		}
	
	#middle_1col {
		margin:0 235px 0 0px;
		background: #FFF;
		}

	#footer {
		background: #272727;
		}
	
	#footer ul li {
		line-height: 2em; 
		margin-left: 0;
		border-bottom: 1px solid #333;	
		list-style-type: none;
	}
		
	#footer p  {
        	color: #808080;
		font-size: 0.7em;
	}
	
	#footer a  {
        	color: #999;
		font-size: 0.8em;
		
	}
	
	#footer h4  {
        	color: #808080;
		font-size: 0.7em;
	}
	
	#footer2 {
		background: #f4f4f4;
		}
	
	.column-in {
		margin:0; padding:0.5em 1em;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

	.footer_gray {
		background-color: #272727;
		}