/* CSS Document Sanluca 2010*/
*{margin:0; padding:0}
body{
background:#dddddd url(../images/elementi/bg_dot.gif);
color:#000;
font:12px  Arial, Helvetica, sans-serif;
overflow:hidden;
overflow:auto;
}

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:#848484;}
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;}


#bghead{position:absolute; top:0; left:0; z-index:-1; background: url(../images/elementi/bg.png) repeat-x top left; width:2000px !important; height:256px;  }
/*#main*/
#main{ overflow:hidden; width:100%;   position:relative;  z-index:3; }
/*head*/

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



#head h1#koine{
	display:block;
	width:128px; 
	height:128px; 
	overflow:hidden; text-indent:-9000em;
	position:absolute;
	top:0px;
	left:577px;
	z-index:10;
	 cursor:pointer;
}
#head h1#koine a{ 
display:block;
background:url(../images/koine.png); width: 118px; height: 114px;
margin:5px; 
}

#head h1#koine  span.bg {-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

#head h1#mrk {

	display:block;
	width:128px; 
	height:128px; 
	overflow:hidden; text-indent:-9000em;
	position:absolute;
	top:0px;
	left:714px;
	z-index:10;
	 cursor:pointer; }
#head h1#mrk p{	background-image:url(../images/elementi/crediti.png);	width:128px; 
	height:128px;position:absolute;
	top:0px; left:0;}	 
#head h1#mrk  a{  width:70px; height:10px; display:block; margin:4px; overflow:hidden; position:absolute;  background: #eee;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
#head h1#mrk  a#mtn{ top:98px; left:56px;}
#head h1#mrk  a#grafmed{ top:111px; left:2px;}

#head h1#mrk  span.bg {-ms-filter:alpha(opacity=60);filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

#head h1#logo{

	display:block;
	width:128px; 
	height:128px; 
	overflow:hidden; text-indent:-9000em;
	position:absolute;
	top:0px;
	left:0px; cursor:pointer;
} 

#head h1#logo a{background:#353; display:block;	width:128px; 
	height:128px; position:absolute; top:0; left:0; z-index:20 ;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);-moz-opacity:0;opacity:0}




#head h1#cont{

	display:block;
	width:128px; 
	height:128px; 
	overflow:hidden; 
	position:absolute;
	top:0px;
	left:852px;
	z-index:10;
}
#head h1#cont p{
	font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:1.2em;
	padding:5px;
	width:118px; 
	height:118px; position:absolute;
	top:0px; left:0;}	 
#head h1#cont  span.bg{-ms-filter:alpha(opacity=40);filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}
#head h1#cont p a{color:#fff;}
#head h1#cont p a:hover{color:#e3007a !important;}
#head h1#cont p strong{display:block;}

#head #imgbg{ width: 721px; height:756px; position:absolute; top:0; left:0; z-index:0;}


#head h1#cont a{ display:inline !important; width:auto !important; height:auto !important}

/*/head*/
/*corpo*/
#corpo{ position:relative; padding:266px 0 105px 0; width:985px;overflow:hidden;/* background:#0f0; */}
#dx{ width:280px;overflow:hidden;float:right; position:relative; padding:45px 0; font:10px Arial, Helvetica, sans-serif;/* background:#000;*/}
#dx #links{ 
width:156px; 
height:16px; 
overflow:hidden; 
list-style:none; 
position:absolute; 
top:0px; 
left:20px;
}
#dx iframe{ margin: 0 0 0 14px; background:#fcfcfc;}


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


