/*
 Fontface - Generated by Font Squirrel (http://www.fontsquirrel.com) on May 12, 2011 06:54:43 AM America/New_York
 **************************************************************************************************************************/
@font-face {
    font-family: 'GoudyBookletter1911';
    src: url('fonts/goudy_bookletter_1911-webfont.eot');
    src: url('fonts/goudy_bookletter_1911-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/goudy_bookletter_1911-webfont.woff') format('woff'),
         url('fonts/goudy_bookletter_1911-webfont.ttf') format('truetype'),
         url('fonts/goudy_bookletter_1911-webfont.svg#GoudyBookletter1911Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
 IcoMoon
 **************************************************************************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?o69zjo');
  src:  url('fonts/icomoon.eot?o69zjo#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?o69zjo') format('truetype'),
    url('fonts/icomoon.woff?o69zjo') format('woff'),
    url('fonts/icomoon.svg?o69zjo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-twitter:before {
  content: "\e902";
}
.icon-whatsapp:before {
  content: "\e903";
}


/*
 Layout
 **************************************************************************************************************************/
html {
	background:		url('images/sfondo.gif') fixed;
}

body {
	margin:			1em auto;
	width:			39em;
}

header {
	background:		rgb(40, 40, 35);
	background:		rgba(17, 17, 17, .8);
	overflow:		hidden;
	padding:		9px 1em 54px 1em;
}

header h1 {
	float:			left;
}

header nav {
	float:			right;
	margin-top:		36px;
}

#main {
	background:		rgb(250, 250, 246);
	background:		rgba(255, 255, 252, .85);
	border:			1em solid rgb(40, 40, 35);
	border:			1em solid rgba(17, 17, 17, .8);
	border-top-width:	0;
	border-bottom-width:	0;
	overflow:		hidden;
	padding:		2em 1em 1em;
	width:			35em;
}

#content {
	margin-left:		11em;
	width:			24em;
	z-index:1000;
}

aside {
	float:			left;
	text-align:		right;
	width:			10em;
}

figure {
	margin-bottom:		1em;
}

footer {
	background:		rgb(40, 40, 35);
	background:		rgba(17, 17, 17, .8);
	overflow:		hidden;
	padding:		18px 1em 18px 1em;
}

/*
 Header
 **************************************************************************************************************************/
header h1 {
	color:			#f5f5ed;
	font-size:		30px;
	font-weight:		normal;
	line-height:		30px;
	padding-top:		24px;
	margin:			0;
}

header nav ul {
	line-height:		18px;
}

header nav li {
	margin-left:		20px;
	padding-bottom:		5px;
}

header nav li.current {
	border-bottom:		2px solid #d0d0c9;
}

header nav li a, header nav li a:visited {
	color:			#cdcdc6;
	text-decoration:	none;
}

header nav li a:hover, header nav li.current a {
	color:			#f5f5ed;
	text-decoration:	none;
}

/*
 Content
 **************************************************************************************************************************/
a, a:visited {
	color:			#c44;
}

a:hover {
	color:			#e55;
	text-decoration:	none;
}

.annuncio {
	margin-bottom: 2em;
    margin-top: -1em;
    padding: 0.5em 1em 0;
    border: 1px solid #c44;
}

.annuncio p {
	margin-bottom: 0.6em;
}

p.annuncio-head {
	text-align: center;
	font-size: 16px;
}

p.text-center {
	text-align: center;
}

#home p, #testi p.saggi, article.abstract p, blockquote p {
	text-indent:		0;
}

#home p, #testi p.saggi, aside p {
	margin-top:		0;
}

#content > h2, #error h2, article h1 {
	font-size:		24px;
	font-weight:		normal;
	line-height:		26px;
}

article h1 a, article h1 a:visited {
	color:			#333;
}

article h1 a:hover {
	color:			#666662;
	text-decoration:	none;
}

article h1 a:active, article h1 a:focus {
	top:			0;
}

article h2 {
	font-size:		16px;
}

article.abstract h1 {
	font-size:		18px;
	line-height:		20px;
	margin-bottom:		5px;
}

article.abstract h2 {
	color:			#666;
	font-size:		13px;
	font-style:		italic;
	font-weight:		normal;
}

#testi article + article {
	border-top:		1px dotted #444;
	padding-top:		20px;
}

h3 {
	margin-bottom:		0;
}

p.torna-su {
	margin-top:		0;
	text-indent:		0;
}

p.continua {
	text-align:		right;
	text-indent:		0;
}

blockquote {
	color:			#666;
	margin:			-10px 0 10px 0;
}

pre {
	color:			#000;
	background:		#f5f5f0;
	padding:		20px 10px;
}

pre.en {
	font-style:		italic;
}

pre.en i {
	font-style:		normal;
}

aside p {
	color:			#666;
	font-size:		12px;
	line-height:		16px;
}

aside p.fonte {
	font-style:		italic;
}

aside p.condividi a {
    display: inline-block;
    margin-left: 2px;
    margin-top: 5px;
    padding: 3px;
    font-size: 18px;
    color: #444;
}

aside nav li {
	display:		list-item;
	font-size:		12px;
}

ol.unstyled {
	list-style:		none;
}

/* image hr */
hr {
	background:		url(images/hr.png) no-repeat top center;
	border:			none !important;
	height:			12px;
	margin:			0 0 1em;
}

