/*	Filename:style.css
	*Description: default CSS theme for HTML pages
	*
	*Last revision:
	*$Revision: 1 $
	*$Date: 2009-07-13 9.54 $
	*$LastChangedBy: razvan.nicu $
	*$HeadURL: http://svn.nodewave.com/repos/trunk/stylesheet.css $
*/

/*	DEBUG
	{border: 1px solid #ff0000;}
*/

/* ===== shims ===== */
/* general clases */


.floatleft { float: left; }
.floatright { float: right; }
.clearb { clear: both; }
.hidden { visibility: none; }
.bye { display: none; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.replace,
#header h1 a,
#mostra h2,
#articles h2,
.nav ul a,
a.friendsLink,
#catalogSection h2,
.smallData,
.bigData,
.year 
{ display: block; float: left; font-size: 1px; text-indent: -9000px; background-repeat: no-repeat;} 

/* ===== IMAGES ===== */
/* put all images and list-style definitions here */

#header h1 a {
	background-position: 0 0;
	width: 341px;
	height: 180px;}

#header h1 a:hover {
	background-position: -341px 0;}

#mostra h2 {
	background-position: 0 -184px;
	width: 214px;
	height: 44px;
	}
	
#articles h2  {
	background-position: 0 -228px;
	width: 214px;
	height: 44px;
	}

.quote {
	background-position: -682px 70px;
	background-repeat: no-repeat;
	}

#articles {
	background-position: 0 0;
	background-repeat: no-repeat;
	}

/* ===== calendar ===== */
/* --- sample --- */

.bigData, .smallData, .year { height: 46px;}

.year { width: 82px;}

/* --- for big. width --- */

.big00p, .big02p, .big03p, .big05p, .big06p, .big08p, .big09p, .big20p, .big22p, .big23p, .big24p, .big25p, .big26p, .big28p, .big29p, .big30p {
	width: 71px;
	}
.big01p, .big07p, .big27p
{ width: 65px}

.big04p 
{ width: 72px;}

.big10p, .big16p, .big21p, .big31p 
{ width: 67px;}

.big11p, .big14p
{ width: 66px;}

.big15p, .big18p, .big19p
{ width: 68px;}

/* --- for big width --- */


.big96, .big97, .big98, .big99, .big00, .big02, .big03, .big05, .big06, .big07, .big08, .big09, .big12 { width: 60px;}

.big01, .big04, .big10, .big11, .big13, .big14, .big15 { width: 57px;}

/* --- back for big --- */

.big00p, .big00 { background-position: 0 -385px;}
.big01p, .big01 { background-position: 0 -430px;}
.big02p, .big02 { background-position: 0 -475px;}
.big03p, .big03 { background-position: 0 -520px;}
.big04p, .big04 { background-position: 0 -565px;}
.big05p, .big05 { background-position: 0 -610px;}
.big06p, .big06 { background-position: 0 -655px;}
.big07p, .big07 { background-position: 0 -700px;}
.big08p, .big08 { background-position: 0 -745px;}
.big09p, .big09 { background-position: 0 -790px;}
.big10p, .big10 { background-position: 0 -835px;}
.big11p, .big11 { background-position: 0 -880px;}
.big12p, .big12 { background-position: 0 -925px;}
.big13p, .big13 { background-position: 0 -970px;}
.big14p, .big14 { background-position: 0 -1015px;}
.big15p, .big15 { background-position: 0 -1060px;}
.big16p, .big16 { background-position: 0 -1105px;}
.big17p, .big17 { background-position: 0 -1150px;}
.big18p, .big18 { background-position: 0 -1195px;}
.big19p, .big19 { background-position: 0 -1240px;}
.big20p, .big20 { background-position: 0 -1285px;}
.big21p, .big21 { background-position: 0 -1330px;}
.big22p, .big22 { background-position: 0 -1375px;}
.big23p, .big23 { background-position: 0 -1420px;}
.big24p, .big24 { background-position: 0 -1465px;}
.big25p, .big25 { background-position: 0 -1510px;}
.big26p, .big26 { background-position: 0 -1555px;}
.big27p, .big27 { background-position: 0 -1600px;}
.big28p, .big28 { background-position: 0 -1645px;}
.big29p, .big29 { background-position: 0 -1690px;}
.big30p, .big30 { background-position: 0 -1735px;}
.big31p, .big31 { background-position: 0 -1780px;}
.big96p, .big96 { background-position: 0 -1825px;}
.big97p, .big97 { background-position: 0 -1870px;}
.big98p, .big98 { background-position: 0 -1915px;}
.big99p, .big99 { background-position: 0 -1960px;}

