/* CSS Document Sanluca 2010*/
*{margin:0; padding:0}
html{height:100%; overflow:hidden;}
body{
background:#dddddd;
color:#fff;
font:12px  Arial, Helvetica, sans-serif;
overflow:hidden;
height:100%; overflow:hidden;
}

div, p , h1, h2, h3, h4, h5, h6{display:block;} 



h1{font-size:24px;} 
h2{font-size:24px;} 
h3{font-size:24px; margin:0 0 10px}
h4{font-size:13px;}
h5{font-size:12px;}
h6{font-size:11px;}

img{border:none;}
a {text-decoration:none;color:#fff;}
a:hover{color:#e3007a;}

a:focus { outline: none; }
.hidden, #logoprint, #closeprint{display:none !important;}


input, select, textarea{color:#858385; border:solid 1px #DFDFDF; font:10px Verdana, Arial, Helvetica, sans-serif}

.bg{background:#000; width:1000px; height:1000px; position:absolute; top:0; left:0; z-index:-1; display:block; }	

.clear{ clear:both;}

#loadingsite{ background:#000 url(../images/loadfoto.gif) no-repeat center center; width:100%; height:100%; position:absolute; top:0; left:0; z-index:5000; -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}

/*#tgallery{ position:absolute; bottom:0; right:0; overflow:hidden; width:100%; height:100%; z-index:0; border:solid 1px #fff; }
#tgallery img{width:100%; min-width:1024px; min-height:768px; margin:2px 0 0 2px !important}*/
#supersize{
			position:fixed !important;
			position:absolute;
			padding:1px;

			z-index: 0;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			z-index: 0; margin:2px 0 0 2px !important
		}
		/*#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}*/

#bordi{position:absolute; top:0; left:0; right:0; bottom:0; border:solid 1px #fff; z-index:1;}
#bghead{position:absolute; top:0; left:0; z-index:2; background:url(../images/elementi/bg_main.png) no-repeat top left; width:354px; height:256px;  }
/*#main*/
#main{ overflow:hidden; width:100%;  height:100%; position:relative;  z-index:3; }
/*head*/

#head{ color:#fff; overflow:hidden; width:100%; height:256px; position:absolute; top:0px; left:0px;}

#head h6 a{ background:#e3007a ; 
	display:block;
	width:128px; 
	height:128px; 
	overflow:hidden; text-indent:-9000em;
	position:absolute;
	top:0;
	right:0;
}
#head h6 a span{ background-image:url(../images/elementi/marchiold.png) ;  width:67px; height:68px; display:block; margin:8px; overflow:hidden; position:absolute; top:0; left:0;}
#head #comepar,#head form, #head #visblog  {display:block;
	width:118px; 
	height:104px; 
	overflow:hidden; 
	font:bold 14px Helvetica, Arial, sans-serif; 
	color:#b5b5b5; 
	padding:12px 0px 12px 10px; 
	position: absolute; 
	top:0; left:128px;
	}

#head #comepar .bg{-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}
#head form .bg{-ms-filter:alpha(opacity=78);filter:alpha(opacity=78);-moz-opacity:0.78;opacity:0.78;}
#head #visblog .bg{background-color:#e3007a !important; -ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

#head #comepar span,#head form span,#head #visblog span { font:normal 12px Arial, Helvetica, sans-serif; position:absolute; bottom:6px; left:10px; color:#e3007a }
#head #visblog span{color:#fff !important;}
#head form{ left:256px;}
#head #visblog { left:384px; color:#fff; }
#head form h3{ margin:0 0 13px; font-size:14px !important}
#head form input{display:block; width:80px; background:#696969; color:#fff; border:none; margin:0 0 1px}
#head form input:focus{ background:#e3007a}
#head form button{position:absolute; top:72px; right:22px; border:none; width:12px; height:12px; background:#e3007a url(../images/elementi/freccia.gif) no-repeat center center; text-indent:-9000em; cursor:pointer;}
#head form button:hover{ background-color:#fff;}
#head form a{ font:10px Arial, Helvetica, sans-serif; }
#head #msgtemp{font:10px Arial, Helvetica, sans-serif; color:#fff;}


#head h1 a{
	background:#e3007a /* url(../images/elementi/logo.png) no-repeat 4px 4px*/; 
	display:block;
	width:128px; 
	height:128px; 
	overflow:hidden; text-indent:-9000em;
	position:absolute;
	top:128px;
	left:0; }
