/*
Template name: Fluid Solution
Template URI: http://templates.arcsin.se/fluid-solution-website-template/
Release date: 2006-09-06
Last updated: 2009-08-08
Description: Totally liquid three-column layout, clean and simple.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   Standard Elements
------------------------------------------------------------------- */

/*html {
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #7F7F7F;
	scrollbar-arrow-color: #000000;
}*/



a {text-decoration: none;}

body {
	background: #FFF url(../images/bg.gif) repeat-x;
	color: #444;
	/*font: normal 62.5% Helvetica,"Lucida Sans Unicode",Verdana,sans-serif;*/
	font: normal 62.5% "Helvetica Neue Light", Helvetica, Arial;
	position: absolute;
    width: 100%; 
    height: 100%;
    margin: 0; 
    padding: 0;
    min-width: 760px;
    min-height: 540px;
    text-align: center;
}

p,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

li {
	list-style: none;
}
h1 {
	font-size: 1.4em;
}
code {
	background: url('../images/bgcode.gif');
	border: 1px solid #F0F0F0;
	border-left: 6px solid #F06;	
	color: #444;
	display: block;
	/*font: normal 1.1em "Lucida Sans Unicode",serif;*/
	font: normal 1.1em "Helvetica Neue Light", Helvetica, Arial;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	color: #444;
	display: block;
	/*font: normal 0.9em Verdana,sans-serif;*/
	font: normal 0.9em "Helvetica Neue Light", Helvetica, Arial;
	margin-bottom: 8px;
	padding: 3px 12px 0px 12px;
	width: 40%;
}


/* misc */
.clearer {
	clear: both;
}

/* 
   Layout
------------------------------------------------------------------- */


#tooltip { 
    
	position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    color: #000;
    padding:5px;
    border:1px solid #fff;
    width:250px;
    font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;

}

#tooltip p{ 
    	
	font: normal 0.9em "Helvetica Neue Light", Helvetica, Arial;
	color: #D8121B;
}


/*#expander { float: left; width: 1px; height: 100%; padding: 0; margin: 0; }*/
#expander { 		
		width:1px;
		height:45%;
		background-color:#fc6;
		margin-bottom:-11.5em; /* half of container's height */
		/*-webkit-margin-bottom-collapse: 20%; problemi in fase di reload con safari, internet explorer8 e chrome*/
		float:left;
}


#page-wrap{
	/*padding-bottom: 0em; */
	/*height: 100%;*/
	/*margin: 0 auto;*/
	margin-top: 10%;	
	position:relative; /* puts container in front of distance */
	text-align:left;
	height: 35em;
	/*width: 90%;*/
	width: 100%;
	clear:left;
	/*background-color:#ff9;
	border:1px solid #c93;
	border-top-color:#fff;
	border-left-color:#fff;*/
	
}

#paginator{
	width: 20%;
	text-align: center;
	margin-left: 50%;
	margin-top: 10px;

}

#paginator strong{
	color: #838383;
	font: normal 1.3em "Helvetica Neue Light", Helvetica, Arial;
}

#paginator a{
	color: #838383;
	font: normal 1.3em "Helvetica Neue Light", Helvetica, Arial;
}

#list{
	width: 62%;
	/*background: #000;*/
	/*left: 50%;*/
}

#list table td{
	text-align: right;
	/*left: 50%;*/
}


#list_text{
	border: 1px;
	
}

#list div {
	color: #838383;
	font: normal 1.1em "Helvetica Neue Light", Helvetica, Arial;
}

#list h1{
	color: #838383;
	text-transform: uppercase;
	font: normal 1.0em "Helvetica Neue Light", Helvetica, Arial;
}

#list a{
	text-decoration: none;
	color: #acacac;
	font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;
}

#list_image{
	float: left;
	/*width: 45%;*/
	padding-left: 10%;
}

#list_image ul{
	padding: 0;
	margin: 0;	
	list-style: none;
	float: left;
	width: 100%;
}

#list_image ul li{
	padding: 0;
	margin: 0;	
	list-style: none;
}


#list_image ul li{
	float: left;
	width: 78px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	margin: 0 0 0 0;
	background-color:#fff;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#list_image ul li img {

	vertical-align: middle;
	/*padding:2px;
	border:1px solid #ccc;
	margin: 0px 2px 5px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;*/
	background: url('/images/bg_image.gif');
	padding: 2px;
	opacity: .75;
	-moz-opacity: .75;
	filter: alpha(opacity=75);
	
}



/* header */

#link-header img{
	padding-top: 1%;
}


.header {
	/*background: url('../images/stripes.gif') no-repeat;*/
	/*background: url('../images/bandiera_resize.png') no-repeat;*/
	/*border-bottom: 1px solid #EEE;*/
	/*height: 90px;*/
	height: 10%;
	margin-bottom: 24px;
	width: 100%;
	min-width: 760px;
	max-width: 1260px;
	/*margin: 0 42% 0px 3%;*/
	text-align: center;

}
.header h1 {
	color: #222;
	font: normal 4em sans-serif;
	margin-top: 5px;
	text-align: center;
	padding-top: 40px;
}
.header h2 {
	border-top: 1px solid #EEE;
	color: #666;
	text-align: right;
}
.header h2 span {
	background: #222;
	color: #EEE;
	/*padding: 0 6px;*/
}