/* --- for smal. width --- */

.small00p, .small02p, .small03p, .small04p, .small05p, .small06p, .small08p, .small09p, .small12p, .small20p, .small22p, .small23p, .small24p, .small25p, .small26p, .small28p, .small29p, .small30p { width: 47px;}

.small01p, .small07p, .small27p { width: 43px;}



.small10p, .small11p, .small13p, .small14p, .small15p, .small16p, .small18p, .small19p, .small21p, .small31p { width: 45px;}

.small17p { width: 40px;}

/* --- for smal width --- */


.small00, .small02, .small03, .small04, .small05, .small06, .small08, .small20, .small22, .small23, .small24, .small25, .small26, .small28, .small30 { width: 40px;}

.small01 { width: 35px;}


.small07, .small09, .small12, .small13, .small15, .small18, .small27, .small29 { width: 39px;}

.small10, .small11, .small14, .small16, .small19, .small31 { width: 37px;}

.small17, .small21 { width: 36px;}

/* --- back for small --- */


.small00p, .small00 { background-position: -100px -385px;}
.small01p, .small01 { background-position: -100px -430px;}
.small02p, .small02 { background-position: -100px -475px;}
.small03p, .small03 { background-position: -100px -520px;}
.small04p, .small04 { background-position: -100px -565px;}
.small05p, .small05 { background-position: -100px -610px;}
.small06p, .small06 { background-position: -100px -655px;}
.small07p, .small07 { background-position: -100px -700px;}
.small08p, .small08 { background-position: -100px -745px;} 
.small09p, .small09 { background-position: -100px -790px;}
.small10p, .small10 { background-position: -100px -835px;}
.small11p, .small11 { background-position: -100px -880px;}
.small12p, .small12 { background-position: -100px -925px;}
.small13p, .small13 { background-position: -100px -970px;}
.small14p, .small14 { background-position: -100px -1015px;}
.small15p, .small15 { background-position: -100px -1060px;}
.small16p, .small16 { background-position: -100px -1105px;}
.small17p, .small17 { background-position: -100px -1150px;}
.small18p, .small18 { background-position: -100px -1195px;}
.small19p, .small19 { background-position: -100px -1240px;}
.small20p, .small20 { background-position: -100px -1285px;}
.small21p, .small21 { background-position: -100px -1330px;}
.small22p, .small22 { background-position: -100px -1375px;}
.small23p, .small23 { background-position: -100px -1420px;}
.small24p, .small24 { background-position: -100px -1465px;}
.small25p, .small25 { background-position: -100px -1510px;}
.small26p, .small26 { background-position: -100px -1555px;}
.small27p, .small27 { background-position: -100px -1600px;}
.small28p, .small28 { background-position: -100px -1645px;}
.small29p, .small29 { background-position: -100px -1690px;}
.small30p, .small30 { background-position: -100px -1735px;}
.small31p, .small31 { background-position: -100px -1780px;}

/* --- back year width --- */