#head h1 a span{ background-image:url(../images/elementi/logo.png); width:105px; height:67px; display:block; margin:4px; overflow:hidden; position:absolute; top:0; left:0;}

#head #menu{height:128px; margin:128px 0 0 128px; overflow:hidden; position:relative; list-style:none; padding:0px 0 0 0; }
	#head #menu .bg{-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40; width:5000px}
	#head #menu li{ padding:3px 0 3px 10px; overflow:hidden; display:block; position:relative; width:100%;  }
	#head #menu li span{ display:none;}
	#head #menu li:hover span,	#head #menu li.act span { display:block;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40; position:absolute; z-index:-1 } 	
	#head #menu li:hover a,	#head #menu li.act a{font-weight:bold}

	#head #menu ul {  display: inline; margin:0 0 0 40px; text-transform:lowercase !important}
		#head #menu ul li{display:inline;}
#head #menu ul li a{ font-weight:normal !important}
#head #menu ul li:hover a,	#head #menu ul li.act a{font-weight:bold !important}
	
	 
#head #link{ /*
width:130px; 
height:16px; 
overflow:hidden; 
list-style:none; 
position:absolute; 
top:0; 
left:256px; */
background:#000; }
#head #links{ 
width:156px; 
height:16px; 
overflow:hidden; 
list-style:none; 
position:absolute; 
top:15px; 
left:644px;
}

#head #links li{ display:block; width:16px; height:16px; margin:0 10px 0 0; float:left;}
#head #links li a{ background: url(../images/elementi/linker.gif) no-repeat;width:16px; height:16px; overflow:hidden; display:block; text-indent:-9000em}
#head #links li#ln1 a{background-position:0px 0px;}
#head #links li#ln2 a{background-position:-26px 0px;}
#head #links li#ln3 a{background-position:-52px 0px;}
#head #links li#ln4 a{background-position:-78px 0px;}
#head #links li#ln5 a{background-position:-130px 0px;}
#head #links li#ln6 a{background-position:-104px 0px;}
#head #links li#ln1 a:hover{background-position:0px -16px;}
#head #links li#ln2 a:hover{background-position:-26px -16px;}
#head #links li#ln3 a:hover{background-position:-52px -16px;}
#head #links li#ln4 a:hover{background-position:-78px -16px;}
#head #links li#ln5 a:hover{background-position:-130px -16px;}
#head #links li#ln6 a:hover{background-position:-104px -16px;}

/*/head*/
/*corpo*/
#corpo{ position:relative; margin:0px 0 0 0; top:266px; width:100%; overflow:hidden; }
#sx{ position:relative; width:128px; float:left; left:128px; overflow:hidden;  }
#sx a{
width:117px; 
height:104px; 
display:block; 
overflow:hidden; 
padding:12px 0px 12px 10px; 
font:bold 14px Helvetica, Arial, sans-serif; 
color:#e3007a;
position:relative;  }
#sx .ext{ background:#000; padding:0 !important; width:127px; height:127px; margin:9px 0 0 0; -ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80; }
#sx a span { font:normal 12px Arial, Helvetica, sans-serif; position:absolute; bottom:6px; left:10px; color:#b5b5b5; }
#sx a .bg{-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80; }

#container{  margin:0 0 0 128px; padding:12px 20px; width:472px; /*height:242px;*/ float:left; overflow:hidden; position:relative;  }
#container.rassegna{ width:512px !important;}
#container.edpre { width:600px !important;}
#container.edpre.vincitori {width:344px !important;}

#container .bg{display:block; -ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40; }