.ie7 hr {
	display:		list-item;
	list-style:		url(images/hr.png) inside;
	filter:			alpha(opacity=0); /* gets rid of horizontal bar to right of image */
	width:			0; /* prevents tiling */
	margin-top:		-7px;
}

/* 1px hr of given color */
.footnotes hr {
	background-color:	#666561;
	border:			none;
	clear:			both; /* FF doesn't display it if after floated elements and not cleared */
	color:			#666561; /* IE 6/7 */
	display:		block; /* IE 6/7 */
	height:			1px;
	margin:			0 0 1em;
}

.ie7 .footnotes hr {
	margin:			-7px 0 1em;
	filter:			alpha(opacity=100);
	width:			100%;
}



/*
 Footer
 **************************************************************************************************************************/
footer p.left, #footer p.right {
	font-size:		12px;
	margin:			0;
}

footer a, footer a:visited {
	color:			#aeaea5;
}

footer a:hover {
	color:			#e55;
}

/*
 Form
 **************************************************************************************************************************/
input[type=text], input[type=email], textarea {
	background:		#fefefc;
	border-color:		#bababa;
	padding:		4px;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
	background:		#fff;
}

input[type="text"], input[type="email"] {
	width:			233px;
}

input[type="checkbox"] + label {
	cursor:			pointer;
	padding-left:		5px;
}

input[type="checkbox"] {
	margin:			0;
}

textarea {
	width:			470px;
}

div.success {
	background-color:	#e1f6cA;
}


/* -------------------------------------------------------------------------------------------------------------------------
  PRINT

  Let's make sure that our pages print nicely.
------------------------------------------------------------------------------------------------------------------------- */

/* inlined to avoid required HTTP connection
   www.phpied.com/delay-loading-your-print-css/ */
@media print {
* {
	background:		transparent !important;
	text-shadow:		none;
}

body {
	width:			100% !important;
	margin:			0 !important;
	padding:		0 !important;
	border:			0 !important;
}

/* Here go sections of the site that you do not want to be printed */
header nav, p.torna-su {
	display:		none !important;
}

header {
	padding:		18px 0;
}

#main {
	border:			none;
	overflow:		visible;
	padding:		1em 0;
	width:			100%;
}

aside, #content {
	clear:			both;
	float:			none;
	margin:			0;
	width:			auto;
}

aside {
	margin-bottom:		1em;
	text-align:		left;
}

a[rel], a[href] {
	padding:		0;
	margin:			0;
}

/* If the URL starts with a double slash, insert the 'http:' part */
a[href^="//"]:after {
	content:		" (http:" attr(href) ")";
	font-size:		90%;
}

a[href^="javascript:"]:after, a[href^="#"]:after {
	content:		"";
}

abbr {
	border:			none !important;
	letter-spacing:		0 !important;
}

abbr[title]:after {
	content:		" (" attr(title) ")";
	font-size:		90%;
}

pre, blockquote {
	page-break-inside:	avoid;
}

blockquote p {
	margin:			10pt 18pt;
}

tr, img {
	page-break-inside:	avoid;
}

ul, ol {
	margin-left:		2em;
}

@page {
	margin:			2cm;
}

p, h2, h3 {
	orphans:		3;
	widows:			3;
}

h2, h3{
	page-break-after:	avoid;
}

}


/* -------------------------------------------------------------------------------------------------------------------------
  MEDIA

  Media queries for responsive design. The grid adapts itself down to mobile phones!
------------------------------------------------------------------------------------------------------------------------- */

/* #Tablets (Portrait) */
@media only screen and (min-width: 768px) and (max-width: 800px) /* max-width = regular body width + 20px */ {

body {
	width:			38em;
}

header, footer {
	padding-left:		10px;
	padding-right:		10px;
}

#main {
	border-width:		0 10px;
}

}

/* #Mobile (320px) */
@media only screen and (max-width: 767px) {

body {
	width:			15.5em;
}

header {
	padding:		18px .25em;
}

header h1, header nav {
	float:			none;
}

header nav li {
	margin-left:		0;
	margin-right:		5px;
}

footer {
	padding-left:		.25em;
	padding-right:		.25em;
}

#main {
	border-width:		0 5px;
	padding:		.75em .5em;
	width:			14em;
}

aside, #content {
	float:			none;
	margin:			0;
	width:			14em;
}

aside {
	margin-bottom:		1em;
	text-align:		left;
}

img {
	max-width:		280px;
}

input[type=text], input[type=email], textarea {
	width:			270px;
}

}

/* #Mobile (480px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

body {
	width:			23em;
}

header {
	padding:		18px .5em;
}

header h1, header nav {
	float:			none;
}

header nav li {
	margin-left:		0;
	margin-right:		20px;
}

footer {
	padding-left:		.5em;
	padding-right:		.5em;
}

#main {
	border-width:		0 .5em;
	padding:		2em 1em;
	width:			20em;
}

aside, #content {
	float:			none;
	margin:			0;
	width:			20em;
}

aside {
	margin-bottom:		1em;
	text-align:		left;
}

img {
	max-width:		400px;
}

textarea {
	width:			390px;
}

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this:www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-width: 720px) {
	/* Prevent iOS, WinMobile from adjusting font size */
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}