/* left side (main content) */

.main-left {
	/*margin: 0 3% 20px 3%;
	width: 93%;
	min-width: 600px;
	float:left;*/
	margin: 0 42% 20px 2%;
	width: 80%;
	/*border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;*/
}

.content{
	padding-top: 0px;
}

.content .descr {
	/*color: #06F;*/
	color: #A29898;
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 6px;
}
.content li {
	list-style: url('../images/li.gif');
	margin-left: 18px;
}
.content h1 {
	font-size: 2.0em;
	margin-bottom: 4px;
	color: #615858;
}


/*.content a,.footer a {
	color: #F06;
	text-decoration: none;
}*/
/*.content a:hover,.footer a:hover {
	color: #444;
}*/

/*.content .content_table{
	width: 50%;	
}*/

/* nav & subnavigation */
.nav,.main-right {
	position: absolute;
	top: 45px;
}	

/* navigation */
.nav {
	right: 5%;
	text-align: right;
	width: 10%;
	
}


ul#ul_nav{
	font: lighter 2.0em "Helvetica Neue Light", Helvetica, Arial;
}

.nav li a {
	color: #838383;
	display: block;
	text-transform: lowercase;
	padding: 0;
	margin: 0;
}
.nav li a:hover {
	/*background: #FAFAFA;
	color: #F06;*/
	color: #E25158;
}

.nav li .selected {
	color: #E25158;
}

ul#mostre_submenu{
	padding: 0;
	margin: 0;
}

ul#mostre_submenu li {
	text-transform: lowercase;
	font: normal 0.6em "Helvetica Neue Light", Helvetica, Arial;
	/*color: #000;*/
	padding: 0;
	margin: 0;
}


/* footer */
#footer {
      width: 100%;
      background: #FFF url(/images/bgbottom.gif) repeat-x bottom;
      font: normal 0.9em "Helvetica Neue Light", Helvetica, Arial;
      text-align: center;
      position: fixed;
	  left: 0px;
	  bottom: 0px;
	  height: 5%;

    }
    #footer p{
    	margin-top: 1%;
    }
    
    #link a{
    	background: url(/images/freccia.gif) no-repeat 2px;
    	text-decoration: none;
    	padding-left: 15px;
    	padding-bottom: 2px;
    	font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;
    	text-transform: uppercase;
    	color: black;
    }


.footer {
	color: #666;
	/*border-top: 1px solid #EEE;*/
	/*font: normal 1em Verdana,sans-serif;*/
	font: normal 1.0em "Helvetica Neue Light", Helvetica, Arial;
	/*margin: 10% 42% 0 3%;*/
	padding: 8px 6px;
	/*min-width: 600px;*/
	/*clear: both;*/

}


/* Floats */ 
.left,.alignleft {float: left;}
.right,.alignright {align: center;}
.center {color: #AAA; text-align: center;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
	height: 0;
}

div#lista_mostre{
	width: 100%;
	padding-top: 50px;
}

div#mostra_entry{
	width: 100%;
	font: normal 1.5em "Helvetica Neue Light", Helvetica, Arial;
	color: #838383;
	margin-bottom: 20px;
}

div#mostra_entry span{
	text-transform: capitalize;
}

div#mostra_entry a{
	padding-left: 15px;
	text-transform: uppercase;
	color: #acacac;
	font: normal 1.0em "Helvetica Neue Light", Helvetica, Arial;
	width: 100%;
} 


div#mostra_corrente{
	width: 120%;
	text-align: center;
	position: relative;
}

div#mostra_immagine{
	text-align: center;
	width: 100%;
		
}

div#img_container{

	width: 100%;
	height: 330px;
	line-height: 330px;
	position: relative;
	margin: 0;
	text-align: center;
	/*border:1px solid #ccc;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
div#mostra_immagine img {

	border:1px solid #ccc;
	vertical-align: middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
div#mostra_immagine a:hover img {
	outline:1px solid #000;
	text-decoration: none;
	/* show on top of the expose mask */
}

div#mostra_dettagli{
	text-align: center;
	width: 100%;
	padding-top: 2%;	
}

div#mostra_titolo{
	font: normal 1.5em "Helvetica Neue Light", Helvetica, Arial;
	text-transform: uppercase;
}

div#mostra_data{
	font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;
	text-transform: lowercase;
}


div#lista_artisti{
	width: 100%;
	text-align: left;
	position: relative;
	
	/*background: #EAEAEA;*/
}

div#artisti_container{
	width: 100%;
	position: relative;
	
}

div#artisti_container ul{
		
	/*margin-left: 10%;	*/
	list-style: none;
	float: left;
	width: 100%;
	
	
	
}

div#artisti_container ul li{
	
	float: left;
	line-height: .3em;
	text-align: left;
	/*border:1px solid #ccc;*/
	list-style: none;
	padding-top: 3%;
	padding-bottom: 1%;
	padding-left: 0;
	padding-right: 2%;
	margin-left:0;
	
}