#sx form{
width:117px; 
height:104px; 
display:block; 
overflow:hidden; 
padding:12px 0px 12px 10px; 
font:bold 14px Helvetica, Arial, sans-serif; 
color:#fff;
position:relative;
}
#sx form .bg{ -ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80; background:#262525; }
#sx form label{ display:block; margin:0 0 26px}
#sx form input{display:block; width:80px; background:#696969; color:#fff; border:none; margin:0 0 1px}
#sx form input:focus{ background:#e3007a}
#sx form button{position:absolute; top:72px; right:22px; border:none; width:12px; height:12px; background:#e3007a url(../images/elementi/freccia.gif) no-repeat center center; text-indent:-9000em; cursor:pointer;}
#sx form button:hover{ background-color:#fff;}

/***********************home****************************/
#cnthome  { height:105px;}


#cnthome a strong{ font-size:24px; display:block; margin:0 0 10px }

/***********************home****************************/
/*footer*/
#footer{ display:block; position:absolute; bottom:0; right:0; width:128px; padding:5px 0; text-align:center; overflow:hidden;border:solid 1px #000;} 
#footer .bg{-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
#footer a#pow{ background:url(../images/elementi/pow.png); width:90px; height:12px; display:block; margin:0 auto; text-indent:-9000em;}
/*footer*/


 /************************************************************interno******************************************************************/
/*testo*/ 
/*gestisco le colonne*/
#container p{margin:0 0 10px}
#testo{height:200px; overflow:hidden;}
.first.column{ margin:0 25px 0 0; width:220px !important}




/*rassegna stampa*/
#rassegna{ height:265px; width:552px; overflow:hidden; position:relative; margin:0 -20px}
#rassegna .item{width:108px; float:left; margin:0 0 20px; font-size:11px; padding:0 10px}
#rassegna .item h5{ font-size:11px; color:#e3007a;}
#rassegna .item a{display:block; color:#aeaeae;}
#rassegna .item a:hover{color:#fff;}
#pag{width:300px; margin:0 0 0 256px; padding:10px 0; clear:both; overflow:hidden;  }
#pag a{ color:#fff; font-weight:bold; width:108px; height:25px; margin:0 1px 0 0; display:block; float:left; padding:5px 10px; background:#000 url(../images/elementi/f_rassegna.gif) no-repeat;}
#pag a#nextr,#pag a#next { background-position:78px -38px; }
#pag a#prevr,#pag a#prev { background-position:78px 14px; }

#pag a:hover{background-color:#e3007a}
/*rassegna*/

/*elenco progetti*/
#progetti{ height:256px;width:640px; overflow:hidden; position:relative;   margin:-12px -20px}

#progetti .itemmedia{height:256px;width:640px; overflow:hidden; position:relative;}
#progetti .item{ width:99px; height:117px; padding:130px 20px 7px 7px; overflow:hidden; float:left; margin:1px; position:relative; }
#progetti .item div{ position:absolute; top:0; left:0; width:126px; height:126px; overflow:hidden; display:none; }
#progetti .item div.act{display:block !important;}
#progetti .item div img{width:126px; height:126px;}
#progetti .item .bg{ background:url(../images/elementi/bg_prog.png); display:block; position:absolute; top:auto !important; bottom:0 !important; left:0;  width:126px; height:126px;
-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;
 }
.menzionati .item .bg{background:url(../images/elementi/bg_menz.png) !important;}
 
 #progetti .item:hover .bg{-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;} 
 #progetti .item h5{ margin:0 0 5px; height:30px; overflow:hidden;}
 #progetti .item p{ font-size:10px; margin:0; padding:0;}
  #progetti .item a{display:block;}
#pagprog{width:304px; margin:0px 0 0 256px; padding:0; clear:both; overflow:hidden;   }
#pagprog a{-ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}

#pagprog #next,#pagprog #prev{ background: url(../images/elementi/bg_f_prog.png) no-repeat top left; width:25px; height:27px; display:block; float:left; overflow:hidden;text-indent:-900em; margin:30px 1px 0 0 }

 	  
#pagprog #next{ background-position:bottom left; }
#pagprog #pager{ float:left; width:252px; height:27px; margin:30px 0 0 0 }
#pagprog #pager a{display:block; width:13px; height:13px; padding:0; margin:0; background:#fff; text-indent:-9000em; float:left; margin:0 1px 1px 0;} 
#pagprog a:hover, #pagprog #pager a.activeSlide{ background:#e3007a; -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00; }

