@charset "utf-8";
body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

h1 {
font-size:18px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

h2 {
clear: both;
font-size:16px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 5px;
padding-right:0;
padding-left: 5px;
padding-top:20px;
}

a img { 
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.container {
	width: 987px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}


.header {
	height:150px;
	position: relative;
}

.col_sx {
	float: left;
	width: 229px;
	padding-bottom: 10px;
}

.separatore, .separatore_bottom  {
border-top:2px solid #8c8b8d;
width: 167px;
margin: 16px 0 4px 60px;
}

#menu {
margin-top:15px;
/*position:relative;*/
width:229px;
height:auto;
}

/* accordion menu */
.accordionButton {	
	width: 100%;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
}
.accordionContent {	
	width: 100%;
	_float: none; /* Float works in all browsers but IE6 */
}
.on {
	/*background: #990000;*/
}
.over {
	/*background: #CCCCCC;*/
}
#menu ul li {
	list-style-type:none;
	margin:0 0 5px 37px;
}
/* fine menu accordion */

.intro_content {
	padding: 20px 10px;
    width: 600px;
	margin:0 auto;
}
.content {
	padding: 20px 10px;
    width: 495px;
	float: left;
}

.col_dx {
	float: left;
	width: 241px;
	margin-top:10px;
}

.col_dx_sub {
	float: left;
	width: 241px;
	margin:10px 0;
}

.box {
	padding:0 5px;
	font-size:14px;
	font-family: Arial;
	text-transform:uppercase;
	font-weight: bold;
	line-height: 20px;
	background: #ecf0d7;
}
.box a:link, .box a:visited {
	display:inline-block;
	width:190px;
	vertical-align: top;
}

.box_sub {
	padding:0 5px 0 40px;
	font-size:12px;
	font-family: Arial;
	font-weight: bold;
	line-height: 20px;
	background: #ecf0d7;
}

.logo {
width: 233px;
/*padding-top:25px;
height: 136px;*/
position: absolute;
bottom:0;
}

.header .menu_topbar { height:22px; line-height:16px; position:absolute; right:0; top:0; width:90px;}
.header .menu_topbar div { float:left; margin:5px 0 0 8px;}
.header .menu_topbar .mappa_sito { background:url(/img/sitemap_icon.jpg) no-repeat; width:22px; height:17px; margin:0}
.header .menu_topbar .flag_ita { background:url(/img/flag_ita.png) no-repeat; width:22px; height:17px; margin:0}
.header .menu_topbar .flag_eng{ background:url(/img/flag_eng.png) no-repeat; width:22px; height:17px; margin:0}

.header_center {
	position: absolute;
	bottom:0;
	left: 238px;
	width: 515px;
	height: 136px;
	background-image:url(/img/bg_euroflora_center.jpg);
	background-repeat: no-repeat;
}

.header_center_flortec {
	position: absolute;
	bottom:0;
	left: 236px;
	width: 588px;
	height: 136px;
	background-image:url(/img/bg_flortec_center.jpg);
	background-repeat: no-repeat;
}

.logo_fiera {
width: 70px;
height: 83px;
position: absolute;
bottom:25px;
right: 10px;
}

.logo_repubblica {
width: 70px;
height: 83px;
position: absolute;
top:25px;
right: 110px;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; 
	margin-bottom: 15px; 
	padding-top:10px;
}
ul.nav li {
margin-bottom: 2px;
}
ul.nav a, ul.nav a:visited { 
	/*padding: 5px 5px 5px 15px;*/
	display: block; 
	width: 210px;  
	text-decoration: none;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
}

.never {
height:1px;
left:0;
overflow:hidden;
position:absolute;
top:-500px;
width:1px;
}

.footer_banner {
	clear: both;
	width:987px;
	height:50px;
	background: #d9dadb;
}

/* ~~ The footer styles ~~ */
.footer {
	width:987px;
	height:213px;
	padding: 10px 0;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background:url(/img/bg_footer.jpg) no-repeat;
}
.footer div {
    float: left;
    margin: 10px 6px;
    text-align: center;
    width: 150px;
}
.footer div img {
    margin: 0 0 6px 0;
}
.copy { text-align:center; font-size: smaller; margin:0; line-height: 12px; clear:both;}


.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#man a
{
color:#000;
}
#man a:hover, #man a.active
{
color:#000;
font-weight:bold;
}

.contentRicerca {
float:left;
padding:20px 10px;
width:720px;
}

/*css pagina concorso fotografico*/

.concorso{width: 150px;height:auto;float:left;margin:5px;}
.concorso a{width: 150px;height:113px;text-decoration:none;border: dashed 1px transparent; display: block;}
.concorso a:hover{width: 150px;height:113px;text-decoration:none;border: dashed 1px #95B315;display: block;}

p.testoConcorso{font-size:11px;padding:1px;margin:0;}