/* BROWSERS CSS RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

.clearboth { clear: both;}
strong { font-weight: bold; }

#main {
	width: 99%;
	margin: 2% auto;
	margin-bottom: 0px;
	padding-top1: 20px;
}

/* Dock styles */
#dock-container { 
	text-align: center;
}

#dock {
	height: 215px;
	margin: 0 auto;
	width: 960px;
	text-align: center;
	overflow: hidden;
}

#dock-icons {
	margin-left: 8px;	
}
 
#dock-icons .icon {
	float: left;
	width: 118px;
	height1: 94px;
}

#dock-icons img {
	border: none; 
	width: 100%;
} 
#icon-1 {background-color1: red; }
#icon-2 {background-color1: orange;}
#icon-3 {background-color1: yellow;}
#icon-4 {background-color1: green;}
#icon-5 {background-color1: blue;}
#icon-6 {background-color1: indigo;}


/* Section styles */
#section-container {
	width: 100%;
	text-align: center;
}

#section {
	width: 960px;
	height: 560px;
	margin: 0 auto;
}

#section-column-photo {
	text-align: left;
	float:left;
	width: 490px;
	height1: 430px;
}
#section-column-photo .inside {
	padding: 0px;
	margin: 0px;
}

#section-column-photo img {
	padding-top: 6px;
	padding-right: 0px;
	border1: 1px #ccc dashed;
	margin-right: 6px;
}

#section-column-photobrowser {
	text-align: left;
	float:right;
	width: 365px;
	background-color1: #f00;
}
#section-column-photobrowser .inside {
	padding1: 10px;
	margin-left1: -5px;
	margin-top1: 6px;
}
#section-column-photobrowser .photo {
	margin-top: 6px;
	margin-left: -5px;
}

#photobrowser {
	text-align: left;
	width: 200px;
	height: 200px;	
	float: left;
	margin-top: 10px;
	border1: 1px #f00 solid;
	overflow:hidden; /* cosi non metto la larghezza aggiuntiva per compensare l'aumento delle dim in IE */

	position: relative; /* viene sopra il lightbox lo posso sfruttare? */
	z-index: 1;
}

#photobrowser-content {
	width: 310%; /* margine extra per zoom elementi */
	border1: 1px #000 solid;
}
#photobrowser-content table {
	width: 200px;
	height: 200px;
	border1: 1px #000 solid;
	float: left;
}
#photobrowser-content table td {
	padding: 0px;	
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	border1: 1px #000 solid;
}

#photobrowser-content table td img {
	padding: 0px;	
	margin: 0px;
}

#photobrowser-control {
	width: 200px;
	clear:both; 
	border1: 1px #f00 solid;
	padding-top: 8px;
	text-align: center;

	position: relative; /* viene sopra il lightbox lo posso sfruttare? */
	z-index: 1;
}
#photobrowser-control img {
	padding: 4px;
	vertical-align: middle;
}
#photobrowser-control img.leftarrow {
	float: left;
}
#photobrowser-control img.rightarrow {
	float: right;
}


#linkhome {
	background: url("../immagini/tasto_home.gif") no-repeat;
	margin-top: 90px;
	float:left;
	width: 105px;
	height: 24px;	
	border1: 1px #000 solid;
	margin-left1: -20px;
}

#linkhome-big {
	background: url("../immagini/tasto_home_big.gif") no-repeat;
	width: 100px;
	height: 33px;	
}

#section-text {
	clear:left; 
	padding-top: 40px;
}
#section-text p {
	width: 80%;
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #bbb;
	word-spacing: 0;
	letter-spacing: 1px;
	padding-bottom: 6px;
}
#section-text img {
	position: relative; 
	top: 10px;
	left: 180px;
}
#section-column-label {
	float:right;
	text-align:left;
	width: 105px;
	height: 320px;
	background1: url("../immagini/pubblicita/scritta.gif") no-repeat 10px 0px;
	
	position: relative;
	z-index: 1;

}

/* Logo Home styles */
#logo {
	text-align: center;
	height: 190px;
}


/* Navigation Menu styles */
#menu-position {
	margin-top: -155px;
}

#menu-container {
	width: 100%;
	text-align: center;
}