#posizioni{ background:url(../images/elementi/posizioni.png); width:314px; height:58px; margin:0px 0 0 256px; padding:0; clear:both; overflow:hidden; }

/*elenco progetti*/

/*dettaglio progetti*/
.progdett{ /*corpo*/
background:#303030;
width:490px !important;
height:246px !important;
margin:-138px 0 0 128px !important; 
padding:10px 0 0 278px;
position:relative;
}

#progslide,#slidecontainer {
background:#fff; 
width:256px;
height:256px; 
position:absolute; 
top:0; 
left:0;
overflow:hidden;}

#progslide img{ width:256px; height:256px}
#bgcoldx{ -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; background:#000;  height:256px; width:0px;
position:absolute; top:0; right:0px; z-index:29; }
#progcoldx{  width:0px; height:256px; padding:0px 0 ; overflow:hidden; position:absolute; top:0; right:0px; z-index:30;
}
#progcoldx li{padding:3px 3px 0; margin:16px 0; height:222px; display:block;}
#progcoldx li a{margin:0 0 2px 0; display:block; border:solid 1px #ccc;  -ms-filter:alpha(opacity=50);filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
#progcoldx li a:hover{ -ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00; }
#progcoldx img{ width:48px; height:48px}
.mskplay{ display:block; width:93px; height:93px; background:url(../images/elementi/msk_play.png); position:absolute; top:50%; left:50%; z-index:10; margin:-46px 0 0 -46px}


#slidecontainer #next,#slidecontainer #prev {
display:block;
width:0px;
background:#e3007a;
position:absolute; 
right:0;
z-index:210;
text-align:center;
 -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;
}
#slidecontainer #next:hover,#slidecontainer #prev:hover{background:#696969;}
#slidecontainer #next {top:0;}
#slidecontainer #prev {bottom:0;}
#slidecontainer #next span,#slidecontainer #prev span{display:block; width:13px; height:12px; margin:2px auto; background:url(../images/elementi/bg_frecce_scroll.gif) no-repeat;}
#slidecontainer #next span{ background-position:-12px 0  ;}
#slidecontainer #prev span{ background-position:-12px -12px  ;}
/*dettaglio progetti*/

