body { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; margin-bottom:50px; background-color:#FFF; height:100%; }
#container { margin:0 auto; border:0px; color:#555; padding:10px 0; width:950px;}
#header { padding:0 10px; margin:0 auto; }
#header #logo { float:left; width:100px; }
#header #slogan { float:left; width:500px; font-family:"Trebuchet MS"; font-size:10px; background:url(/img/slogan.jpg) no-repeat bottom left; height:48px; color:#FFF;}
#header #slogan div { margin-top:45px;}
#header #slogan a { color:#FFF; }
#header #hExtras { float:right; width:320px; font-size:12px; text-align:right;}
#menu { clear:both; height:27px; margin-bottom:10px; font-size:95%; }
#content { clear:both; background-color:#FFFFFF; margin:0 auto;  }
#footer { clear:both; font-size:11px; border:1px solid #CCC; background-color:#F8F8F8; height:25px; line-height:25px; margin-top:100px; margin-bottom:10px; padding:0 10px; }

#header #info div { padding:3px 0; }
#header #info a { font-size:16px; font-weight:bold; text-decoration:none; }
#header #info a:hover { text-decoration:underline; }
#header #hExtras div { margin-top:5px; margin-bottom:2px; overflow:visible; }
#footer a {margin-right:5px;}

#menu .Mleft { float:left; height:100%; width:5px; background:url('/img/layout/menu-left.gif') left no-repeat;}
#menu .Mcenter { float:left; height:100%; width:940px; line-height:25px; background:url('/img/layout/menu-center.gif') left repeat-x;}
#menu .Mright { float:left; height:100%;width:5px; background:url('/img/layout/menu-right.gif') right no-repeat;}

#menu ul {
	margin:0;
	padding:0;
	list-style: none;
	font-weight: bold;
}
#menu ul li {
	float:left;
	margin:0 10px;
}
#menu ul li a {
	text-decoration: none;
	color: #FFF;
	
}
#menu ul li a:hover {
	color: #FFF;
}

ul.artistmenu { margin:0; padding:0;
	list-style: none;
	font-size:100%;
	
}
ul.artistmenu li {
	float:left;
	margin:0 10px;
}
ul.artistmenu li a.active {
	text-decoration:none;
	font-weight:bold;
	color:#555;
}

