@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/* CSS Document */

/* DEFAULT CLASS TAG ------------------------------- */

/* A ----------------------------------------------- */

a:link { color:inherit; text-decoration:none; }

a:visited { color:inherit; text-decoration:none; }

a:hover { color:inherit; text-decoration:none; }

.asterisco { color:#FF0000; font-size:16px; font-weight:bold; }
/* B ----------------------------------------------- */

body { font-family:'Open Sans', sans-serif; font-size:15px; color:#333333; text-align:justify; padding:0px; margin:0px;}

/*.button { font-size:11px; color:#666666; font-weight:bold; display:block; padding:4px 6px 4px 6px; margin:0px; background-image:url(../images/buttons/button_bg_cx.png); background-repeat:repeat-x; height:20px; border:none; text-decoration:none; float:left; }

/*.button:hover { text-decoration:underline; color:#FFFFFF; background-image:url(../images/buttons/button_bg_cx_hover.png); }

/* D ----------------------------------------------- */
div.error { color:red; display:block; clear:both; font-size:11px; color:#FF0000; padding:3px 0px 3px 0px;  }

/* E ----------------------------------------------- */
.errorMsg {color: red; font-size:11px;}
/* F ----------------------------------------------- */

/* I ----------------------------------------------- */

img { background-color:transparent; border:none; }

.img_default img { border:3px solid #FF9900; padding:2px; }

.img_no_default img { border:3px solid transparent; padding:2px;}

/* S ----------------------------------------------- */

/* END DEFAULT CLASS TAG -------------------------- */

/************************************************************************************************************************************/

/* ID TAG ------------------------------------------ */

/* C ----------------------------------------------- */

#columnCx { float:right; height:auto; width:770px; margin:0px 0px 0px 0px; }

#columnSx {	float:left; width:230px; min-height:400px; margin:0px 0px 0px 0px; }

#container { background-image:url(../images/bg_container.png); background-repeat:repeat-y; margin:0 auto; width:1000px; border:1px #CCCCCC solid; }

#content { padding:10px; }

/* F ----------------------------------------------- */

#footer { font-size:10px; color:#666666; background-image:url(../images/bg_bar.png); background-repeat:repeat-x; height:10px; padding:10px; }

#footer a {	color:#FF9900; }

/* H ----------------------------------------------- */

#header { background-color:#FFFFFF; height:auto; width:100%; float:left; }

#headerBar { font-size:12px; color:#666666; background-image:url(../images/bg_bar.png); background-repeat:repeat-x; height:10px; padding:10px; }

#logout { color:#FF9900; }

/* L ----------------------------------------------- */

#latestWork {
	padding: 0px;
}

#loginPanel {
	position: Absolute;
	top: 50%;
	left: 50%;
	width: 220px;
	margin-left: -110px;
	height: 140px;
	margin-top: -70px;	
	background-color: #FFFFFF;
	border: solid 1px #E3E3E3;
	padding: 10px;
	background-image: url(../images/bgLogin.jpg);
}

/* M ----------------------------------------------- */

#mainService {
	width: 100%;
	text-align: left;	
}

#menu {
	width: 100%;
	text-align: left;
	padding: 4px;
}

#menuTitolo {
	text-align: left;
	/*background-image: url(../images/bgTitleMenu.gif);*/
	background-color:#FF9900;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
}

/* N ----------------------------------------------- */

#news {
	padding: 0px;
}



/* END ID TAG --------------------------------------- */

/************************************************************************************************************************************/

/* OTHER CLASS TAG ---------------------------------- */

/* B ----------------------------------------------- */

.bar { font-size:11px; color:#666666; font-weight:bold; background-image:url(../images/bg_bar.png); background-repeat:repeat-x; height:25px; padding:5px 10px 0px 10px; }

/* C ----------------------------------------------- */

.clear { clear:both; }

/* E ----------------------------------------------- */

/*.error { color:#FF0000;	font-size:10px;	padding:2px;}

/* I ----------------------------------------------- */

.imageBorder {
	border: 2px #CCCCCC solid;
	padding: 1px;
	margin-bottom: 4px;
}

.imageRoll {
	border: 2px #CCCCCC solid;
	padding: 1px;
	margin-right: 6px;
	float: left;
}

.imageRoll a:hover img{
	border: 2px #006699 solid;
	float: left;
	z-index: 1;
	position: relative;
	padding: 2px;
	margin: -4px;
}
/* O ----------------------------------------------- */
.ok { color:#669900; font-size:11px;	padding:2px;}

/* P ----------------------------------------------- */
.popupMask {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2000;
	background-color:#000000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.popupContent{
	z-index:2001;
	position:absolute;
	top: 50%;
	left:50%;
	margin-left:-95px;
	margin-top:-20px;	
	padding:10px;
	background-color:#ffffff;
	width:190px;
	height:40px;
}

/* R ----------------------------------------------- */

.row { padding:10px; display:block; height:20px; border-bottom:1px solid #CCCCCC; clear:both; }


/* S ----------------------------------------------- */

.separator { border-bottom:1px dotted #CCCCCC; margin:0px 0px 6px 0px; height:6px; clear:both; }

.separatorInvisible { border-bottom:1px solid none; margin:0px 0px 6px 0px; height:6px; clear:both; }

/* T ----------------------------------------------- */

.titoloPiccolo {
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	padding-top:5px;
}

.titoloMedio {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.titoloGrande {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

/* OTHER CLASS TAG ---------------------------------- */

/************************************************************************************************************************************/

/*----------------------------------------*/
input { border:1px solid #CCCCCC; padding: 8px; }

input:focus { background-color:#FAFAFA; border-color: #333333; }

select { border:1px inset #CCCCCC; height:auto; padding: 8px; }

select:focus { background-color:#EFEFEF;  }

textarea { border:1px inset #CCCCCC; }

textarea:focus { background-color:#EFEFEF; }

/*.button { padding:8px 10px 8px 10px; font-size:12px; border:1px solid #CCCCCC; cursor:pointer; text-align:center; font-weight:bold; color:#666666; }

.button:hover { background-color:#999999; color:#FFFFFF; }*/

.button {  background-color:#333333; color:#ffffff !important; border:1px solid #FFFFFF; padding:8px 10px; text-transform: uppercase; font-size: 12px; }
.button:hover { background-color:#FFFFFF; color:#333333 !important; border:1px solid #333333; cursor:pointer; }

/*------------------------------------------*/


/*------------   LOADER   ------------------*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loader/Preloader_11.gif) center no-repeat #fff;
}
/*------------------------------------------*/