@font-face {
font-family: 'Vegur-Light'; src: url(‘Vegur-L 0602.ttf’);
}

#conc-bott
{
  display: block;
  height: 27px;
    width: 137px;
  background: url("http://www.melapiu.com/concorso/conc-bot.png") no-repeat 0 0;

}

#conc-bott:hover
{ 
  background-position: 0 -27px;
}

#conc-bott span
{
  position: absolute;
  top: -999em;
}



.h2home {
font-family:'Cantarell',Trebuchet MS;
font-size:1.9em;
font-weight:300;
letter-spacing:-0.09em;
margin:0;
}

.h1home {
font-family:'Cantarell', Trebuchet MS;
font-size:1.6em;
font-weight:300;
letter-spacing:-0.09em;
margin:0;
line-height: 22px;
}

#content {
	width: 992px;
    position: relative;
    margin: 0 auto;
	text-align: left;}


/*testata*/

#top {
	float: left;
	width: 992px;
    position: static;
    padding-top: 10px;}

#controllo {
	position: absolute;
	z-index: 1;}

#logo {
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 1;}

#logoqc {
	position: absolute;
	top: 140px;
	left: 30px;
	z-index: 1;}	
	
	
#menutop {
	float: left;
	width: 992px;
	position: relative;
	padding-bottom: 10px;
	text-align: right;}

.saymenutop {
	float: right;
    position: relative;
    font-size: 11px;
    color: #ffffff;}

.saymenutop a:link {color: #efefef; background-color: transparent; text-decoration: none;}
.saymenutop a:visited {color: #efefef; background-color: transparent; text-decoration: none;}
.saymenutop a:hover {color: #ffffff; background-color: transparent; cursor: pointer; text-decoration: none;}

.separasaymenutop {
	float: right;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
    color: #ffffff;}

#decotop {
	float: left;
	width: 992px;
    position: relative;}

#menuprincipale {
	float: left;
	width: 737px;
	height: 65px;
	padding-left: 255px;
	background-color: #0e0e0e;}

.sottomenuahover a:link {color: #cccccc; background-color: transparent; text-decoration: none;}
.sottomenuahover a:visited {color: #cccccc; background-color: transparent; text-decoration: none;}
.sottomenuahover a:hover {color: #ffffff; background-color: transparent; cursor: pointer; text-decoration: none;}


/*corpo centrale*/
#contentpagina {margin-left:20px; width:650px !important;}

#pagina {
	width: 992px;
	position: relative;
	font-size: 13px;
	clear: both;}

#sfondohomepage {
	float: left;
	width: 992px;
	position: relative;
	background-repeat: no-repeat;
    background-image: url('../../img/centro_home_page_mela.jpg');}

#boxfacebook {
	float: left;
	width: 248px;
	position: relative;
	margin-top: 362px;
	background-color: #f2f4ef;}

#boxfacebooktesto {
    font-size:12px;
	
	width: 208px;
	height: 113px;
	position: relative;
	
	color: #2a2a2a;}

#boxtest {
	float: left;
	width: 248px;
	position: relative;
	margin-top: 362px;
	background-color: #005941;}

#boxtesttesto {
    font-size:12px;
	float: left;
	width: 208px;
	height: 92px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;}

#boxconcorso {
	float: left;
	width: 248px;
	position: relative;
	margin-top: 362px;
	background-color: #00732b;}

#boxconcorsotesto {
    font-size:12px;
	float: left;
	width: 208px;
	height: 92px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;}
#boxconcorsotesto2 {
    font-size:12px;
	float: left;
	width: 208px;
	height: 92px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;}

#boxappuntamenti {
	float: left;
	width: 248px;
	position: relative;
	margin-top: 250px;
	background-color: #E0141F;}

/* #b92c1f background-color  più scuro */
/* #eb1c24 background-color  più chiaro */

#boxappuntamentitesto {
    font-size:12px;
	float: left;
	width: 208px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;}

#boxsottomenu {
	float: left;
	width: 248px;
	position: relative;
	background-color: #81af37;}

#boxsottomenutesto {
	float: left;
	width: 208px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;}

.txtappuntamenti {
	width: 208px;
	position: relative;
 	font-size: 13px;
 	font-style: italic;}

.txtappuntamentiraquo {
	float: left;
	width: 13px;
	position: relative;
 	padding-top: 7px;
 	padding-bottom: 10px;}

.txtappuntamentilink A:hover {
	text-decoration:none;
	color:#fff;
	}

.txtappuntamentilink  {
	float: left;
	width: 195px;
	position: relative;
 	padding-top: 7px;
 	padding-bottom: 10px;}

.btnfondo {
	float: left;
	width: 124px;
	height: 20px;
	position: relative;
	padding-top: 10px;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;}

.btnfondointero {
	float: left;
	width: 248px;
	height: 20px;
	position: relative;
	padding-top: 10px;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;}

