/**/

html {
	height: 100%; width: 100%;
}

body {
	background-color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center; /*hack per centrare i contenuti su ie*/
	height: 100%; width: 100%;
}

/* per centrare gli elementi nel documento */

#container { /*contenitore principale*/
	position:relative;
	width: 760px;
	margin: 0px auto 0px auto;
	border:1px solid #7d7d7d;
}

.grigiochiaro {
	background-color: #e2e2e2; 
}
	
.bianco {
	background-color: #FFFFFF; 
}

.grigioscuro {
	background-color: #1D1D1D; 
}

#top { /*contenitore principale parte superiore*/
	height: 90px;
	margin: 0px;
	text-align:left;
}
#center { /*contenitore principale parte mediana*/
	height: 296px;
	margin: 0px;
	text-align:left;
}

#center_centered { /*contenitore principale parte mediana con allineamento centrale*/
	height: 296px;
	margin: 0px;
	padding: 0px;
	text-align:center;
}


#bottom { /*contenitore principale parte inferiore*/
	height: 152px;
	margin: 0px;
	padding: 0px;

}

#center_video { /*contenitore principale parte mediana*/
	height: 300px;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align:left;
	background: url(../imgs/tools/video_filetto_vert.gif) no-repeat 5px 8px;
}
#bottom_video { /*contenitore principale parte inferiore*/
	clear:left;
	height: 140px;
	margin: 0px;
	background:transparent url(../imgs/tools/sfondo_menu_video.gif) repeat-x 0px -8px;
}

/*elementi barra superiore*/
h1 { 
	position:relative;
	float:left;
	display:block;
	width: 210px;
	height:69px;
	margin: 0px 14px 0px 0px;
	padding: 0px;
}

h1 span{ 
display:none;
}

h1.logochiaro { 
background:transparent url(../imgs/tools/arte_centro_logo_chiaro.gif) no-repeat top left;
}

h1.logoscuro { 
background:transparent url(../imgs/tools/arte_centro_logo_scuro.gif) no-repeat top left;
}

#top p {
	margin:0px;
	padding:18px 0px;
	font-family: Arial, sans-serif;
	font-size:10px;
	line-height:12px;
	letter-spacing:1px;
}

#top p.indirizzochiaro {
	color: #000000;
}

#top p.indirizzochiaro a{
	color: #000000;
	text-decoration:none;
}

#top p.indirizzochiaro a:hover{
	color: #c31426;
	text-decoration:none;
}

#top p.indirizzoscuro {
	color: #FFFFFF;
}

#top p.indirizzoscuro a{
	color: #FFFFFF;
	text-decoration:none;
}

#top p.indirizzoscuro a:hover{
	color: #b31424;
	text-decoration:none;
}

#grecatop { 
	clear:left;
	margin: 0px 4px 0px 4px;
	padding: 0px;
	width:752px;
	height:21px;
}

.grecachiara { 
	background:#e2e2e2 url(../imgs/tools/top_greca_chiara.gif) repeat-x 0px -3px;
	line-height:21px;
}

.grecascura { 
	background:#1D1D1D url(../imgs/tools/top_greca_scura.gif) repeat-x 0px -3px;
	line-height:21px;
}

.grecabianca { 
	background:#ffffff url(../imgs/tools/top_greca_chiara.gif) repeat-x 0px -3px;
	line-height:21px;
}

/*cerchio rosso con firma in posizione assoluta*/

#cerchio { 
	z-index:1;
	position:absolute;
	right:48px;
	top:41px;
	width:104px;
	height:82px;
	background:transparent;
	/*background:transparent url(../imgs/tools/cerchio.png) no-repeat 0px 0px;*/
}

/*elementi barra centrale*/

/*homepage*/

#foto_bice { 
	width:211px;
	height:296px;
	background:transparent url(../imgs/tools/foto_bice.gif) no-repeat 0px 0px;
}


.bianco_home {
	background:transparent url(../imgs/tools/liberatoria.gif) no-repeat 211px 0px;
}

