/*
 -----------------------------------------------------------------------------
 CSS Documento Base
 -----------------------------------------------------------------------------
 versione:			1.0
 autore:			Maurizio Petrelli
 email:				maurizio@cambioilweb.com
 sito internet:		http://www.benvenutogattolin.it
 -----------------------------------------------------------------------------
 */
/*
 -----------------------------------------------------------------------------
 RESETTO LE IMPOSTAZIONI BASE DEI BROWSERS
 -----------------------------------------------------------------------------
 */
body, span, form1, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, input, table, td, embed, object, blockquote {
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: normal;
}

img {
    border: 0;
}
/*
 -----------------------------------------------------------------------------
 STILE BASE
 -----------------------------------------------------------------------------
 */
html {
	width:100%;
	position:relative;
	float:left;
	
	
}

body {
    font-size: 100%;
    line-height: 140%;
    font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    background: url(../images/CollinaDiMora.jpg) center bottom no-repeat;
	background-color: #f6f6f6;
    color: #3f3f3f;
    width: 926px;
    margin-left: auto;
    margin-right: auto;
	
	
	
}

a:link, a:visited {
    color: #b02e2f;
    font-weight: bold;
}

a:hover {
    color: #f6f6f6;
    background-color: #b02e2f;
    font-weight: bold;
}

em {
    font-style: normal;
    font-weight: bold;
}

blockquote{
	position:absolute;
	left:-9999px;
	
}


/*
 -----------------------------------------------------------------------------
 TIOLO PRINCIPALE DELLa PAGINA
 -----------------------------------------------------------------------------
 */
h1 {
    width: 926px;
    height: 10px;
    text-indent: -9999px;
}
/*
 -----------------------------------------------------------------------------
 INTESTAZIONE E MENU DI NAVIGAZIONE
 -----------------------------------------------------------------------------
 */
.intestazione {
    width: 926px;
    height: 80px;
	position:relative;
}

.intestazione h3#annuncio{
    width: 926px;
	height:36px;	
	position:absolute;
	left:0;
	top: 750px;
	font-size:0.8em;	
	z-index:1000;
}

.intestazione h3#annuncio a{
	background: url(../images/intestazione/gattolin2010.gif) no-repeat;
	width: 926px;
	height:36px;
	display:block; block;
	text-indent:-9999px;
}


#prefazione{
	display:block;
	width:100%;
	font-family: arial, Verdana,  sans-serif;
	font-size:0.7em;
	list-style:none;
	float:left;
}

#prefazione li{
	display:block;
	margin-left:15px;
	float:right;
	text-align:right;
	}

h2 {
    width: 450px;
    height: 80px;
    float: left;
    font-size: 0.7em;
    text-indent: -9999px;
    background-image: url(../images/intestazione/Gattolin_scultore.png)
}

ul.menu {
    display: block;
    position: relative;
    float: left;
    width: 476px;
    height: 80px;
    background-image: url(../images/intestazione/menu.png);
    list-style-image: none;
    list-style: none;
	/*overflow:hidden;*/
}

ul.menu li {
    display: block;
    list-style-image: none;
    height: 80px;
}


ul.menu li#Mostra2009 a.LinkMostra
{
	display:block;
	position:absolute;
	top:-20px;
	left:-150px;
	width:290px;
	height:45px;
	background-image: url(../images/intestazione/Mostra.gif);
	background-position: 0 0;
	text-indent:-9999px;
    }
	
ul.menu li#Mostra2009 a.LinkMostra:hover
{
	
	background-position: 0 -45px;
    }	

ul.menu li a {
    background-position: 0 -80px;
}

ul.menu li a:hover {
    background-position: 0 -160px;
}

ul.menu li a.current {
    background-position: 0 0;
}

.il_mio_pensiero {
    width: 168px;
    height: 80px;
    background: url(../images/intestazione/alcune_mie_opere.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
	overflow:hidden;
}

.il_mio_percorso {
    width: 163px;
    height: 80px;
    background: url(../images/intestazione/il_mio_percorso.png) no-repeat;
    position: absolute;
    left: 168px;
    top: 0;
    text-indent: -9999px;
	overflow:hidden;
}

.contattami {
    width: 145px;
    height: 80px;
    background: url(../images/intestazione/contattami.png) no-repeat;
    position: absolute;
    left: 331px;
    top: 0;
    text-indent: -9999px;
	overflow:hidden;
}
/*
 -----------------------------------------------------------------------------
 OPERE E PENSIERI
 -----------------------------------------------------------------------------
 */
/*Jquery CODA SLIDER */
#Opere_e_Pensieri {
    width: 946px;
    height: 600px;
    margin: 0 auto;
	margin-top:10px;
    position: relative;
	margin-bottom:300px;
	padding-top:35px;
	
}



