/* Stefano Orazzini CSS */



/*-------Regole generali-------*/
html,body 	{margin:0; padding:0;}
body		{font: normal 100.01%/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", "Arial", sans-serif;
		text-align:center; /* centra in IE5.x */
		background-color:#ffffff;/* colore di sfondo */
		color:#666;} /* font al 100.01% per IE */
body>html	{font-size: 16px; line-height: 24px;}/* font a 16px per safari e gli altri browser*/
img 		{margin:0;
		padding:0;
		border: none;
		display:block;}/*DisplayBlock serve a togliere lo spazio sotto a img per IE*/
a 		{margin:0;
		padding:0;
		border: none;
		color:#666;
		text-decoration:none;}
a:visited	{color:#666;text-decoration:none;}
a:hover		{color:#666;text-decoration:none;}
a:active	{color:#ccc;text-decoration:none;}
h1		{font-size: 0.75em; line-height: 1.5;margin:0;color:#fff;}
h2		{font-size: 2.4em;line-height: 1.25;margin: 0.625em 0;font-weight:400; color:#ccc;}
h3		{font-size: 0.75em;line-height: 1.25;margin: 1em 0;font-weight:400; color:#999;}
h4		{font-size: 0.75em; line-height: 2;margin: 2em 0;color:#ccc;}
p, blockquote, pre, form, ol, dl, ul, {line-height:1.5;}
address, blockquote, dl, form, fieldset, ol, table, p, pre, ul{margin-top: 0;margin-bottom: 0.75em;}


/*-------Header-------*/
div#header	{background:transparent url("../img/dot_gray.gif") repeat-x left bottom;
		width:960px;
		overflow:hidden;
		padding-bottom:1px; /*spazio per riga grigia superiore*/
		margin:0 auto;}
div#headersx	{background:#fff;
		width:260px;
		padding-top:75px;/*spazio in alto*/
		margin:0;
		float:left;}
div#headersx h1	{width:260px;
		height: 20px;
		position: relative;
		overflow: hidden;
		margin:0px;
		padding:0px;
		float:left;
		font-size: 1em;
		line-height:1;
		color:#fff;
		text-transform: lowercase;}
div#headersx  h1 span {			/*image replacement cover up inizio*/
		position: absolute;
		left: 30px;/* centra il logo largo 200 nel div largo 60 */
		bottom: 0; /* posizione il logo in basso*/
		width: 100%;
		height: 100%;
		background-image: url("../img/brand.gif");/*logo 200x20*/
		background-repeat: no-repeat;
		cursor:pointer;}/*image replacement fine*/
div#headerdx	{
		width:700px;
		padding-top:75px;/*spazio in alto*/
		margin:0px;
		float:right;}



/*--------Navigation-----------*/


div#headerdx ul {margin:0px;
		padding:0px;
		float:right;
		line-height:1;
		list-style: none;}
div#headerdx ul li {display:inline;
		margin:0px;
		padding:0px 10px 5px 10px;/* spazio a dx, sx e in basso per gli elementi della lista */
		float:left;
		}
div#headerdx ul li a {text-decoration:none;
		margin:0px;
		padding:1px;
		font-size: 11px;
		letter-spacing: 1px;
		color:#666;}
div#headerdx ul li a:hover {text-decoration:none;
		background-color:#eee;}


/* ------- Main ------- */
div#main	{margin:7em auto;
		text-align:center;
		width:440px;
		overflow:hidden;
		clear:both;}/*home page*/


/* ------- Rollovers Home Page ------- */
div#imagerandom, div#navmain {float:left;}
div#imagerandom	{width:302px;
	height: 302px;
	display:block;
	text-decoration:none;
	overflow:hidden;}
div#imagerandom img {border: 1px solid #ddd;}

div#navmain	{width:138px;
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding-top:110px;}
div#catprimapagina{width:138px;
	margin-bottom:20px;
	font-size: 12px;
	overflow:hidden;
	border-bottom: 1px solid #ddd;}
div#catprimapagina a {	display:block;width:138px; color: #666;
	letter-spacing: 1px;}

div#catprimapagina a:hover {text-decoration:none;
		background-color:#ddd;}


/* ------- Container ------- */
div#container 	{margin:0 auto;/*centra negli altri browser*/
		text-align:center;
		padding:0px;
		width:960px;
		overflow:hidden;
		background: transparent url("../img/bg_gray.gif") repeat-y top left;}


/* ------- Content ------- */
div#content 	{width:700px;
		float:right;}


/* ------- Extra ------- */
div#extra	{width:260px;
height:700px;
		float:left;
		overflow:hidden;
		text-align:left;
		padding:50px 0px 0px 0px;
		margin:0px;
		background-color:#fff;}

				
/* ------- Footer ------- */
div#footer	{width:960px;
		border-top: 1px solid #ddd;
		padding: 5px 0px 0px 0px;
		margin: 0 auto;
		clear:both;
		font-size:10px;
		color:#666;}