.small1996 { background-position: -157px -385px;}
.small1997 { background-position: -157px -430px;}
.small1998 { background-position: -157px -475px;}
.small1999 { background-position: -157px -520px;}
.small2000 { background-position: -157px -565px;}
.small2001 { background-position: -157px -610px;}
.small2002 { background-position: -157px -655px;}
.small2003 { background-position: -157px -700px;}
.small2004 { background-position: -157px -745px;} 
.small2005 { background-position: -157px -790px;}
.small2006 { background-position: -157px -835px;}
.small2007 { background-position: -157px -880px;}
.small2008 { background-position: -157px -925px;}
.small2009 { background-position: -157px -970px;}
.small2010 { background-position: -157px -1015px;}
.small2011 { background-position: -157px -1060px;}
.small2012 { background-position: -157px -1105px;}
.small2013 { background-position: -157px -1150px;}
.small2014 { background-position: -157px -1195px;}
.small2015 { background-position: -157px -1240px;}
 
/* ===== FONTS ===== */
/* put all fonts (except colors) definitions here */
/* --- Font-family and Font-stretch --- */

body
{font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;}

/* --- Font-size --- */

/* ordered from the biggest to smallest */
/* Note: usage of font-size-adjust is forbidden */

h1
{font-size: 130%;}

h2
{font-size: 120%;}

h3,
th
{font-size: 110%;}

h4 {}

h5 {}

h6 {}

p {}

em {}

body
{font-size: 15px;}

#titleCatalog li { letter-spacing: 0.02em; line-height: 1.5em;}

#titleCatalog li a { line-height: 2.5em;}

#titleCatalog em { font-weight: 700}


.quote em, .name { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;}

/* --- Line-height & Word-spacing & Letter-spacing --- */
/* ordered from the biggest to smallest */

ul li
{}

/* --- Font-variant & Text-transform --- */

h1
{text-transform: uppercase;}

h2,
th
{font-variant: small-caps;}

/* --- Font-weight & Font-style & Text-decoration --- */

a {}
a:hover
{text-decoration: underline;}
h1,
h2,
h3,
#header-title,
.shapou,
.bold
{font-weight: bold;}

th
{font-style: italic;}

.shapou { word-spacing: 0.3em; font-size: 16px; }

/* ===== ALIGNMENTS & POSITIONING ===== */
/* put all alignments and positioning definitions here */

table td
{vertical-align: top;}

td
{text-align: left;}

/* ===== BORDERS ===== */
/* put all border styling (except colors) definitions here */
/* --- No border --- */

body
{border: 0px;}

/* --- Standard border --- */

table
{border-collapse: collapse;}
table,
table td,
table th
{border: 1px solid;}

/* --- Titles border --- */
h1,
h2
{}

/* ===== PADDINGS & DIMENSIONS & MARGINS ===== */
/* put all sizes & spacing definitions here */

html
{height: 100%;
margin-bottom: 1px; /* force vertical scrollbar */}


body
{height: 100%; width: 100% !important;}

#header h1 { margin: 10px 0 0 0;}

#mostra,
#sample-mostra { margin-top: 30px;}

h1
{margin-top: 2em;}

h2
{margin-top: 1.5em;}

h3
{margin-top: 1.2em;}

h4
{margin-top: 1em;}

ul li
{}

#sample-mostra li { padding-left: 0;}

#header h1 a { margin-left: 10px; display: inline;} 

#mostra h2 { margin-left: 60px; display: inline;}

/* ===== Basic Layout ===== */
/* Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site*/

#wrap { width: 940px; margin: 0 auto;}

#sidebar{ }

.readeMore { padding: 10px 0; clear: both;}

/* ===== HEADER ===== */

.promos { background: #000; height: 5px; line-height: 5px;}

#header .container_16 { margin-bottom: 15px; overflow: hidden;}

.nav { position: relative;}

.nav ul { float: right;}

.nav ul li {
	float: left;
	margin-top: 80px;
	}

#footer .nav ul li { margin-top: 0;}

.nav ul a { margin-left: 20px;}

.nav ul a, a.friendsLink { height: 30px;}

.nav ul a.mostreLink {
	width: 68px;
	background-position: 0px -190px;}

.nav ul a.mostreLink:hover {
	background-position: 0 -220px;}

#mostrepage .nav ul li a.mostreLink {
	background-position: 0 -250px;}