input[type="text"].inputs { background-color:#FFF; border:1px solid #2479a1; color:#0064a3; padding:1px 5px; height:155x; font-size:95%;}
input[type="button"].inputs, input[type="submit"].inputs { background-color:#004f82; border:1px solid #2479a1; color:#FFF; font-size:95%;}
input[type="button"], input[type="submit"] { font-weight:bold; }

#content2Left { float:left; width:715px; padding:0 10px; }
#content2Right { float:right; width:205px; padding:0 5px; }

#topList {position:relative; z-index:500;}
.linkTop1, .linkTop2 { font-weight:bold; margin:0 2px 0 0; padding:0 10px 0 2px; border:1px solid #0064a2; width:100px; height:25px; line-height:25px; z-index:498; position:relative;  background-color:#f4f4f4; text-align:right; }
.linkTop1 a, .linkTop2 a { color:#e1e0e0;}
.linkTop2 {z-index:500;}
#carrelloContent, #listaContent { position:absolute; top:26px; left:-152px; width:244px; z-index:497; padding:10px; display:none; text-align:left; background-color:#f4f4f4;}
#carrelloContent { border:1px solid #004f82;}
#listaContent { left:-36px; z-index:499; border:1px solid #566225; }

.pagesNav { border:1px solid #e3e3e3; border-right-width:0; border-left-width:0; background-color:#FFF; color:#454545; overflow:hidden; padding:3px 5px; }
.pagesNav a { margin:0 5px 0 5px; }

h1 { font-size:18px; font-weight:bold; margin:0; padding:0;}
.pageTitle { font-size:18px; font-weight:bold;}
.pageSubTitle { font-size:16px; font-weight:bold;}
.title { font-size:16px; font-weight:bold; }
.title2 { font-size:13px; font-weight:bold; }
.title3 { font-size:14px; font-weight:bold; }
.text { line-height:1.5em; text-align:justify;}
.textLittle { font-size:90%; line-height:0.9em; }
.textLittle2 { font-size:95%; line-height:1.2em; }
.textBig { font-size:115%; line-height:1.1em; }
.letterTitle { font-size:20px; font-weight:bold; text-align:center; color:#0064a2; padding:10px 0; }
.infoNav { font-size:90%; padding:0 15px; margin-bottom:10px; }
.boxSimple1 { border:1px solid #d0e4f0; padding:5px; background-color:#fff; margin-bottom:5px; }
.boxSimple2 { border:1px solid #d0e4f0; padding:5px; background-color:#fafafa; margin-bottom:5px; }
.boxSimple2 .title { background-color:#555; color:#FFF; text-align:center; height:30px; line-height:30px; font-weight:bold; margin-bottom:5px; }
.boxSimple2 .title2 { background-color:#e7e7e7; color:#555555; text-align:center; height:20px; line-height:20px; font-weight:bold; margin-bottom:5px; }
.boxSimple2 a.arrow { background:url('/img/layout/arrow-grey.gif') left no-repeat; padding-left:8px; }
.boxSimple2 a.arrow:hover, .boxSimple2 span.active { background:url('/img/layout/arrow-orange.gif') left no-repeat; padding-left:8px; }
.boxButton { border:1px solid #d0e4f0; height:20px; line-height:20px; padding: 3px 10px; margin:5px; }
.boxRightSide { width:200px; margin-bottom:10px; }
.boxRightSide .BRStop {background:url('/img/box-rightside-top.gif') top left no-repeat; padding: 10px 3px 4px 3px;}
.boxRightSide .BRSbottom {background:url('/img/box-rightside-bottom.gif') top left no-repeat; height:6px;}
.boxRightSide .BRStext {font-size:11px; margin:4px; color:#000;}
.boxRightSide .message{
    margin: 0;
    padding: 2px;
    border-style: none;
    border-width: 0;
    color:#222;
    font-size:10px;
    text-align:left;}

.boxRightSide .message.error{
    background: none;
    background-color: #FFD8D6;
    border-color: none;}

.spaceLeft { margin-left:10px; }
.linguettiva, .linguettiva a { color:#0064a3; background-color:#f4f4f4; }
form { margin:0; }

img { border-width:0; }
img.left { float:left; margin:0 5px 5px 0; }
img.right { float:right; margin:0 0 5px 5px; }
.borded { padding:2px; border:1px solid #d0e3f1;}
img.middle { vertical-align:middle; }
a { color:#0064a2; }
a.none { text-decoration:none; }
a.nonehover { text-decoration:none; }
a.nonehover:hover { text-decoration:underline; }
a.astext { color:#555; }
.clearer { clear:both; }
.cleared:after {
    display		: block; 
    visibility  	: hidden;
    content		: "."; 
    height		: 0; 
    clear           : both;
}

.cleared {
    clear           : both; /* per Gecko */
    height		: 1%; /* per IE */
}
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.justify { text-align:justify; }
.bold { font-weight:bold; }
.floatLeft { float:left; }
.floatRight { float:right; }
.red { color:#ff2523; }
.green { color:#11bf00; }
.orange { color:#f79d10; }
.blue { color:#0064a2; }
hr.dashed {border-width:0; border-top:1px dashed #CCC;}
hr.solid {border-width:0; border-bottom:1px solid #CCC;}
.linethrough { text-decoration:line-through; }
.half { width:49%; }
.pad5_0 {padding:5px 0;}
.displayNone { display:none; }

.listImg {float:left; width:140px; text-align:center; }
.listText {float:left; }
.listImgN {float:left; width:170px; text-align:center; }
.listTextN {float:left; width:540px;}

.tableOpera {}
.tableOpera td.l { padding:2px 15px 2px 5px; font-size:95%; vertical-align:top; }
.tableOpera td.r { padding:2px 0; vertical-align:top; }

.tableCarrello th, .tableCarrello2 th { border-bottom:2px solid #e3e3e3; vertical-align:middle; padding:10px 0 5px 0; text-align:left;}
.tableCarrello td { border-bottom:1px solid #e3e3e3; vertical-align:middle; padding:10px 0 5px 0;}
.tableCarrello2 td { border-bottom:1px solid #e3e3e3; vertical-align:middle; padding:10px 0 10px 0;}

.tableOrdini {width:100%;}
.tableOrdini th, .tableCarrello2 th { border-bottom:1px solid #4e4e4e; color:#7a7a7a; vertical-align:middle; padding:10px 0 5px 0; text-align:left;}
.tableOrdini td { vertical-align:middle; padding:10px 0 5px 0;}

.imgwithzoom .zoomblank { position:absolute; top:0 left:0;}

#newsticker { list-style-type:none; margin:0;padding:0; height:100px; }

label.error { /*background-color:#FF0000; color:#FFF; display:block; padding:2px 3px; margin:1px 0; font-size:10px; */
background:transparent url(/img/unchecked.gif) no-repeat scroll 0 0; color:#EA5200; font-weight:bold; padding-bottom:2px; padding-left:16px; margin-top:2px; font-size:11px; text-align:left; display:none; float:left; }

/* MESSAGES */
blockquote { margin-top:0; margin-right:0; margin-bottom:0; }
.messageino div.message { margin:3px; padding:0; border:none; color:#9d1919; font-size:11px;}
.messageino div.message.error { background:none;}
div.message{
    margin: 0 0 0.5em;
    padding: 1em 15px 0 50px;
    border-style: solid;
    border-width: 2px 0;
	color:#222;
	font-size:12px;
	text-align:left;}

div.message p{
    margin: 0 0 1em}

div.message.info{
    background: #EAEBF7 url(/img/info20.png) no-repeat 15px 10px;
    border-color: #8E9AFF}

div.message.warning{
    background: #FFF0BA url(/img/warning20.png) no-repeat 15px 10px;
    border-color: #E87C29}

div.message.question{
    background: #E4F6DE url(/img/help20.png) no-repeat 15px 10px;
    border-color: #8FDC79}

div.message.error{
    background: #FFD8D6 url(/img/error20.png) no-repeat 15px 10px;
    border-color: #FF0038}
/* MESSAGES */

#waiting { 
	display:none;
	/*position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: #F2F2F2;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
	text-align:center;
}
#waiting div { width:100px; padding:3px; background-color:#0064a2; color:#FFF; font-size:12px; font-weight:bold; right:0; top:0; position:fixed; }

#preview{
	position:absolute;
	border:1px solid #d0e3f1;
	background:#f2f2f2;
	padding:2px;
	display:none;
	color:#000;
	z-index:5000;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

/* Suggest */
	
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 300;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/img/loading-little.gif') right center no-repeat;
}

.ac_odd {
	background-color: #f5f5f5;
}

.ac_over {
	background-color: #0064a3;
	color: white;
}

/* End - Suggest */

.compact .worksItem {width:32%; margin:0 0.5% 1% 0.5%; float:left;}
.compact .worksOfferta {width:24.70%; margin:0; float:left;}
.compact .worksItem .listImg, .compact .worksOfferta .listImg {float:none; width:auto; text-align:left; height:140px; margin-bottom:5px; position:relative; }
.compact .worksItem .listImg div, .compact .worksOfferta .listImg div { position:absolute; bottom:0px; }
.compact .worksItem .listImg img, .compact .worksOfferta .listImg img { margin-bottom:0px;}
.compact hr { display:none; }

.innerfade-title{
       position: absolute;
       bottom: 5px;
       right: 5px;
       z-index: 290;
       width: 220px;
       padding:5px;
       background:  url(/img/layout/slideshow-title-bg.png);
       height: 50px;
       /*filter:alpha(opacity=80);
       -moz-opacity: 0.8;
        opacity: .8;*/
        /*border-top: 1px solid white;*/
}
.innerfade-title h2{
        color: white;
        font-weight: bold;
       margin-top: 0;
       margin-bottom: 0;
              text-align: left;
       font-family: Arial;
       font-size: 11px;
       font-style: italic;
}

.slideshow-title{
       position: absolute;
       bottom: 5px;
       right: 5px;
       z-index: 290;
       width: 190px;
       padding:5px;
       background:  url(/img/layout/slideshow-title-bg.png);
       height: 40px;
       /*filter:alpha(opacity=90);
       -moz-opacity: 0.9;
        opacity: .9;*/
        visibility:hidden;
        /*border-top: 1px solid white;*/
}
.slideshow-title h2{
        color: white;
        font-weight: bold;
       margin-top: 0;
       margin-bottom: 0;
              text-align: left;
       font-family: Arial;
       font-size: 11px;
       font-style: italic;
}


/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url('/img/overlay-white.png'); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:45px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url('/img/overlay-close.png'); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px;
}
div.overlay div.wrap { height:450px; overflow-y:auto; }