/* designed by Giuliano Gardel */

/* ---------------------------------------- tags html */

BODY 
{
	font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: Black;
	background-color: #D3D3D3; width:100%; height:100%;
	padding:0px; margin:0px;	
}

A { text-decoration:none; }
H1 { font-size:8pt; font-weight:bold; }

/* ---------------------------------------- Home Page */

#HomePage, #ContenutoPhotos, #ContenutoVideos
{ 
    background-image:url(../immagini/sfumatura.gif); background-repeat:repeat-x; 
    width:960px; height:100%; padding:0px; padding-bottom:50px; text-align:left; background-color:Black;
}
#HomePage DIV.immagini { height:575px; }
IMG.videoHome, IMG.photosHome, IMG.sposiHome { padding:0px; margin:0px; float:left; border:none; }
DIV.immagineHome { text-align:center; }
DIV.immagineHome IMG { border:none; }
DIV.piedeHome { padding-left:822px; padding-top:90px; }
 
/* ---------------------------------------- Menu */

#Menu { width:178px; text-align:center; margin-top:20px; margin-left:45px; }

/*.voceMenu 
{ 
    background-image:url(../immagini/pulsante.gif); padding-left:20px; width:158px; margin-bottom:10px; 
    color:#666666; text-align:left; letter-spacing:1px; padding-top:2px; padding-bottom:2px;
}*/
.voceMenu 
{ 
    padding-left:20px; width:158px; margin-bottom:10px; 
    color:Black; text-align:left; letter-spacing:1px; padding-top:2px; padding-bottom:2px;
}
#ContenutoPhotos .voceMenu { background-color:#EC8E13; }
#ContenutoVideos .voceMenu { background-color:#E01821; }
#ContenutoPhotos .voceMenu A { color:White; }
#ContenutoVideos .voceMenu A { color:White; }
#ContenutoVideos .voceMenu A:hover, #ContenutoPhotos .voceMenu A:hover { color:Black; }

#Torna { margin:50px auto 30px 60px; width:160px; text-align:left; line-height:20px;}
#Torna IMG { border:none; width:64px; }
#Torna A { color:White;}
#Torna A:hover { text-decoration:underline; }
.immagineLink { display:inline; }
SPAN.secondoLink {margin-left:20px;}

/* ---------------------------------------- Contenuto */

TABLE.contenuto TD.sx, TABLE.contenuto TD.dx { vertical-align:top; }

DIV.contenuto { padding:50px 100px 50px 4px; line-height:16px; }
H1.titolo { margin-bottom:19px; }
H1.titoloGrande { margin-bottom:19px; font-size: 12pt; }