div#artisti_container ul li a{
	
	width: 100%;
	height: 100%;
	text-align: center;
	text-transform: capitalize;
	color: #838383;
	font: normal 1.3em "Helvetica Neue Light", Helvetica, Arial;
	
}

li#artista_wrapper{

	float:left;
	min-width: 1.5em;
	list-style: none;
	margin: 0 10px 10px 0;

}

div#lista_cataloghi{
	width: 120%;
	text-align: center;
	position: relative;
}

div#cataloghi_container{
	width: 90%;
	margin-left: 5%;
	position: relative;
	
}

div#cataloghi_container ul{
	
	
	margin-left: 10%;	
	list-style: none;
	float: left;
	width: 80%;
		
}

div#cataloghi_container ul li{
	
	float: left;
	width: 130px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	margin: 0 10px 10px 0;
	background-color:#fff;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	list-style: none;
	
}

div#cataloghi_container ul li img{
	border:1px solid #ccc;
	vertical-align: middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

div#cataloghi_container ul li a{
	
	width: 100%;
	height: 100%;
	text-align: center;
	text-transform: capitalize;
	color: #B9B5B5;
	font: normal 100% "Helvetica Neue Light", Helvetica, Arial;
	
}

#text_content{
	float:left;
}

div#news_content{
	float: left;
	position: relative;
	width: 55%;
}

div#text_container{
	float: left;
	position: relative;
	width: 100%;
	height: 300px;
	overflow: auto;
}

div#content_p{
	position: absolute;
	text-align: justify;
	width: 95%;
	padding-right: 15px;
	font: normal 12px "Helvetica Neue Light", Helvetica, Arial;

}

div#sliderbox{
	float: right;
	display: none;
	background: #7F7F7F;
	width: 15px;
	height: 300px;
	margin-top: -300px;

}

div#slider{
	background: #000;
	width: 15px;
}


#info{
	text-align: left;
	padding-top: 5px;
	font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;
	color: #838383;
	text-transform: lowercase;
	padding-top: 320px;
	position: absolute;

}

#info_dx{
	width: 100%;
	text-align: right;
	padding-right: 10px;
	margin-top: 330px;
	font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;
	color: #838383;	
	position: absolute;
}

#info_dx2{
	width: 100%;
	text-align: right;
	padding-right: 10px;
	margin-top: 350px;
	font: normal 1.2em "Helvetica Neue Light", Helvetica, Arial;
	color: #838383;	
	position: absolute;
}

#info_dx a, #info_dx2 a{
	font: normal 1.0em "Helvetica Neue Light", Helvetica, Arial;
	color: #838383;
}



#page_title {
	width: 100%;
	position: absolute;
	margin-top: -7em;
	float: left;
	margin-left: 0;
}

#page_title h1{
	color: #222;
	font: 2.5em "Helvetica Neue Light", Helvetica, Arial;
	font-weight: 100;
	margin-top: 5px;
	text-align: left;
	text-transform: lowercase;
	color: #E25158;

}
#page_title span{
	color: #838383;
	margin-top: 0;
	font: 1.2em "Helvetica Neue Light", Helvetica, Arial;
	float: left;
	text-transform: uppercase;

}

#text_sum{
	
	width: 100%;
	text-align: justify;
}

#img_sum {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin: 0px 2px 5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#prova{
	position: relative;
	width: 30%;	
	color: #fff;
	background: #000;
	float: right;
}

#triggers_solo{
	float: left;
	width: 30%;
	padding-left: 20px;
}

#triggers_solo ul{
	padding: 0;
	margin: 0;	
	list-style: none;
	float: left;
	width: 100%;
}

#triggers_solo ul li{
	padding: 0;
	margin: 0;	
	list-style: none;
}


#triggers_solo ul li{
	float: left;
	width: 300px;
	height: 300px;
	line-height: 300px;
	text-align: center;
	margin: 0 10px 10px 0;
	background-color:#fff;
	/*border:1px solid #ccc;*/
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}




#triggers_solo ul li img {

	border:1px solid #ccc;
	vertical-align: middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers_solo a:hover img {
	outline:1px solid #000;
	text-decoration: none;
}


#triggers{
	float: left;
	/*width: 30%;*/
	padding-left: 0%;
}

#triggers ul{
	padding: 0;
	margin: 0;	
	list-style: none;
	float: left;
	width: 100%;
}

#triggers ul li{
	padding: 0;
	margin: 0;	
	list-style: none;
}


#triggers ul li{
	float: left;
	width: 150px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	margin: 0 10px 10px 0;
	background-color:#fff;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#triggers ul li img {

	border:1px solid #ccc;
	vertical-align: middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* the active thumbnail */
#triggers a:hover img {
	outline:1px solid #000;
	text-decoration: none;
	/* show on top of the expose mask */
}

#no_image_wrapper{
	float: left;
	display: block;
	width: 20%;
	
	
}


.simple_overlay
{
	display: none;
}