p#footersx	{background-color:#fff;
		width:300px;
		height:120px;
		padding:0;
		margin:0;
		float:left;
		line-height: 1.5;
		letter-spacing: 1px;}
p#footerdx	{width:660px;
		height:120px;
		padding:0;
		margin:0;
		float:right;
		letter-spacing: 1px;}



		
/* -------- Bug, Hack e Workaround -----------*/
		
.clearfix:after {/*false colonne per Firefox e Opera inizio*/
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearfix {
display: inline-block; /* Fixes IE/Mac */
}/*false colonne per Firefox e Opera fine*/



/* -------- classi per stili particolari -----------*/
/*---wrapextra ->contenitore grigio chiaro per gallery e thumb---*/
#wrapextra			{overflow:hidden;
					text-align:center;}
#wrapextra ul		{text-align:left;}
#wrapextra ul li 	{list-style: inside none none;
					font-size:0.70em; 
					letter-spacing:1px;
					line-height:2;
					text-transform:capitalize;}
#wrapextra ul li a	{color:#666;
					margin:0;
					padding:0;}

#wrapextra ul li a:hover {text-decoration:none;
					color:#666;
					background-color:#eee;
					margin:0;
					padding:0;}

#wrapextra img		{margin:5px auto;
					padding:0;}

/*---gallery -> elenco gallerie in extra ---*/
.blackwhite, .colours, .landscape {font-size: 0.70em;
				letter-spacing:1px;}