.progdett h5{ color:#e3007a; margin:0 0 5px; text-transform:capitalize !important; }
.progdett h5 span{color:#fff;}
.lower{ font:10px Arial, Helvetica, sans-serif !important; color:#686868; text-transform:capitalize !important}

.progdett ul{  list-style:none; margin:0 0 15px}
.progdett .lower{ margin:0 !important;}
.progdett ul li{font-weight:bold;  }
.progdett ul li a{ color:#e3007a; display:block; width:130px; overflow:hidden; position:relative;}
.progdett ul li a.act, .progdett ul li a:hover{color:#fff;} 
.progdett ul li a span{background: url(../images/elementi/bg_prog_dett.gif) no-repeat   -120px 0; width:18px; height:7px; display:block; position:absolute; right:0; top:5px; z-index:200}
.progdett ul li a.act span{background:url(../images/elementi/bg_prog_dett.gif) no-repeat  -139px 0;}
.lower span{color:#fff; display:block; margin:0 0 14px}

.jScrollPaneContainer{position:absolute!important; bottom:10px !important; left:278px !important;}
.holder{width:362px; height:107px; overflow:hidden; position:relative; }	
.holder p{margin:0 0 5px}
.scroll{ display:block; width:25px; height:27px; background:url(../images/elementi/bg_prog_dett.gif) no-repeat  ; position:absolute; right:0; text-indent:-9000em;}
#ftop{ top:166px;background-position: -80px 0;}
#fdwn{top:138px; background-position: -40px 0;}

#close{ background:#fff url(../images/elementi/bg_prog_dett.gif); width:25px; height:25px; position:absolute; top:0; right:0; text-indent:-9000em;}
#close:hover{ background-color:#e3007a;}

/**********************************************************************gallery*************************************************************************/


#pgall{width:512px; margin:0 0 0 256px; padding:0px 0; clear:both; overflow:hidden;  }
#pgall a{ color:#fff; font-weight:bold; width:108px; height:25px; margin:0 1px 0 0; display:block; float:left; padding:5px 10px; background:#000 url(../images/elementi/f_rassegna.gif) no-repeat; text-indent: -900em !important}
#pgall a#next{ background-position:78px -38px; }
#pgall a#prev{ background-position:78px 14px; }
#pgall a:hover{background-color:#e3007a}
#pgall a#closeg{background:#000 url(../images/elementi/close_gall.gif) no-repeat 104px 12px !important}
/**********************************************************************gallery*************************************************************************/

/****************************************azienda promotrice***************************************************/
#container #immgh{ width:190px; height:190px; float:left; position:relative; margin:-12px 20px 10px -20px ;  }


.azpromo #testo{  height:auto !important; font-size:11px !important; padding:0 !important}
.azpromo #testo .column{ margin:0 0px 0 0; width:282px !important}
/****************************************azienda promotrice***************************************************/

/****************************************partner e patrrocini (elenco)***************************************************/
.patrocini, .partner {width:520px !important;  padding:0 !important;}
.patrocini div.bg, .partner div.bg{display:none !important;}
#container .elenco{

width:256px;
height:128px;
position:relative;
overflow:hidden;
float:left;
margin:0 1px 10px 0;
float:left;
font-size:11px;
}
#container #content,#container #content .item {width:520px !important; height:260px; overflow:hidden;  padding:0 !important;}

#container .elenco .immgh{width:128px; height:128px; float:right; overflow:hidden; }
#container .elenco .immgh img{ width:128px;}
#container .elenco .bg{ -ms-filter:alpha(opacity=50) !important;filter:alpha(opacity=50) !important;-moz-opacity:0.50 !important;opacity:0.50 !important;}
#container .elenco h5{font-size:11px; width:115px; position:relative;}
#container .elenco h5 a{color:#e3007a;position:relative !important; bottom:auto !important;}
#container .elenco h5 a:hover{color:#fff;}
#container .elenco a{ margin:10px; display:block;  width:115px;}
#container .elenco p{margin:10px;  width:115px; color:#aeaeae;}
#container .elenco a.lnk, #container .elenco a.ext { position:absolute; bottom:3px; z-index:2;}
/****************************************partner e patrrocini (elenco)***************************************************/






/****************************************form***************************************************/
#loadingbtn, #container h2 {display:none ;}
#contForm, #formcheckout{ width:593px;}
#contForm  form, #formcheckout{ text-align:right}
#privacy,
#contForm fieldset,#formcheckout fieldset{ background:#fff; width:553px; overflow:hidden; margin:0 0 5px 0; padding:20px  ;  text-align:left; 
border:none;
}
#privacy div {padding:0 10px;}
#privacy h3,
#contForm fieldset h6,#formcheckout fieldset h6{ border-bottom: solid 1px #cfcfcf; margin:0 0 10px; padding: 5px 10px; color:#28559a;}
#contForm fieldset label{ width:170px; float:left; margin:0 0px 10px 0; padding:0 0 0 10px; overflow:hidden; }  
#contForm fieldset label input,#contForm fieldset label select {width:149px; margin: 5px 0 0 }
#contForm fieldset.wide label{width:540px !important;  }
#contForm fieldset.wide label textarea, #formcheckout textarea{width:470px !important;margin: 5px 0 0;}
#contForm button{ font-size:12px ; font-weight:bold; border:solid 1px #DFDFDF; color:#fff; background:#28559a; padding:2px 5px; cursor:pointer; text-transform:capitalize}

/****************************************form***************************************************/ 
 

  /************************************************************interno******************************************************************/
#msgform{ height:133px; padding:0px; background:#fff; margin:0 0 80px 0}
#msgform h4{ margin:10px 22px;}