.scroll {
    width: 946px;
    height: 523px;
    overflow: auto;
    position: relative; /* fix for IE to respect overflow */
    clear: left;
	    /*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer {
    width: 24076px;
    height: 503px;
    overflow: hidden;
}

.scrollContainer div.panel {
    margin: 0 auto;
    overflow: hidden;
    float: left;
    height: 503px;
    width: 926px; /* change to 560px if not using JS to remove rh.scroll */
    background: url(../images/opere/opera1_con_sezioni_01.jpg) no-repeat;
}

#uno {
    background: url(../images/opere/opera1_con_sezioni_01.jpg) no-repeat;
}

#due {
    background: url(../images/opere/opera1_con_sezioni_02.jpg) no-repeat;
}

#tre {
   background: url(../images/opere/opera1_con_sezioni_03.jpg) no-repeat;
}

#quattro {
   background: url(../images/opere/opera1_con_sezioni_04.jpg) no-repeat;
}

#cinque {
    background: url(../images/opere/opera1_con_sezioni_05.jpg) no-repeat;
}

#sei {
    background: url(../images/opere/opera1_con_sezioni_06.jpg) no-repeat;
}

#sette {
    background: url(../images/opere/opera1_con_sezioni_07.jpg) no-repeat;
}

#otto {
    background: url(../images/opere/opera1_con_sezioni_08.jpg) no-repeat;
}

#nove {
    background: url(../images/opere/opera1_con_sezioni_09.jpg) no-repeat;
}

#dieci {
    background: url(../images/opere/opera1_con_sezioni_10.jpg) no-repeat;
}

#undici {
    background: url(../images/opere/opera1_con_sezioni_11.jpg) no-repeat;
}

#dodici {
    background: url(../images/opere/opera1_con_sezioni_12.jpg) no-repeat;
}

#tredici {
    background: url(../images/opere/opera1_con_sezioni_13.jpg) no-repeat;
}

#quattordici {
    background: url(../images/opere/opera1_con_sezioni_14.jpg) no-repeat;
}

#quindici {
    background: url(../images/opere/opera1_con_sezioni_15.jpg) no-repeat;
}

#sedici {
    background: url(../images/opere/opera1_con_sezioni_16.jpg) no-repeat;
}

#diciassette {
    background: url(../images/opere/opera1_con_sezioni_17.jpg) no-repeat;
}

#diciotto {
    background: url(../images/opere/opera1_con_sezioni_18.jpg) no-repeat;
}

#diciannove {
    background: url(../images/opere/opera1_con_sezioni_19.jpg) no-repeat;
}

#venti {
    background: url(../images/opere/opera1_con_sezioni_20.jpg) no-repeat;
}

#ventuno {
    background: url(../images/opere/opera1_con_sezioni_21.jpg) no-repeat;
}

#ventidue {
    background: url(../images/opere/opera1_con_sezioni_22.jpg) no-repeat;
}

#ventitre {
    background: url(../images/opere/opera1_con_sezioni_23.jpg) no-repeat;
}

#ventiquattro {
    background: url(../images/opere/opera1_con_sezioni_24.jpg) no-repeat;
}

#venticinque {
    background: url(../images/opere/opera1_con_sezioni_25.jpg) no-repeat;
}

#ventisei {
    background: url(../images/opere/opera1_con_sezioni_26.jpg) no-repeat;
}

#ventisette {
    background: url(../images/opere/opera1_con_sezioni_27.jpg) no-repeat;
}

#ventotto {
    background: url(../images/opere/opera1_con_sezioni_28.jpg) no-repeat;
}

#ventinove {
    background: url(../images/opere/opera1_con_sezioni_29.jpg) no-repeat;
}

#trenta {
    background: url(../images/opere/opera1_con_sezioni_30.jpg) no-repeat;
}

#trentuno {
    background: url(../images/opere/opera1_con_sezioni_31.jpg) no-repeat;
}

#trentadue {
    background: url(../images/opere/opera1_con_sezioni_32.jpg) no-repeat;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}


.scrollButtons.left_down {
    top:-10px;
	left: 0;
	background:url(../images/opere/Opera_precedente.png) no-repeat;
	display:block;
	width:231px;
	height:40px;
}

.scrollButtons.right_down {
	top:-10px;
    right:20px;
	background:url(../images/opere/Opera_successiva.png) no-repeat;
	display:block;
	width:228px;
	height:39px;
}

.navigation{
	margin-top:10px;
	height:39px;
	width:926px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.navigation li{
	height:39px;
	float:left;
	list-style:none;
	}
.navigation li a{
		display:block;
		height:39px;
		text-indent:-9999px;
	}	
#uno_t {
	background:url(../images/opere/1.png) no-repeat;
	width:17px;
}

