/* CSS Document */

body
{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5B5B5C;
background-image:url(../images/bg_trasparente.jpg);
background-position:center top;
background-repeat:repeat-y;
}

a:link {
	color: #657076;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #657076;
}
a:hover {
	text-decoration: underline;
	color: #657076;
}
a:active {
	text-decoration: underline;
	color: #657076;
}

p
{
margin:0;
padding:0;
}

#top{
	border-top:solid 5px #C3A002;
width:800px;
height:auto;
margin:0 auto;
background-image:url(../images/topimage.jpg);
background-repeat:no-repeat;
background-position:right top;
}

#logo
{
width:100%;
height:auto;
font-family:"Trebuchet MS";
font-size:45px;
color:#94a62c;
padding-top:10px;
font-weight:bold;
background-image:url(../images/monblank.jpg);
background-position:right;
background-repeat:no-repeat;
}

.logo
{
font-family:"Trebuchet MS";
font-size:24px;
color:#b1b1b1;
font-weight:normal;
}

.slogan
{
font-family:"Trebuchet MS";
font-size:14px;
color:#767676;
font-weight:normal;
}

/*------------------MENU----------------------*/

#foxmenucontainer
{
width:650px;
height:auto;
display:block;
}

#foxmenu
{
width:100%;
position:relative;
display:block;
height:auto;
font-size:14px;
font-family: "trebuchet MS";
font-weight:normal;
text-transform: lowercase;
margin-top:20px;

}

#foxmenu ul
{
height:36px;
margin:0;
padding:0;
list-style-type:none;
width:auto;
border-bottom:#bbbbbb solid 1px;
}

#foxmenu ul li
{
display:block;
float:left;
margin-right:18px;
}

#foxmenu ul li a
{
display:block;
float:left;
color:#5B5B5C;
text-decoration:none;
padding:10px 0px 0 0px;
height: auto;
}

#foxmenu ul li a:hover
{
height: auto;
border-bottom:5px #C3A002 solid;
}

h1
{
font-family:"Trebuchet MS";
color:#5B5B5C;
font-size:30px;
margin:40px 0 0px 10px;
padding:0;
}

/* -------- CONTENT --------- */

#content
{
width:100%;
height:auto;
}

#wrapper
{

width:800px;
height:auto;
margin:0 auto;
padding-top:20px;
}

/* FIRST LINE OF BOXES */

#first
{
width:100%;
height:auto;
margin-bottom:15px;
}

#leftf
{
width:480px;
height:auto;
float:left;
padding-bottom:20px;
}

#collabora
{
width:275px;
height:auto;
float:right;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:20px;
}


#rightf
{
margin-top:10px;
width:285px;
height:auto;
float:right;
padding-bottom:20px;
}

h2
{
font-family:"Trebuchet MS";
font-size:24px;
color:#657076;
margin:0;
padding:0;
padding-bottom:10px;
}

.arancio
{
color:#C3A002;
}

.image
{
padding:2px;
border:#cbcbcb solid 1px;
}

/* SECOND LINE OF BOXES */

#second
{
width:100%;
height:auto;
margin-bottom:15px;
border-top: dotted 1px #999;
}

#lefts
{
width:255px;
height:auto;
float:left;
}

#rights
{
width:255px;
height:auto;
float:right;

}

#center
{
margin-left: 10px;
width:275px;
height:auto;
float:left;
}

.image2
{
padding:2px;
border:#cbcbcb solid 1px;
margin-right:8px;
margin-bottom:8px;
}

#button
{
width:90px;
height:auto;
text-align:right;
margin-left:390px;
}

/* FOOTER */

#footer
{
width:800px;
height:auto;
margin:10px auto;
padding:10px 0 10px 0;
text-align:center;
color:#657076;
font-size:14px;
background-color: #CCC;
}

.copyright
{
font-size:11px;
color:#657076;

}
/*Collabora*/
#popup{
width:390px;
height:390px;
margin:0;
padding:10px;
text-align: justify;
}
.split2 div{
    float: left;
    width: 45%;
    width: 45%;
	font-size:12px;
	padding-right:10px;
    }