.blackwhite		{line-height:3;text-transform:capitalize;letter-spacing:1px;color:#666666;}
.blackwhite a:hover	{background-color:#eee;}

.colours		{line-height:3;text-transform:capitalize;letter-spacing:1px;color:#666666;}
.colours a:hover	{background-color:#eee;}

.landscape		{line-height:3;text-transform:capitalize;letter-spacing:1px;color:#666666;}
.landscape a:hover	{background-color:#eee;}

/*---thumbnail -> miniature foto---*/
.wrapthumb	{width:180px;margin:0 auto;text-align:center;}
.thumbnail	{width:60px;margin: 0 auto; float:left;}
.thumbnail a img	{margin:0.25em auto 0.25em ;border:1px solid #ddd;}
.thumbnail a:hover img	{margin:0.25em auto 0.25em ;border:1px solid #444;}
.namethumb	{font-size:0.75em;line-height:2;letter-spacing:1px;font-style:italic; text-transform:capitalize;}
.clearboth 	{clear:both;}/*dà il clear ogni tre thumbnail*/

/*---lightbox---*/
.slidelightbox	{margin:0 auto 50px;text-align:left;width:600px;overflow:hidden;margin-top:50px;
background-color:#fff;}
.wraplightbox  {width:300px; margin:0 auto; text-align:center;float:left;}
.lightbox	{width:250px;height:100px;background:transparent url("../img/bg_lightbox.gif") no-repeat top left;margin:0px auto 50px;;overflow:hidden;text-align:left; position:relative;}
.lightbox p	{font-size: 0.75em; line-height: 1.3;padding-left:10px;padding-top:19px;float:left;}
.lightbox a img	{border:1px solid #ddd;margin-left:19px;margin-top:19px;display:inline;float:left;}
.lightbox a:hover img {border: 1px solid #444;}
.gal_lbox_en	{display:block; width:100px; height:12px; position:absolute; right:5px; bottom:7px; background:transparent url("../img/vedi_gall.gif") no-repeat right bottom;cursor:pointer;}
.gal_lbox_it	{display:block; width:100px; height:12px; position:absolute; right:5px; bottom:7px; background:transparent url("../img/vedi_gall_it.gif") no-repeat right bottom;cursor:pointer;}

/*---slideshow---*/
.seiquattro 	{margin:50px auto 0;
text-align:left;width:610px;overflow:hidden;
background-color:#fff;}/*cornice per img 600*400 610px è dato da 600img 2brd 2brd 6pad*/
.seitre 	{margin:90px auto 0;
text-align:left;width:610px;overflow:hidden;
background-color:#fff;}/*cornice per img 600*400 610px è dato da 600img 2brd 2brd 6pad*/
.cinquecinque	{margin:50px auto 0;
text-align:left;width:510px;overflow:hidden;
background-color:#fff;}/*cornice per img 600*400 610px è dato da 600img 2brd 2brd 6pad*/
.seiuno 	{margin:125px auto 0;
text-align:left;width:610px;overflow:hidden;
background-color:#fff;}/*cornice per img 600*400 610px è dato da 600img 2brd 2brd 6pad*/
.seidue	{margin:125px auto 0;
text-align:left;width:610px;overflow:hidden;
background-color:#fff;}/*cornice per img 600*400 610px è dato da 600img 2brd 2brd 6pad*/
.quattrosei 	{margin:50px auto 0;
text-align:left;width:410px;overflow:hidden;
background-color:#fff;}/*cornice per img 400*600 410px è dato da 400img 2brd 2brd 6pad*/
.foto img{border:1px solid #ddd;}
.foto	{border:1px solid #ddd;
padding:3px; background-color:#fff;}
.caption	{margin:10px 0;padding:0;text-align:center;
letter-spacing:1px;}
.caption img	{border:0;}
.titolo		{display:block;
font-style:italic;color: #777;letter-spacing:2px;
font-size:0.80em;
font-weight:200;
padding-bottom:10px;}
.navfoto	{padding:10px 0px;color: #777; font-size:0.65em; font-weight:100; letter-spacing:0px; display:block;}

/*---shop---*/

#quadroshop {border:1px solid #ddd; padding:10px; background-color:#f0efed; overflow:hidden; margin-bottom:15px;}
.titoloshop {color: #777; width:100%; 
font-size:12px;
font-weight:100;}
.selectshop {color: #111;
font-size:11px;
font-weight:100; padding:0px;}
.shop {float:left;}
.ppal {float:right; border:1px solid #ddd;}


/*---altri stili---*/
.imgleft 	{float:left;padding-left:55px;margin-bottom:1.5em;line-heigt:1.5}/*immagini a sinistra*/	  
.imgright  	{float:right;margin-bottom:1.5em;line-heigt:1.5}/*immagini a destra*/
.imgcenter 	{display:block;
	   	margin: 0 auto;
	   	text-align: center;}/*immagini al centro*/
#about		{margin:6em auto 6em;
		text-align:left;
		width:560px;
		overflow:hidden;
		clear:both;}
#about p	{font-size:0.70em; text-indent:20px;}
#resume	{font-size:0.70em; text-indent:20px; clear:both;}
#resume a:hover {text-decoration:underline;}
#news	{font-size:0.70em; text-indent:20px; clear:both; padding-bottom:5px;}
#news a:hover	{text-decoration:underline;}
#shop	{margin:6em auto 6em;
		text-align:left;
		width:620px;
		overflow:hidden;
		clear:both;}
#shop p	{font-size:0.70em; text-indent:20px;}

.bg_lightgrey	{background-color:#ddd;}

.paginazione {padding-right: 20px;text-decoration:none;font-size:0.75em; line-height: 2;margin: 2em 0;float:right;}/*div della paginazione*/
.paginazione a:hover {text-decoration:none;}
.paginazione span	{
font-weight: bold;
	color: #c60;}/*stile della current page nei numeri della paginazione*/
.categorie a{font-size: 1.2em;line-height: 1.25;margin: 1.25em 0;font-weight:400; color:#c60;font-family: Georgia,"Times New Roman",serif;}
.avatar {margin: 0 20px 20px 0; float:left;}

/*---rwfw---*/
.rwfw 		{overflow:hidden;
		width:100%;
		position:relative;
		top:0px;
		left:0px;
		}
.rw		{width:50%;
		height:100% !important;
		height:400px;
		position:absolute;
		top:0px;
		left:0px;}
.fw		{width:50%;
		height:100% !important;
		height:400px;
		position:absolute;
		top:0px;
		right:0px;}
.fw a, .rw a 	{width:100%;}
.rw a span      {background:url("../img/arrow_prev.png") no-repeat 0 -100px;
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:0px;
		cursor:pointer;}
.fw a span	{background:url("../img/arrow_next.png") no-repeat 0 -100px;
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		right:0px;
		cursor:pointer;}
		
.rw a:hover span{background-position:left bottom;}
.fw a:hover span{background-position:right bottom;}

/*---prints---*/

#prints		{margin:6em auto 6em;
		text-align:left;
		width:560px;
		overflow:hidden;
		clear:both;}
#prints ul {list-style: none;
font-size:0.70em;
line-height:1.2;}

.barocco {padding-top:30px;
padding-bottom:30px;
display:block;
	   	margin: 0 auto;
	   	text-align: center;}
#prints p	{font-size:0.70em;}

.grey 		{color:#999999;}
.greydark 	{color:#666666;}
.white 		{color:#FFFFFF;}
.black 		{color:#000000;}
.red 		{color:#953b50; }
.blu		{color:#336699;}
.bold		{font-weight: bold; }
.italic		{font-style: italic; }
.indentazione {text-indent:30px;}
.linkprints a:hover {color:#000000;text-decoration: underline;}
.font70 {font-size:0.70em;}
.clearboth {clear:both;}

/*---tabelle shop---*/
/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
	width				:550 px;
}
thead th,
tbody th
{
	background            : #FFF url(th_bck.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}


/*---testi critici---*/

.critic 	{margin:100px auto 0;
text-align:left;width:610px;overflow:hidden;
background-color:#fff; 
font:"Times New Roman", Times, serif; 
color:#666;
}/*cornice per img 600*400 610px è dato da 600img 2brd 2brd 6pad*/

.parcrit 	{
font-size:12px;
text-indent:5ex;
}

.titlecrit 	{
text-indent:4ex;
font-size:14px; 
}