#due_t {
	background:url(../images/opere/2.png) no-repeat;
	width:21px;
}

#tre_t {
	background:url(../images/opere/3.png) no-repeat;
	width:24px;
}

#quattro_t {
	background:url(../images/opere/4.png) no-repeat;
	width:21px;
}

#cinque_t {
	background:url(../images/opere/5.png) no-repeat;
	width:21px;
}

#sei_t {
	background:url(../images/opere/6.png) no-repeat;
	width:20px;
}

#sette_t {
	background:url(../images/opere/7.png) no-repeat;
	width:21px;
}

#otto_t {
	background:url(../images/opere/8.png) no-repeat;
	width:24px;
}

#nove_t {
	background:url(../images/opere/9.png) no-repeat;
	width:21px;
}

#dieci_t {
	background:url(../images/opere/10.png) no-repeat;
	width:32px;
}

#undici_t {
	background:url(../images/opere/11.png) no-repeat;
	width:33px;
}

#dodici_t {
	background:url(../images/opere/12.png) no-repeat;
	width:30px;
}

#tredici_t {
	background:url(../images/opere/13.png) no-repeat;
	width:33px;
}

#quattordici_t {
	background:url(../images/opere/14.png) no-repeat;
	width:32px;
}

#quindici_t {
	background:url(../images/opere/15.png) no-repeat;
	width:33px;
}

#sedici_t {
	background:url(../images/opere/16.png) no-repeat;
	width:31px;
}

#diciassette_t {
	background:url(../images/opere/17.png) no-repeat;
	width:33px;
}

#diciotto_t {
	background:url(../images/opere/18.png) no-repeat;
	width:33px;
}

#diciannove_t {
	background:url(../images/opere/19.png) no-repeat;
	width:30px;
}

#venti_t {
	background:url(../images/opere/20.png) no-repeat;
	width:34px;
}

#ventuno_t {
	background:url(../images/opere/21.png) no-repeat;
	width:34px;
}

#ventidue_t {
	background:url(../images/opere/22.png) no-repeat;
	width:32px;
}

#ventitre_t {
	background:url(../images/opere/23.png) no-repeat;
	width:33px;
}

#ventiquattro_t {
	background:url(../images/opere/24.png) no-repeat;
	width:31px;
}

#venticinque_t {
	background:url(../images/opere/25.png) no-repeat;
	width:33px;
}

#ventisei_t {
	background:url(../images/opere/26.png) no-repeat;
	width:33px;
}

#ventisette_t {
	background:url(../images/opere/27.png) no-repeat;
	width:30px;
}


#ventotto_t {
	background:url(../images/opere/28.png) no-repeat;
	width:37px;
}

#ventinove_t {
	background:url(../images/opere/29.png) no-repeat;
	width:29px;
}

#trenta_t {
	background:url(../images/opere/30.png) no-repeat;
	width:33px;
}

#trentuno_t {
	background:url(../images/opere/31.png) no-repeat;
	width:28px;
}

#trentadue_t {
	background:url(../images/opere/32.png) no-repeat;
	width:25px;
	margin-left:4px;
}

#preview1{
	position:absolute;
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	/*
 -----------------------------------------------------------------------------
 La mia vita
 -----------------------------------------------------------------------------
 */

#Benvenuto_Gattolin {
    width: 926px;
    margin-left: auto;
	margin-right: auto;
	background:url(../images/biografia/Benvenuto_Gattolin.jpg) no-repeat 0 0;
	font-family: arial, Verdana,  sans-serif;
	font-size:0.8em;
	position:relative;
	
}

#Benvenuto_Gattolin p{
	width:100%;
	padding-left:15px;
	margin-top:5px;
}

#Mostre_e_Opere{
	width:926px;
	float:left;
	margin-bottom:50px;
}




#Mostre_e_Opere h3{
	width:926px;
	height:37px;
	float:left;
	background:url(../images/biografia/h2_Mostre.png) no-repeat 0 0;
	text-indent:-9999px;
	margin-top:21px;
	font-size:0.3em;
}

#Mostre_e_Opere h3#MostraBastia{
	width:926px;
	height:37px;
	float:left;
	background:url(../images/biografia/h2_MostraBastia.png) no-repeat 0 0;
	text-indent:-9999px;
	margin-top:21px;
	font-size:0.3em;
}



#Mostre_e_Opere h3#MostraBastia + h4{ 
width:930px;
font-style:italic;

}

#Mostre_e_Opere p{ 
width:930px;
margin-left:-15px;
}

.firma{
	display:block;
	float: right;
	font-style:italic;
	 }
	 
#Hanno_scritto{
	width:463px;
	float:left;
	overflow:hidden;
	clear:both;
}

#Hanno_scritto h3{
	width:463px;
	float:left;
	background:url(../images/biografia/h2_HannoScritto.png) no-repeat 0 0;
	text-indent:-9999px;
	height:38px;
	margin-top:26px;
	
}