.pannelloErrori { border: solid 1px #EC8E13; margin-bottom:15px; width:300px; background-color:White; padding:5px; }

/* ---------------------------------------- Sviluppo, Foto Digitali, Sesamo */

TABLE.prezziSviluppo { margin-top:15px; }

TABLE.prezzo { margin-bottom:10px; }
TABLE.prezzo TD { color:White; background-color:Black; padding-left:3px; }
TABLE.prezzo TD.sx { width:180px; }
TABLE.prezzo TD.dx { width:150px; }

DIV.note { color:White; font-size:7pt; }

TABLE.preventivi { width:230px; margin-top:20px; }
TABLE.preventivi TD.sx { width:5px; background-color:Black; }
TABLE.preventivi TD.dx { color:White; font-weight:bold; padding-left:10px; }

IMG.sviluppo { margin-left:30px; }

P.sesamo { margin-bottom:22px; }
P.sesamoLink A { color:#EC8E13; }
P.sesamoLink A:hover { color:Black; } 
P.sesamoLink IMG { border:none; }

/* ---------------------------------------- Foto Calendario */

TABLE.calendario { margin-top:20px; }
TABLE.calendario TD { padding-right:10px; padding-bottom:10px; }
TABLE.calendario IMG { border-left: solid 5px #EC8E13; border-top:none; border-bottom:none; border-right:none; }

/* ---------------------------------------- MioFotografo */

IMG.miofotografo { margin-top:10px;  }

DIV.miofotografoOut { background-color:White; border: solid 10px #EC8E13; text-align:center; }
DIV.miofotografo 
{ width:310px; line-height:20px; font-size:12px;  padding:20px 20px 10px 20px; text-align:left; }
DIV.miofotografo A { color:#EC8E13; }
DIV.miofotografo A:hover { color:Black; } 
DIV.miofotografo DIV.codiceMiofotografo { letter-spacing:1px; margin:25px 0px 20px 105px; width:120px; font-size:16px; font-weight:bold; } 

/* ---------------------------------------- Contatti */

TABLE.contatti { margin-top:25px; }
TABLE.contatti TD.sx { padding-right:15px; }

.contattiTextBox { width:200px; }
.contattiTextArea { width:200px; height:150px; }

DIV.contattiFine { margin-top:25px; }
DIV.contattiFine A { color:#EC8E13; }
DIV.contattiFine A:hover { color:Black; }

DIV.contattiVideoFine { margin-top:25px; }
DIV.contattiVideoFine A { color:#E01821; }
DIV.contattiVideoFine A:hover { color:Black; }

/* ---------------------------------------- Montaggio */

TABLE.montaggio { margin-bottom:10px;  }
TABLE.montaggio TD { color:White; background-color:#E01821; padding-left:3px; }
TABLE.montaggio TD.sx { width:400px; }

DIV.noteMontaggio { margin-bottom:10px; font-size:7pt; width:400px; }

TABLE.preventiviVideo { width:230px; margin-top:20px; }
TABLE.preventiviVideo TD.sx { width:5px; background-color:#E01821; }
TABLE.preventiviVideo TD.dx { color:White; font-weight:bold; padding-left:10px; }

/* ---------------------------------------- News */

DIV.pagine { color:#E01821; width:550px; text-align:right; margin-top:35px; margin-bottom:23px; }
.dlPagine SPAN.attivo { color:#666666; }
.dlPagine A { color:#E01821; }
.dlPagine A:hover { color:#666666; }

TD.immagineDlNews { padding-top:5px; height:160px; vertical-align:bottom; }
IMG.news { border:none; }
DIV.elementoDlNews { width:100px; text-align:left; height:55px; padding:5px; }
DIV.elementoDlNews A { color:#E01821; }
DIV.elementoDlNews A:hover { color:#666666; }

DIV.descrizioneNotizia IMG { float:left; padding-right:10px; padding-bottom:0px; }

TD.ritorna{ padding-top:5px; }

/* ---------------------------------------- E-Commerce */

/*.ecommerceButton, .ecommerceLoginButton 
{ 
    color:#E01821; background-image:url(../immagini/ritaglio.gif); 
    text-align:left;  margin-right:5px; letter-spacing:1px; border: solid 1px #666666;
}*/
.ecommerceButton, .ecommerceLoginButton 
{ 
    color:White; background-color:#E01821;
    text-align:left;  margin-right:5px; letter-spacing:1px; border: solid 1px #666666;
}
.ecommerceButton:hover, .ecommerceLoginButton:hover { color:Black; }
.ecommerceButton { padding:2px 10px 2px 10px; margin-top:5px;  }
.ecommerceLoginButton { padding:2px 20px 2px 20px;  }

.ecommerceImageButton {  }

.errorePanel { border:solid 1px #E01821; color:#E01821; margin-top:0px; padding:5px; margin-bottom:10px; }

/* ---------------------------------------- E-Commerce Login */

#Login { margin-left:45px; color:White; }
.loginTextBox { margin-bottom:10px; width:175px; font-size:8pt; margin-top:3px; text-indent:2px;  height:12px;}
.loginBenvenuto { color:White; margin-top:5px; margin-bottom:5px; }
.loginBenvenutoErrato { color:#E01821; }

/* ---------------------------------------- E-Commerce Listino */

DIV.elementoDlEcommerce { width:100px; text-align:left; padding:5px; line-height:16px; height:70px; }
DIV.elementoDlEcommerce A { color:#E01821; }
DIV.elementoDlEcommerce A:hover { color:#666666; }
 
/* ---------------------------------------- E-Commerce Carrello */

.carrello { border:solid 1px Black; margin-top:50px; margin-bottom:25px; border-collapse:collapse; width:550px; }
.carrelloHeader { border:solid 1px Black; }
.carrelloRow { border:solid 1px Black; color:White; background-color:Black;  }
.carrelloRow TD, .carrelloHeader TH { padding:5px 10px 5px 10px; }
.carrelloTextBox { width:50px; font-size:8pt; text-indent:2px;  height:12px; }

/* ---------------------------------------- E-Commerce Utente non Registrato */
 
P.utenteNonRegistrato A { color:#E01821; }
P.utenteNonRegistrato A:hover { color:#666666; }

/* ---------------------------------------- E-Commerce Registrazione */

TABLE.datiRegistrazione, TABLE.emailRegistrazione, TABLE.spedizioneRegistrazione, TABLE.fatturazioneRegistrazione, DIV.clausoleRegistrazione 
{ margin-bottom:15px; }
TABLE.spedizioneRegistrazione, TABLE.emailRegistrazione, DIV.clausoleRegistrazione { color:White; }

TD.nonRegistrato { width:150px; }

DIV.clausoleRegistrazione A { color:#E01821; }
DIV.clausoleRegistrazione A:hover { color:White; }

/* ---------------------------------------- E-Commerce Conferma Acquisto */

DIV.riepilogoCliente, DIV.riepilogoOrdine, DIV.messaggioRiepilogo, DIV.modalitaPagamento, DIV.contratto { margin-bottom:15px; }
DIV.riepilogoCliente { line-height:20px; }
DIV.modalitaPagamento, DIV.contratto, DIV.messaggioRiepilogo { color:White; }
 
.ordine {  border:solid 1px Black; margin-bottom:5px; margin-top:5px; border-collapse:collapse; width:400px; }

TABLE.totali TD.dx { text-align:right; padding-left:10px; }

DIV.contratto DIV.interna {  border:1px solid white; width:390px; padding:5px; }

/* ---------------------------------------- E-Commerce Riepilogo Ordini */

DIV.riepilogoOrdiniContenuto { background-color:White; padding:5px; }
DIV.riepilogoOrdini { margin-bottom:15px; margin-top:15px; }
 
/* ---------------------------------------- Footer */

DIV.footer { color:White; text-align:left; width:100%; padding-left:50px; margin-top:20px; }
#HomePage DIV.footer A { color:Black; }
#ContenutoPhotos DIV.footer A { color:White; }
#ContenutoVideos DIV.footer A { color:White; }
DIV.footer A:hover { text-decoration:none; }
#ContenutoPhotos DIV.footer SPAN.email { background-color:#EC8E13; }
#ContenutoVideos DIV.footer SPAN.email { background-color:#E01821; }
#ContenutoVideos DIV.footer A:hover, #ContenutoPhotos DIV.footer A:hover { color:Black; }
DIV.footer SPAN.email { text-align:center; padding:1px 20px 1px 20px; margin-left:25px; }

/* ------------------------ Lightbox ---------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px; 
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../immagini/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../immagini/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../immagini/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	padding-bottom:5px;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}