#menu {
	position: relative; /* serve per IE 5 MAC per visualizzare bene i position:absolute interni */
	text-align: left;
	height: 128px;
	width: 960px;
	margin: 0 auto;
}
#menu li { display: inline; float: left;
}
#menu li a {
	float: left;
	line-height: 0px; /* elimina lo spazio extra su safari e mozilla */
	padding: 0 0px;
}
#menu li.selected a {
	background: url("../immagini/sfondo_selected.gif"); 
}	
#menu li a:hover {
	background: url("../immagini/sfondo_selected.gif"); 
}
#menu a:active {
	color: #aaa;
}

#menuright {
	float: right;
	width: 240px;
	position: relative;
	right: 40px;
}
#menuright .topspacer {
	float1: right;
	width: 100%;
	height: 44px;
	clear1: right;
}
#menuright li { float: right; }
#menuright li a {
	float: left;
	height: 28px;
	line-height: 28px; /* cosi lo sfondo viene esteso a tutta l'altezza ed il testo si centra verticalmente */
}
/*
#menuright li.selected a {
	background-color: #ddd;
}	
#menuright a:hover {
	background-color: #eee;
}
#menuright a:active {
	color: #aaa;
}
*/

/* Bottom styles */
#bottomline-orizontal {
	background-color: #000;
	width: 960px;
	height: 1px;
	margin: 0 auto;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden; /* FIX per IE 6 che imposta l'altezza minima del DIV a 2px */
}

#bottomline-vertical {
	position: absolute;
	margin-left: 240px;
	background-color: #000;
	height: 110px;
	width: 1px;
	line-height: 0px;
	font-size: 0px;
}

#bottomline-vertical-sezione {
	position: absolute;
	margin-top: -405px;
	margin-left: 920px;
	background-color: #000;
	height: 560px;
	width: 1px;
	line-height: 0px;
	font-size: 0px;
}

#footer {
	text-align: left;
	width: 960px;
	height: 18px;
	margin: 0 auto;
	padding-top: 8px;
}
#footer p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height1: 12px;
	color: #bbb;
	word-spacing1: 0;
	letter-spacing1: 0;
}

#footer .sectionlinkdivider   { padding-left: 2px; padding-right: 2px; font-size: 10px; font-family: Tahoma, Arial, sans-serif; font-weight: normal; }
#footer a.sectionlink      { color: #bbb; text-decoration: none }
#footer a.sectionlink:hover   { color: #000; text-decoration: none;}
#footer a.sectionlink1      { color: #000; text-decoration: none; font-weight: bold }
#footer a.sectionlink1:hover   { text-decoration: underline }


form.studiodifoto { margin: 0; padding: 0; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #bbb}

form.studiodifoto input    { color: #646464; }
form.studiodifoto input.textfield { background-color: #ddd; color: #646464; width: 95%; font-size: 16px; padding: 2px; border:0}
form.studiodifoto input.button    { background-color: #ddd; color: #646464; font-weight: bold; font-size: 14px; border:1px #aaa solid; }
form.studiodifoto input.checkbox  { font-size: 14px; }

form.studiodifoto textarea  { font-family: Tahoma, Arial, sans-serif; width: 95%; color: #646464; font-size: 14px; margin: 0; padding: 2px; background-color: #ddd; border:0 }

form.studiodifoto strong   { color: #bbb; font-size: 20px;}
form.studiodifoto em { color: #ccc; font-size: 16px; }
form.studiodifoto a { color: #f00; text-decoration: none}
form.studiodifoto a:hover { text-decoration: underline}


.titolo-sezione        { color: #306aaf; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin: 16px 0 10px }
.argomento-sezione      { color: #ee0000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; margin-top: 14px; margin-bottom: 8px }
.p-div-rientro 	 	    { text-indent: 20px; margin: 5px 0 0 }
.p-div-indentazione	     { margin: 5px 0 0 10px; padding-left: 10px }
.p-div-puntoelenco        { background-image: url("../immagini/tasto_pallino_off.gif"); background-repeat: no-repeat; margin: 5px 0 0; padding: 0 0 0 20px }
.dettagliosezione    { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 5px 0 0 }
.dettagliosezione i  { color: #f90 }
.dettagliosezione b { color: #333 }
.dettagliosezione-piccolo    { color: black; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.dettagliosezione-grande     { color: black; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-indent: 0; margin: 5px 0 0 }

.link-sezione       { color: #ee0000; text-decoration: underline }
.link-sezione:hover     { color: #c03; text-decoration: none }