#Hanno_scritto ul{
	width:211px;
	float:left;
	list-style:none;
	}

#Hanno_scritto ul li{
	width:211px;
	float:left;
	overflow:hidden;
	padding-left:20px;
	background:url(../images/trattino.png) no-repeat 0 6px;
	}

#Recensioni{
	width:463px;
	float:left;
	overflow:hidden;
	
}

#Recensioni h3{
	width:463px;
	float:left;
	background:url(../images/biografia/h2_Recensioni.png) no-repeat 0 0;
	text-indent:-9999px;
	height:38px;
	margin-top:26px;
}

#Recensioni ul{
	width:231px;
	float:left;
	list-style:none;
	}

#Recensioni ul li{
	width:211px;
	float:left;
	overflow:hidden;
	padding-left:20px;
	background:url(../images/trattino.png) no-repeat 0 6px;
	}
	
.lista_recensioni{
	width:231px;
	float:left;
	overflow:hidden;
	
	}
	
#Mostre_e_Opere dl{
	width:463px;
	float:left;
}

.mostre{
	width:463px;
	float:left;
	overflow:hidden;
}

#Benvenuto_Gattolin dd{
	width:390px;
	float:left;
	overflow:hidden;
}

#Benvenuto_Gattolin dt{
	width:63px;
	float:left;
	overflow:hidden;
}



#Benvenuto_la_vita {
	width:625px;
	min-height:387px;
	margin-left:301px;
	}
	
#Benvenuto_la_vita h3{
	background:url(../images/biografia/h2_Benvenuto_Gattolin.png) no-repeat 0 0;
	text-indent:-9999px;
	width:625px;
	height:31px;
	}
	
	
	/*
 -----------------------------------------------------------------------------
 Contatti
 -----------------------------------------------------------------------------
 */

#Contatto_Benvenuto {
    width: 926px;
    margin-left: auto;
	margin-right: auto;
	font-family: arial, Verdana,  sans-serif;
	font-size:0.8em;
	position:relative;
		
}

#Sentitevi_liberi{
	width:301px;
	float:left;
	}
	
#Sentitevi_liberi h3{
	width:301px;
	height:38px;
	background:url(../images/contatti/h2_Sentitevi_liberi.png) no-repeat 0 0;
	font-size:0.3em;
	text-indent:-9999px;
	}
	
#Sentitevi_liberi h4 {
	margin-top:10px;
	width:301px;
	height:64px;
	background:url(../images/contatti/RegalareArte.png) no-repeat 0 0;
	text-indent:-9999px;
	font-size:0.3em;
	}
#Sentitevi_liberi p {
	height:650px;
	font-size:0.85em;
	}
	
#contact{
	width:316px;
	float:left;
	font-size:0.9em;
	position:relative;
	
	}
	
#contact ul{
	width:301px;
	margin-left:15px;
	list-style:none;
	float:left;
	}
	
#contact h3{
	width:316px;
	height:38px;
	background:url(../images/contatti/h2_contatti.png) no-repeat 0 0;
	font-size:0.3em;
	text-indent:-9999px;
	}
	
		#contatto_rapido{
	width:292px;
	float:left;
	overflow:hidden;
	}
	
#contatto_rapido h3{
	width:290px;
	height:38px;
	background:url(../images/contatti/h2_Contatto_rapido.png) no-repeat 0 0;
	font-size:0.3em;
	text-indent:-9999px;
	overflow:hidden;
	}
	
#contatto_rapido form{
	width:290px;
	overflow:hidden;
	float:left;
	
	}
	
	#contatto_rapido form ul{
	width:290px;
	list-style:none;
		}
	
		#contatto_rapido form ul li{
	width:290px;
	display:block;
	}
	
#contatto_rapido form ul li label{
	width:272px;
	margin-left:15px;
	display:block;
}

#contatto_rapido form ul li input{
	width:272px;
	margin-left:15px;
	display:block;
	background-color:#d1d1d1;
	border: 1px solid black;
}

#contatto_rapido form ul li textarea{
	width:272px;
	margin-left:15px;
	display:block;
	background-color:#d1d1d1;
	border: 1px solid black;
	height:120px;
	margin-bottom:15px;
}

#contatto_rapido form ul li div{
	margin-top:5px;
	width:272px;
	margin-left:15px;
	display:block;
	padding:3px;
	/*border: 1px solid black;
	height:120px;
	margin-bottom:15px;*/
}
	
#freccia{
	height:181px;
	width:131px;
	display:block;
	margin-left:35px;
	margin-top:10px;	
	background: url(../images/frecciaGiu.jpg) no-repeat;
	margin-bottom:220px;

}

#credits{
	display:block;
	
}