/*video*/

#frameclip { 
	float:left;
	padding: 0px;
	margin: 0px 10px 0px 15px;
	width:302px;
	height:298px;
	border: 1px solid #393B3B;
}

#iframeclip {
	width:300px;
	height:296px;
}

#menuclip { 
	float:right;
	padding: 0px 0px 20px 0px;
	margin: 10px 0px 0px 0px;
	height:270px;
	width:342px;
	background: url(../imgs/tools/video_filetto_or.gif) no-repeat 200px 100%;
}

#menuclip h4{ 
	padding:6px 0px 2px 0px;
	margin:6px 66px 3px 0px;
	font-family: Arial, sans-serif;
	color: #C32028;
	font-size:12px;
	border-bottom:1px dashed #3d3d3d;
}

#menuclip p {
	margin:0px 50px 0px 10px;
	padding:4px 0px 4px 4px;
	font-family: Arial, sans-serif;
	font-size:10px;
	color: #CCCCCC;
}

#menuclip p a {
	color: #CCCCCC;
	text-decoration:none;
}

#menuclip p a:hover {
	color: #c31424;
	text-decoration:none;
}

/*titoli e sezioni per catalogo, info e presentazione*/

#center_centered h4{ /*titolo principale*/
	padding-top:50px;
	margin: 0px auto 0px auto;
	font-family: Arial, sans-serif;
	color: #000000;
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	height:24px;
	width:400px;
	background: url(../imgs/tools/catalogo_filetto_or.gif) no-repeat 50% 100%;
}

.catalogo{ /*per governare le thumb del catalogo*/
	padding:50px 0px;
	margin:0px 10px 20px 14px;
	float:left;
	border:0px;
	width:127px;
	height:90px;
	border:0px;
	text-align:center;
}

.catalogoff{ 
	padding:0px;
	margin:0px;
	border: 1px dotted #d4d3d3;
}

.catalogon{ 
	padding:0px;
	margin:0px;
	border: 1px dotted #c31426;
}

.presentazione{ /*per governare le thumb della presentazione*/
	padding:30px 0px 0px 0px;
	margin:0px auto 20px auto;
	border:0px;
	width:309px;
	height:169px;
	border:0px;
	text-align:center;
}

.catalogoff{ 
	padding:0px;
	margin:0px;
	border: 1px dotted #d4d3d3;
}

.catalogon{ 
	padding:0px;
	margin:0px;
	border: 1px dotted #c31426;
}


.catalogo p{ /*per governare le thumb del catalogo*/
	padding:0px;
	margin:0px;
	font-family: Arial, sans-serif;
	color: #757575;
	font-size:12px;
	text-align:center;
}

.catalogo a { 
	text-decoration:none;
}

#didacatalogo { 
	padding:0px;
	margin:0px;
	font-family: Arial, sans-serif;
	color: #757575;
	font-size:12px;
}

.infoparagrafo { 
	padding:8px 0px 8px 0px;
	margin:0px;
	font-family: Arial, sans-serif;
	color: #757575;
	font-size:14px;
	text-align:center;
}

.infoparagrafo a{ 
	color: #757575;
	text-decoration:none;
}

.infoparagrafo a:hover{ 
	color: #c31426;
	text-decoration:none;
}

.clearleft{ /*per eminare il floating a sinistra*/
	clear:left;
}



/*elementi bottomhome*/
.bottomhome {
	background:transparent url(../imgs/tools/sfondo_menu_grigio.gif) repeat-x 0px 0px;
}

h2 { 
	float:left;
	display:block;
	margin: 0px;
	padding: 0px;
}

h2 span { 
display:none;
}

h2.headergrigio { 
	width: 210px;
	height:152px;
	background:transparent url(../imgs/tools/header_bice_grigio.gif) no-repeat top left;
}

h3 { 
	float:left;
	display:block;
	margin: 0px;
	padding: 0px;
}

h3 span { 
display:none;
}