.nav ul a.recensioniLink {
	width: 103px;
	background-position: -374px -190px;}

.nav ul a.recensioniLink:hover {
	background-position: -374px -220px;}

#recensionipage .nav ul li a.recensioniLink {
	background-position: -374px -250px;}

.nav ul a.galleryLink {
	width: 85px;
	background-position: -77px -190px;}

.nav ul a.galleryLink:hover {
	background-position: -77px -220px;}

#gallerypage .nav ul li a.galleryLink {
	background-position: -77px -250px;}

.nav ul a.contactLink {
	width: 81px;
	background-position: -169px -190px;}

.nav ul a.contactLink:hover {
	background-position: -169px -220px;}

#contactpage .nav li a.contactLink {
	background-position: -169px -250px;}

a.friendsLink {
	width: 110px;
	background-position: -258px -190px;}

a.friendsLink:hover {
	background-position: -258px -220px;}

a.friendsLink.active  {
	background-position: -258px -250px;}

.cssSwitch {
	display: block;
	width: 120px;
	height: 40px;
	background: #000;
	position: absolute;
	top: -10px;
	right: 0;
	line-height: 40px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

/* ===== CONTENT ===== */

#sample-mostra { overflow: hidden;}

#sample-mostra li { float:left; margin-left: 15px;}

#sample-mostra li.first { margin-left: 0;}

.quote { padding: 80px 0 0 60px;}

* html .quote { padding: 40px 0 0 60px; margin-top: -20px; clear: both;}


#articles .quote {
	padding: 0 0 0 0;
	background-position:-682px 0px;
	clear: both;
}

* html #articles .quote { margin-top: 0px;}

.quote em, .name { padding: 20px 0 0 0; display: block;} 

.location { font-weight: 700; margin-top: 8px; float: left; font-size: 14px; margin-left: 15px;}

#col-02 { position: relative;}

#homepage #firstLeftPict { margin-top: -30px;}

#homepage #firstrightPict { position: absolute; top: -70px;}

#about img { float: left; margin: 10px 10px 5px 0;}

#about {padding: 50px 20px 25px 60px; margin-top: 490px;}

#articles { padding: 20px 0 0 0; margin-top: 25px;}

#articles li { margin-top: 25px;}

#articles li.first { margin-top: 0;}


#articles h2,
#articles .location,
#articles blockquote { margin-left: 60px; overflow: hidden; display: inline-block;}

* html #articles h2,
* html #articles .location,
* html #articles blockquote { margin-left: 30px;}

* html #articles blockquote { margin-left: 60px;}

#articles h2 { margin-bottom: 10px;}

/* ===== HOME ===== */

#home #content {}

#catalogSection { overflow: hidden; padding: 20px 0;}

#catalogSection h2 {
	width: 270px;
	height: 90px;
	background-position: 0 -290px;
	margin: 0 0 15px 0px;}

#titleCatalog { clear: both;}

#coverCatalog li { float: left; margin: 0 0 0 30px;}

#coverCatalog li.first { margin: 0;}


/* ===== PAGE mostre ===== */

#pagesample {}

.year { float: left;}

.mostre { padding: 10px 0 50px 0}

.mostre .mostrePerYear { display: block; clear: both; padding: 20px 0; overflow: hidden;}

.mostre .mostrePerYear span.year { margin-left: 50px; }

.mostre .mostrePerYear ul { float: left; margin-left: 10px; display: inline-block;}

.mostrePerYear li.first { margin-top: 15px;}

.mostrePerYear li { clear: both; font-weight: 400;}

.mostrePerYear li span { font-weight: 700;}

/* ===== PAGE recensionipage ===== */

#stage { padding: 0;}

#stage p { padding: 10px 0;}

#listRecensioni h2 { padding: 0 0 20px 0; }

#listRecensioni li.first { padding: 0 0 10px 0}

#listRecensioni li { padding: 10px 0; }