#sfondoimgpagina {
	float: left;
	width: 992px;
	position: relative;
	background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-image: url('../../img/fondo_pagina.jpg');}

#fondopagina {
	float: left;
	width: 992px;
	position: relative;
	background-repeat: no-repeat;}

#colsx {
	float: left;
	width: 714px;
	position: relative;
	padding:15px 15px 40px;
	margin-top: 226px;
	color: #333;}

#colsx a:link {color: #37541b; background-color: transparent; text-decoration: underline;}
#colsx a:visited {color: #37541b; background-color: transparent; text-decoration: none;}
#colsx a:hover {color: #37541b; background-color: transparent; cursor: pointer; text-decoration: underline;}

.saygallart {
	float: left;
	width: 200px;
	position: relative;}

.star UL {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 25px; list-style-image: url("../../img/stellina.jpg"); list-style-type: none;}
.star LI {margin: 0px 0px 0px 0px; padding: 0px 0px 6px 5px; list-style-image: url("../../img/stellina.jpg"); list-style-type: none;}

#coldx {
 	float: left;
 	width: 248px;
 	position: relative;
 	margin-top: 150px;
 	position: relative;}

.titolo20 {
    margin-top:5px;
	margin-bottom:5px;
 	font-size: 20px;
 	color: #37541b;}

.titolo16 {
color:#37541B;
display:block;
font-size:16px;
margin-left:20px;
}

.titolo14 {
    margin-left:17px;
 	font-size: 14px;
 	color: #666666;}


/*bottom*/

#fondomenubot {
	float: left;
	width: 992px;
	height: 27px;
	position: relative;
	padding-top: 15px;
	background-color: #0a0a0a;}

#bottomsx {
	float: left;
	width: 392px;
	position: relative;
	padding-left: 30px;
	color: #CCCCCC}

#bottomdx {
	float: left;
	width: 550px;
	position: relative;
	padding-right: 20px;}

.saymenubottom {
	float: right;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;}

.saymenubottom a:link {color: #cccccc; background-color: transparent; text-decoration: none;}
.saymenubottom a:visited {color: #cccccc; background-color: transparent; text-decoration: none;}
.saymenubottom a:hover {color: #ffffff; background-color: transparent; cursor: pointer; text-decoration: none;}

#bottomdatifiscali {
	float: left;
	width: 900px;
	position: relative;
	padding-top: 15px;
	text-align: left;
	font-size: 9px;
	color: #CCCCCC;}

#bottomqc {
	float: left;
	width: 92px;
	position: relative;
	padding-top: 5px;
	text-align: right;}

/* elenco con raquo */

.raquo01 {
	float: left;
	width: 14px;
	position: relative;}

.raquo02 {
	float: left;
	width: 700px;
	position: relative;}

/* pagina back office SOCI */

.soci01 {
	float: left;
	width: 357px;
	position: relative;
	color: #eb1c24;
	font-size: 16px;}

.soci02 {
	float: left;
	width: 357px;
	position: relative;
	font-size: 14px;}

/* pagina back office PACKAGING */

.packaging01 {
	float: left;
	width: 200px;
	position: relative;
	font-size: 14px;}

.packaging02 {
	float: left;
	width: 100px;
	position: relative;
	text-align: center;
	font-size: 14px;}

.packaging03 {
	float: left;
	width: 100px;
	position: relative;
	text-align: center;
	font-size: 14px;}

.packaging04 {
	float: left;
	width: 100px;
	position: relative;
	text-align: center;
	font-size: 14px;}

/* input login password */

#areainputlogin {
    float: left;
    width: 150px;
    position: relative;}

#areainputpwd {
    float: left;
    width: 150px;
    position: relative;}

#areaentra {
    float: left;
    width: 60px;
    position: relative;}

/*form concorsi*/

#concorsi {
    float: left;
    width: 714px;
    position: relative;}

.concorsisx {
    float: left;
    width: 357px;
    position: relative;
    text-align: left;}

.concorsidx {
    float: left;
    width: 357px;
    position: relative;
    text-align: left;}

.concorsiclass {
    float: left;
    position: relative;
    text-align: left;}

#concorsipwd {
	float: left;
	width: 714px;
	position: relative;
    text-align: left;
    font-size: 14px;
	color: #5f5f5f;}

#concorsipwd a:link {color: #37541b; background-color: transparent; text-decoration: none;}
#concorsipwd a:visited {color: #37541b; background-color: transparent; text-decoration: none;}
#concorsipwd a:hover {color: #37541b; background-color: transparent; cursor: pointer; text-decoration: underline;}

/*gestione form test*/

#formboxext {
	float: left;
	width: 714px;
    position: relative;}

.formboxcamposx {
	float: left;
	width: 38px;
    position: relative;
    font-size: 14px;}

.formboxcampodx {
	float: left;
	width: 676px;
    position: relative;
    font-size: 14px;}

.formboxradio {
	float: left;
	width: 100px;
    position: relative;
    padding: 5px;
    text-align: center;}