h3.llgrigio { 
	width: 74px;
	height:152px;
	background:transparent url(../imgs/tools/header_ll_grigio.gif) no-repeat top left;
}

#menu_home{ 
	float:right;
	padding: 0px;
	text-align:right;
	width:250px;
	height:44px;
}

#menu{ 
	float:right;
	padding: 0px;
	text-align:right;
	width:300px;
	height:44px;
}

#orizzontale { 
	margin:0px;
	padding:0px;
	list-style:none;
}

#orizzontale li{ 
	padding:0px;
	margin:0px;
	display:inline;
	font-family: Arial, sans-serif;
	font-size:12px;
}

.menuactive { 
	margin:0px;
	color: #c31426;
	padding:10px 4px 4px 10px;
}

a.menugrigio { /*per settare testi dei menu su fondo grigio*/
	margin:0px;
	color: #000000;
	text-decoration:none;
	padding:10px 4px 4px 10px;
	line-height:24px;
}

a.menugrigio:hover { 
	margin:0px;
	/*background-color:#E2E2E2;*/
	color: #c31426;
	text-decoration:none;
	padding:10px 4px 4px 10px;
}

.orizzontale_home { /*per settare le dimensioni del menu e il colore di fondo*/
	margin:97px 0px 0px 0px;
	background-color:#E2E2E2;
}


#finegrigio { /*per fare il bordino grigio a fine menu*/
	float:right;
	padding:0px;
	margin:0px;
	width: 4px;
	height:152px;
	background-color:#E2E2E2;
}

/*elementi bottom pagine bianche*/

.bottombianco {
	background:transparent url(../imgs/tools/sfondo_menu_bianco.gif) repeat-x 0px 0px;
	margin:0px;
	padding:0px;
}

h2.headerbianco { 
	margin:0px;
	padding:0px;
	width: 210px;
	height:152px;
	background:transparent url(../imgs/tools/header_bice_bianco.gif) no-repeat top left;
}

h3.llbianco { 
	margin:0px;
	padding:0px;
	width: 74px;
	height:152px;
	background:transparent url(../imgs/tools/header_ll_bianco.gif) no-repeat top left;
}

a.menubianco { /*per settare testi dei menu su fondo bianco*/
	margin:0px;
	color: #000000;
	text-decoration:none;
	padding:10px 4px 4px 10px;
	line-height:24px;
}

a.menubianco:hover { 
	margin:0px;
	color: #c31426;
	text-decoration:none;
	padding:10px 4px 4px 10px;
}

.orizzontale_bianco { /*per settare le dimensioni del menu e il colore di fondo*/
	margin:97px 0px 0px 0px;
	background-color:#FFFFFF;
}


#finebianco { /*per fare il bordino grigio a fine menu*/
	float:right;
	padding:0px;
	margin:0px;
	width: 4px;
	height:152px;
	background-color:#FFFFFF;
}


/*elementi bottomvideo*/

h2.headervideo { 
	width: 210px;
	height:140px;
	background:transparent url(../imgs/tools/header_bice_video.gif) no-repeat 0px -8px;
}

h3.llvideo { 
	width: 74px;
	height:140px;
	background:transparent url(../imgs/tools/header_ll_video.gif) no-repeat 0px -8px;
}

a.menuvideo { /*per settare testi dei menu su fondo video*/
	margin:0px;
	/*background-color:#E2E2E2;*/
	color: #FFFFFF;
	text-decoration:none;
	padding:10px 4px 4px 10px;
	line-height:24px;
}

a.menuvideo:hover { 
	margin:0px;
	/*background-color:#E2E2E2;*/
	color: #c31426;
	text-decoration:none;
	padding:10px 4px 4px 10px;
}

.orizzontale_video { /*per settare le dimensioni del menu e il colore di fondo*/
	margin:85px 0px 0px 0px;
	background-color:#1D1D1D;
}


#finevideo { /*per fare il bordino grigio a fine menu*/
	float:right;
	padding:0px;
	margin:0px;
	width: 4px;
	height:140px;
	background-color:#1D1D1D;
}