#recensionipage .quote { padding: 30px 0 20px 60px; background-position: -682px 10px; margin-left: -60px;}

/* ===== PAGE gallery ===== */

#gallerypage #stage { margin-bottom: 20px; overflow: hidden; }

.tag { width: 100%; padding: 15px 15px; margin-bottom: 20px;}


.galleryItem { clear: both; width: 100%; overflow: hidden; padding: 0 0 25px 0;}

.thumbList li {
	float: left;
	text-align: center;
	display: block;
	width: 312px;
	position: relative;
	height: 220px;
	}

.thumbList a { height: 180px; display: inline-block;}

.thumbList a img { margin-top: 35px;}

*:first-child+html .thumbList a { margin-top: 0;}

.thumbList li.nr3 { border-right: none;}

.thumbList li.last { border-bottom: none;}

.infoGallery {
	width: 100%;
	overflow: hidden;
	padding: 0 20px 10px 20px;
	margin: 30px 0 10px 0;
	float: left;}

.infoGallery .year { margin-right: 10px;}

.infoGallery h3 { line-height: 30px;}

.infoGallery h3 span { font-weight: 400; font-size: 14px;}

.infoGallery a { display: block; overflow: hidden; padding: 10px 20px; float: left; font-size: 18px;}

.thumbList img { border: 6px solid;}

/* ===== CONTACT ===== */

#contactpage .quote {
	padding: 10px 0 0 60px;
	background-position: -682px 0;
}

* html #contactpage .quote {
	margin-top: 25px;
	clear: both;
	overflow: hidden;
	}


form.suggestions-form { position: relative;}

* html form.suggestions-form { margin-top: 25px;}

.error {
	margin-top: -35px;
	position: absolute;}

/* =form
----------------------------------------------- */

fieldset {
    clear: both;
}
legend {
    padding: 0 0 1.286em;
    font-size: 1.167em;
    font-weight: 700;
}
fieldset fieldset legend {
    padding: 0 0 1.5em;
    font-size: 1em;
}
* html legend {
    margin-left: -7px;
} /* ie6 */
*+html legend {
    margin-left: -7px;
} /* ie7 */
form .field, form .buttons {
    clear: both;
    margin: 0 0 1.5em;
}
form .field label {
    display: block;
}
form ul.fields {
    margin: 0 0 1.5em;
    padding: 0;
}
form ul.fields li {
    list-style-type: none;
    margin: 0;
}
form ul.inline li, form ul.inline label {
    display: inline;
}
form ul.inline li {
    padding: 0 .75em 0 0;
}
input.radio, input.checkbox {
    vertical-align: top;
}
label, button, input.submit, input.image {
    cursor: pointer;
}
* html input.radio, * html input.checkbox {
    vertical-align: middle;
} /* ie6 */
*+html input.radio, *+html input.checkbox {
    vertical-align: middle;
} /* ie7 */
textarea, #name, #email, #subject {
    width: 300px;
    border:1px solid #CCC;
}
textarea {
    overflow: auto;
}
input.text, input.password, textarea, select {
    margin: 0;
    font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
    vertical-align: baseline;
}
input.text, input.password, textarea {
    padding: 2px;
}
/* horizontal layout */
form.horizontal .field {
    padding-left: 150px;
}
form.horizontal .field label {
    display: inline;
    float: left;
    width: 140px;
    margin-left: -150px;
}
div.buttons {
    margin-left: 150px;
}
select {
    width: 150px;
}

#contact {}


/* ===== FOOTER ===== */

#footer { overflow: hidden; padding: 20px 0;}

#apreciate ul { clear: both; padding-top: 15px;}

#apreciate ul li { float: left; display: block; width: 50%; padding: 2px 0;}

*:first-child+html #apreciate ul li { padding: 0; line-height: 1em;}

#apreciate ul a { color: #000;}

#apreciate ul a:hover { color: #333;}

/* error page */

#error div { padding: 20px;} 

#error h1 { color: #333; padding:0 0 10px 0; font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400;}