#dx h5{ font:11px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; width:118px; height:16px; overflow:hidden; position:relative; color:#fff; padding:0 5px ; white-space:nowrap;  margin:0 0 10px}
#dx h5  span.bg{-ms-filter:alpha(opacity=50);filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
#dx .cols .el{padding:5px; margin:0 0 5px; background:}
#dx .cols a{ display:block; color:#000; margin:0 0 3px}
.nero{color:#000 !important;}
#dx .cols a:hover{color:#e3007a !important}
#dx form{position:relative; overflow:hidden; width:128px; overflow:hidden; margin:0 0 28px 0; padding:0 0}
#dx form input{display:block; width:80px; background:#696969; color:#fff; border:none; margin:0 5px 1px}
#dx form input:focus{ background:#e3007a}
#dx form button{position:absolute; top:26px; right:22px; border:none; width:12px; height:12px; background:#e3007a url(../images/elementi/freccia.gif) no-repeat center center; text-indent:-9000em; cursor:pointer;}
#dx .sponsorsblog{  width:128px; height:277px; overflow:hidden; margin:0 0 5px; position:relative;}
#dx .sponsorsblog .itemsp{
width:128px; height:554px; overflow:hidden;
}
#dx .sponsorsblog .itemsp a{ width:128px; height:82px; overflow:hidden; display:block;margin:0 0 10px; }
#dx .sponsorsblog .itemsp a img{ width:128px; height:82px; display:block;}
/***********************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******************************************************************/
#corpo #container{ width:705px; overflow:hidden; position:relative;/*background:#333; */float:left;}
#corpo #container .elenco{position:relative !important; overflow:hidden;  width:576px; margin:0 0 10px 128px; padding:0  }
/*#corpo #container>.elenco.first{ -ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90;}*/
#corpo #container .elenco h2{ margin: 0 ; width:490px; height:46px; overflow:hidden; font:bold 24px Georgia, "Times New Roman", Times, serif; line-height:0.91em; color:#000; position: absolute; top:10px; left:20px;}
#corpo #container .elenco h2 a{color:#3b3b3b;}
#corpo #container .elenco h2 a:hover{color:#e3007a;}
#corpo #container .elenco .data{ width:60px; height:60px;position:absolute; padding:0; top:60px; right:4px; background:#565258;  }
#corpo #container .elenco .data p{background:#e3007a; color:#fff; width:50px; height:56px; font-size:14px; text-transform:lowercase; padding:2px 5px;}
#corpo #container .elenco.first .data p{ background:#e3007a url(../images/elementi/bg_pinna_pic.png) no-repeat 6px 15px; text-indent:-9000em !important}
#corpo #container .elenco .data p strong{ display:block; font-size:30px;}
#corpo #container .elenco .immgh{ 
width:492px; 
height:330px; 
border-color:#f4f4f4; 
border-style:solid; 
border-top-width:60px;  
border-right-width:66px;  
border-bottom-width:75px;
border-left-width:20px;  
/*background:#fff; */
overflow:hidden; 
display:block; 
} 
#corpo #container .elenco .immgh img{ width:492px;}


#corpo #container .elenco .bg {  width:492px !important; height:90px; position:absolute; top:auto !important;  bottom:75px !important; left:20px !important; z-index:1 !important; -ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70; }

#corpo #container .elenco .highlight{ background:  url(../images/elementi/freccia_elenco.gif) no-repeat 442px 60px; width:432px; padding:15px 48px 15px 12px; height:60px; z-index:5 !important; color:#fff !important;    position:absolute; bottom:75px !important; left:20px !important;  }
#corpo #container .elenco .highlight a{color:#fff; display:block;   width:432px; padding:0px 48px 10px  0; height:60px;}
#corpo #container .elenco .autore{ width:108px; height:55px; background:#f1c3dc url(../images/elementi/bg_pinna.png) no-repeat bottom right; overflow:hidden; padding:10px; display:block; float:left;  font-size:10px; position:absolute; bottom:0; right:64px; font:10px Verdana, Arial, Helvetica, sans-serif;}
#corpo #container .elenco .autore span{position:absolute; bottom:10px;left:10px;}
/*#corpo #container .elenco .autore strong{color:#e3007a; font-weight:normal;}*/
#corpo #container .elenco .tools{ width:364px; font-size:10px; overflow:hidden; position:absolute; bottom:24px; left:20px; }
#corpo #container .elenco .tools a{ display:block; float:left; height:28px; line-height:28px; border-right:solid 1px #b5b3b6; padding:0 10px 0 0; margin:0 10px 0 0 }
#corpo #container .tools iframe{position:absolute; top:5px; left:270px;}
#corpo #container .elenco .tools a.addthis_button{border-right:none !important;}
#corpo #container .elenco .tools a span{color:#e3007a;}


#corpo #container #paginazione{ width:638px; overflow:hidden; background:#f4f4f4;  margin:10px 0 0 68px }
#corpo #container #paginazione>a{background:#000 url(../images/elementi/bg_freccia_up.gif) no-repeat left bottom; color:#fff; display:block; width:56px; height:56px; float:left; margin:0; padding:2px;}
#corpo #container #paginazione>a:hover{background-color:#e3007a;}
#corpo #container #paginazione #pag{  float:left; overflow:hidden; height:60px}
#corpo #container #paginazione #pag div{ background:#e3007a; color:#fff; display:block; width:56px; height:56px; float:left; padding:2px; font-size:20px; font-weight:bold; margin:0 5px 0 0 }
#corpo #container #paginazione #pag div p{font-size:14px; font-weight:normal}
#corpo #container #paginazione #pag  a{display:block; float:left; height:28px; line-height:28px; border-right:solid 1px #b5b3b6; padding:0 10px 0 0; margin:18px 10px 0 0; font-size:10px; }
#corpo #container #paginazione #pag  a#psuc{ border-right:none}
#corpo #container #paginazione   a#back{ background:#e3007a url(../images/elementi/bg_f_back.gif) no-repeat 5px  35px!important; margin:0!important; }
#corpo #container #paginazione   a#back:hover{background-color:#565258 !important }
/************************************************************dettaglio*****************************************************************/
#corpo #container #content {  position:relative !important; overflow:hidden;  width:576px; margin:0 0 0px 128px; padding:0 0 0px 0px  }

#corpo #container #content h2{ margin: 0 ; width:490px; height:46px; overflow:hidden; font:bold 24px Georgia, "Times New Roman", Times, serif; line-height:0.91em; color:#000; position: absolute; top:10px; left:20px; z-index:3; color:#000;}
#corpo #container #content h2 a{color:#848484;}
#corpo #container #content .closeel{width:70px; height:2px; display:block; position:relative; bottom:auto; left:-20px;  bottom:0; left:128px; background:#e3007a; clear:both;}


#corpo #container #slidecontainer .data{ width:60px; height:60px;position:absolute; padding:0; top:60px; right:4px; z-index:25; background:#565258;  }
#corpo #container #slidecontainer .data p{background:#e3007a; color:#fff; width:50px; height:56px; font-size:14px; text-transform:lowercase; padding:2px 5px;}
#corpo #container #slidecontainer .data p strong{ display:block; font-size:30px !important; }
#corpo #container #slidecontainer .data.first p{ background:#e3007a url(../images/elementi/bg_pinna_pic.png) no-repeat 6px 15px !important; text-indent:-9000em !important}

#corpo #container #slidecontainer .autore{ width:108px; height:55px; background:#f1c3dc url(../images/elementi/bg_pinna.png) no-repeat bottom right; overflow:hidden; padding:10px; display:block; float:left;  font-size:10px; position:absolute; bottom:0; right:64px; font:10px Verdana, Arial, Helvetica, sans-serif;}

#corpo #container #slidecontainer .autore span{position:absolute; bottom:10px;left:10px;}
/*#corpo #container .elenco .autore strong{color:#e3007a; font-weight:normal;}*/
#corpo #container #slidecontainer .tools{ width:364px; font-size:10px; overflow:hidden; position:absolute; bottom:24px; left:20px;}
#corpo #container #slidecontainer .tools a{ display:block; float:left; height:28px; line-height:28px; border-right:solid 1px #b5b3b6; padding:0 10px 0 0; margin:0 10px 0 0 }

#corpo #container #slidecontainer .tools a.addthis_button{border-right:none !important;}
#corpo #container #slidecontainer .tools a span{color:#e3007a;}


#slidecontainer {
background:#334;
width:576px;
height:465px;
position:relative; 
overflow:hidden;
float:left;
margin:0 0 10px;
}
#slidecontainer #progslide{ width:492px; 
height:330px; 
border-color:#f4f4f4; 
border-style:solid; 
border-top-width:60px;  
border-right-width:66px;  
border-bottom-width:75px;
border-left-width:20px;  
/*background:#fff; */
overflow:hidden; 
display:block; }

#slidecontainer img{ width:492px; height:330px; float:left;}
#slidecontainer .bg{  width:492px; height:85px; top:auto; bottom:75px; left:20px; z-index:20; -ms-filter:alpha(opacity=70);filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
#progcoldx{  width:364px; height:85px; padding:0px 0 ;position:absolute;bottom:75px;left:20px; z-index:25; overflow:hidden; margin:0}
#progcoldx li{ height:85px ;width:364px;  display:block; float:left;}
#progcoldx li a{margin:5px 0 0px 5px; display:block;  float:left; width:112px; height:75px; overflow:hidden; -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:120px; height:85px;}
.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 -146px}




#slidecontainer #next,#slidecontainer #prev{ color:#fff; font-weight:bold; width:28px; height:21px; margin:0 1px 0 0; display:block;  padding:5px 10px; background: url(../images/elementi/f_rassegna.gif) no-repeat; position:absolute; right:68px; z-index:25;}
#slidecontainer #next{ background-position:0px -45px; bottom:75px; }
#slidecontainer #prev{ background-position:0px 6px; bottom:129px; }
#slidecontainer #next:hover{background-position:0px -126px;}
#slidecontainer #prev:hover{background-position:0px -75px;}

#testo{
width:478px;
background:#f2f2f2;
position:relative; 
overflow:hidden;
margin:0 0 10px; padding:20px 66px 20px 32px}





/*link e documenti dettaglio*/
#content #link,#content #docs {

display:block !important;
width:468px !important;
position:relative !important; 
overflow:hidden !important;
margin:20px 0 0px !important; padding:30px 10px 0 0 !important;
border-top:solid 1px #bfbfb7;
}
#content #link h4,#content #docs h4{ position:relative; overflow:hidden; margin:5px 0; color:#717363;}
#content #link li,#content #docs li{
display:block !important;
width:354px !important;
position:relative !important; 
overflow:hidden !important;
margin:0 0 10px !important;
}


/**********************************************************commenti********************************************************************/
#elencocommenti{width:576px; position:relative; overflow:hidden; margin:0 0 10px; }
#elencocommenti .bg{ background:#a1a191 !important; width:516px !important;  -ms-filter:alpha(opacity=50);filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

#elencocommenti h2{ position:relative !important; margin:0px 0 20px; }
#elencocommenti div.nick{ padding:5px; width:486px; margin:0px 0 10px; height:50px; overflow:hidden; background:#717363;  color:#fff;}

#elencocommenti div.nick strong{ display:block; color:#fff;}

#elencocommenti div.cntcom{width:556px; position:relative; overflow:hidden; margin:0 0 10px; padding:0 0 30px 20px; }
#elencocommenti div.cntcom span{ display:block; background:url(../images/elementi/bg_comm.png) no-repeat bottom left; width:60px; height:60px; position:absolute; top:0; right:0; z-index:1}
#elencocommenti div.cntcom h5, #elencocommenti div.cntcom p{margin:0 0 0 5px ;}
#elencocommenti div.cntcom p {width:475px; overflow:hidden;}

 /*domande / risposte*/
#elencocommenti h6{ background:#e3007a url(../images/elementi/bg_f_risp.gif) no-repeat right bottom; padding:2px 5px 0; height:21px; width:226px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif;margin:20px 0 5px;}

/****************************************form***************************************************/
#loadingbtn  {display:none ;}
#contForm{ width:576px; font-size:9px; margin:0 0 0px; position:relative; overflow:hidden;}
#contForm span.fume{ display:block; background:url(../images/elementi/bg_comm.png) no-repeat top left; width:60px; height:60px; position:absolute; top:0; right:0; z-index:1}
#contForm h2{ position:relative !important; top:auto !important; left:auto !important; z-index:auto !important; margin:0px 0 20px; color:#e3007a !important;  padding:10px 0 0 20px !important }
#contForm .bg{ background:#e3007a !important; width:516px !important;  -ms-filter:alpha(opacity=10);filter:alpha(opacity=10);-moz-opacity:0.10;opacity:0.10;}
#contForm.nl .bg{z-index:0!important; background:#fff !important; -ms-filter:alpha(opacity=50);filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
#contForm  form{ text-align:left; width:526px; position:relative; overflow:hidden; margin:0 0 0 20px}
#contForm fieldset{  width:492px; overflow:hidden; margin:0 0 5px 0; padding:0px  ;  text-align:left; 
border:none; position:relative;
}
#privacy div {padding:0 10px;}
#privacy h3,
#contForm fieldset h6{ border-bottom: solid 1px #cfcfcf; margin:0 0 10px; padding: 5px 0px; color:#e3007a;}
#contForm fieldset label{display:block; width:341px; height:58px;  margin:0 0px 10px 0; padding:0 5px ; overflow:hidden; background:#717363; color:#fff; text-transform:lowercase }  
#contForm fieldset label input,#contForm fieldset label select {width:128px; margin: 0px 0 0; background:#717363; border-color:#ddd; color:#fff; }

#contForm fieldset textarea, #formcheckout textarea{width:340px !important;margin: 0px 0 0px; height:46px; overflow:auto; background:#717363; color:#fff; border:none;}
#contForm button{ font-size:12px ; font-weight:bold; border:none; color:#fff; background:#000; padding:0px 3px 10px !important ; width:55px; height:23px; cursor:pointer; text-transform:lowercase; text-align:left}

#vercode{ position:absolute; bottom:0px; right:0px; width:130px !important; }
.inputs{ width:180px !important; position:relative; height:15px !important; }
.inputs input{ position:absolute; right:0; top:0; border:none !important}
fieldset.last a{clear:both !important; display:block; color:#e3007a;}
.info{ background:none !important; height:20px !important; margin:5px 0 !important; float:left !important; width:150px !important; color:#e3007a !important; }


#discl{ background:#e4e3e4; width:162px; padding:10px; font-size:11px; position:absolute; right:60px; top:10px;color:#e3007a;}
#discl span{ display:block; color:#000}


/*patch per nl*/
.nl label{ float:left !important; margin:0 10px 10px 0 !important}
.nl #vercode{position:absolute; top:25px;bottom:auto; left:0px; right:auto width:130px !important; margin:0 !important;}
.nl h6{ margin:0 20px 10px 0 !important;}
#txt{
position:relative; 
overflow:hidden;
margin:0 20px 10px; }

#txt a{ display:block; color:#fff; margin:10px 0; font-size:12px;}
/****************************************form***************************************************/ 
 

  /************************************************************interno******************************************************************/
#msgform{padding:10px; background:#e4e3e4; }
#msgform h3{ font:14px Arial, Helvetica, sans-serif; color:#e3007a;}
#msgform h4{ margin:10px 0px; font:12px Arial, Helvetica, sans-serif; color:#000;}