/* CSS Document */


/* HTML5 Reset Stylesheet */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
	text-align: center;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#fff;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#fff; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


		
html, body{
	height: 100%;
	}
body{				/* nel Body la dimensione base del font è circa 16px */
	margin:0 auto;
	text-align:center;
	color:#2b2b2b;
	background-color:#fff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	}
#pagina{				/* il div #pagina ingloba header e container, e si chiude prima del footer - 55%*/
	width: 1220px;
	margin:0 auto;
	padding:0;
/*	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -180px;*/
	}
#container{
	width: 920px; /* 75% */
	float:left;
	margin: 30px 0;
	border-left: #b5bc1c 7px solid;
	text-align:left;
	padding: 20px 0 0 25px;
}


	
@font-face {
	font-family: 'Bradley Hand ITC';
	src: url('../font/BradleyHandITC.eot');
	src: url('../font/BradleyHandITC.eot?#iefix') format('embedded-opentype'),
		url('../font/BradleyHandITC.woff2') format('woff2'),
		url('../font/BradleyHandITC.woff') format('woff'),
		url('../font/BradleyHandITC.ttf') format('truetype'),
		url('../font/BradleyHandITC.svg#BradleyHandITC') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Dakota';
	src: url('../font/Dakota.eot');
	src: url('../font/Dakota.eot?#iefix') format('embedded-opentype'),
		url('../font/Dakota.woff2') format('woff2'),
		url('../font/Dakota.woff') format('woff'),
		url('../font/Dakota.ttf') format('truetype'),
		url('../font/Dakota.svg#Dakota') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face {
    font-family: 'impactregular';
    src: url('../font/impact-webfont.eot');
    src: url('../font/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/impact-webfont.woff2') format('woff2'),
         url('../font/impact-webfont.woff') format('woff'),
         url('../font/impact-webfont.ttf') format('truetype'),
         url('../font/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Zapfino';
	src: url('../font/Zapfino.eot');
	src: url('../font/Zapfino.eot?#iefix') format('embedded-opentype'),
		url('../font/Zapfino.woff2') format('woff2'),
		url('../font/Zapfino.woff') format('woff'),
		url('../font/Zapfino.ttf') format('truetype'),
		url('../font/Zapfino.svg#Zapfino') format('svg');
	font-weight: normal;
	font-style: italic;
}




/* ------------- HEADER ----------------*/


header{
	height: 110px;		/* altezza totale 165px */
	text-align:center;
	background:url(../img/tricolore.gif) bottom center no-repeat;
	margin-bottom:0;
	}
header > hgroup{
	margin: 35px 0 20px 0;}
h1{
	font-size:150%;
	font-family:impactregular;
	font-stretch:ultra-condensed;}
h1 > span.maiuscolo{
	font-size:200%;
	text-transform: uppercase;	
	}
h2{
	padding-top: 27px;
	font-size:130%;
	font-family:Zapfino;
}




/* ------------- NAVIGATIONS ----------------*/

nav{			
	width: 240px;		/* 19% - larghezza totale 265px */
	min-height: 100%;
    height: auto !important;
    height: 100%;
	padding: 15px 25px 15px 0;
	margin: 30px 0;
	font-family: Dakota;
	line-height:170%;
	font-size:110%;
	float:left;
	text-align: right;
	}
nav > ul{
	text-align: right;}
nav > ul li{
	line-height:180%;}
	
nav a{
	text-decoration: none;}
nav a:link, nav a:visited{
	color: #9CA318;}
nav a:hover, nav a:active{
	color: #FBB03B;}
nav > ul{
	margin-bottom:20px;
}
nav a img{
	margin-left:10px;}
h3.letter-spacing{
	letter-spacing:-1px;}

/* ------------- Menù contestuale ----------------*/

section#menu-contestuale{
	margin-bottom:10px;
	color:#9CA318;
	}
section#menu-contestuale > a img{
	margin-right:10px;
	}
section#menu-contestuale > a:link, #menu-contestuale > a:visited{
	font-weight:bold;
	color:#9CA318;
	text-decoration:none;
	}
section#menu-contestuale > a:hover, #menu-contestuale > a:active{
	color: #FBB03B;
	}	



/* ------------- ASIDE ----------------*/

section > aside {
	float:right;}
aside{
	float: right;
	width: 40%;
	margin: 0 0 40px 40px;
	padding-bottom:30px;
	clear:both}

aside a img{
	margin:0 27px 0 0;}
aside a:link img, aside a:visited img{
	border:3px solid #e9e9e9;}
aside figure a img{
	margin:10px 27px 10px 0;}
aside figure a:link img, aside figure a:visited img{
	border:3px solid #e9e9e9;}

aside.colonna-foto a:link img, aside.colonna-foto a:visited img,
article a:link img, article a:visited img{
	border:3px solid #e9e9e9;}
article a:hover img, article a:active img,
aside a:hover img, aside a:active img,
aside figure a:hover img, aside figure a:active img,
figure a:hover img, figure a:active img,
aside.colonna-foto a:hover img, aside.colonna-foto a:active img{
	border:3px solid #b5bc1c;
	}

article.anna-consiglia aside.colonna-foto{
	margin:20px 0 0 0;}


aside.colonna-foto{
	float: right;
	width: 40%;
	background: #fff;}
aside.colonna-foto figure a img{
	margin:0;}
aside.colonna-foto a img{
	margin-bottom:14px;
	margin-right:0;}







	
/* ------------- CONTENUTI ----------------*/

section.float_sn {
	width:56%;
	margin:0;
	padding:0;}
section.float_sn  img {
	margin: 0 23px 30px 0;
	clear:both;
	}
section.news-sn{
	float:left;
	width:41%;
	margin:0 0 30px 0;
	}
section.news-sn > img{
	float:left;
	margin:0 0 30px 0;
	clear:both;
	}
section.venti-anni{
	margin-top:30px;
	padding: 30px 0;
	background-color: #e9e9e9;
}




article img.float_sn{
	margin: 15px 25px 20px 0;}
article img.float_dx{
	margin: 15px 0 20px 25px;}
		
article.foto{		/* galleria fotografica */
	padding:0 10%;}
article.foto > a img{		
	margin:2px;
	float:left;}

article.video{
	width:100%;
	display:block;
	background-color: #1a1a1a;
	padding: 5px 0 40px 0;
	margin: 30px 0 0 25px;
	clear:both;}
article.video_no-margin-top{
	width:100%;
	display:block;
	background-color: #1a1a1a;
	padding: 5px 0 40px 0;
	margin: 0 0 0 25px;
	clear:both;}
article.video > h5{
	padding-top: 15px;}
iframe{margin: 5px;}

article.video_en{
	width:56%;
	background-color: #1a1a1a;
	padding-bottom:40px;
	float:right;}

article.news_en{
	display:block;
	width: 100%;
	background: #1a1a1a url(../img/sfondo-aside.gif) right repeat-y;
	margin: 30px 24px 0 0;
	padding: 2px 0 30px 0;
	}
article.news{
	float:left;
	width: 41%;
	background: #1a1a1a url(../img/sfondo-aside.gif) right repeat-y;
	margin: 0 0 30px 0;
	padding: 30px 0 45px 0;
	}
article.news > h5{
	text-align: left;
	color:#1a1a1a;
	font-size:200%;
	font-family: Dakota;
	background:url(../img/sfondo-titolo-aside.png) left repeat-y;
	margin: 0 0 15px 0;
	padding: 15px 0 10px 32px;
}
article.news_en > h6{
	margin: 0 30px 0 0;
	}

article.news h6{
	margin: 0 30px 0 0;}
article.news > p{
	text-align:center;
	margin: 20px 38px 0 0;}
figure.news > a img, figure.news > img{
	margin:30px 35px 0 8px;}
figure.news > figcaption{
	margin:5px 35px 0 8px;}
figure.news > figcaption strong{
	color:#F00;}
	
article.lezioni-cucina{
	padding:0 0 40px 30px;}
article.anna-consiglia{
	padding: 0 30px 0 100px;}

article.venti-anni-foto{
	width:41%;
	text-align: right;
	padding: 0 auto;
	float:left;
}
article.venti-anni-foto figure img{
	padding:10px 0 10px 85px;
	margin: 0 auto;
}
article.venti-anni-testo{
	width:45%;
	padding:90px 95px 20px 0;
	font-size: 130%;
	float:right;
}
article.venti-anni-testo p{
	text-indent: 0;
	text-align: center;
	
}



a.pulsante:link, a.pulsante:visited{
	background-color: #b5bc1c;
	padding:7px;
	margin-top: 50px;
	font-size:80%;
	color:#fff;
	text-decoration:none;
	float:right;
	clear:right;}
a.pulsante:hover, a.pulsante:active{
	text-decoration: underline;}
a.pulsante:link img, a.pulsante:visited img, a.pulsante:hover img, a.pulsante:active img, section#menu-contestuale > a:link img, section#menu-contestuale > a:visited img, section#menu-contestuale > a:hover img, section#menu-contestuale > a:active img{
		border:0;
		margin:0 7px 0 0;}

	
ul.biografia{
	margin:0;
	text-align: left;
	line-height:140%;
	list-style: none;
    padding:0;
	}
ul.biografia > li{
	padding-bottom:10px;
	padding-left: 1em;
	text-indent: -1em;
	}
ul.biografia > li:before {
    content: "￭";
    color: #b5bc1c; /* cambiare il colore del punto elenco qui! */
	padding-right:10px; 
	}
ul ul{
	padding:5px 0 10px 0;}
ul ul >li{
		list-style-type:disc;
		padding-left: 5px;
		margin-left:30px;
		text-indent:0;}
ul{
	text-align:left;
	list-style-type:square;
	margin:0 0 0 37px;}
ul li{
	line-height:150%;}



/* ------------- FOOTER ----------------*/

footer{
	width:100%;
	padding:30px 0;
	font-size:75%;
	background:url(../img/tricolore.gif) top center no-repeat;
}
footer, #push {
    height: 62px; /* altezza footer 122px */ 
    clear: both;}
p#wd{
	color:#7F7F7F;}
#wd a:link, #wd a:visited{
	text-decoration:none;
	font-weight:bolder;
	color:#7F7F7F;}
#wd a:hover, #wd a:active{
	color:#1a1a1a;
	text-decoration:underline;}
footer p{
	margin:15px 0;
	color: #F00;
	text-align:center;}



/* ------------- HEADINGS ----------------*/

h4{
	color: #fff;
	font-size: 200%;
	font-family: Dakota;
	background-color:#b5bc1c;
	padding: 15px 0;
	margin:5px 0 30px 0;
	text-align:center;
}
h4.in-costruzione{
	margin:150px 0;}

h5{
	text-align: left;
	color:#1a1a1a;
	font-size:200%;
	font-family: Dakota;
	padding:15px 0 10px 32px;
	margin:30px 0 35px 0;
	background:url(../img/sfondo-titolo-aside.png) left repeat-y;}
	
h6{
	color:#b5bc1c;
	font-family: Bradley Hand ITC;
	text-align:right;
	margin: 0 69px 15px 37px;}
h6 > span.maiuscolo{
	font-size:105%;
	text-transform: uppercase;}
h6.cooking-classes{
	font-size:130%;
	line-height:115%;
	text-align:center;
	margin:0 0 15px 0;
	color:#B5BC1C;}
h6.lezioni-cucina{
	font-size:130%;
	line-height:115%;
	text-align:center;
	margin:0 0 15px 0;
	color:#F00;}
h6.anna-consiglia{
	font-size:130%;
	line-height:130%;
	text-align:left;
	margin-left:0;
	color:#F00;}
h6.archivio{
	font-size:210%;
	line-height:130%;
	text-align:center;
	margin-left:0;
	color:#F00;}
h6 > strong{
	border: 1px solid #f00;
	display:block;
	margin-left:280px;
	padding:20px;
	}

	

		
/* ------------- figure ----------------*/

article.centramento > figure, article.centramento-archivio > figure{
	text-align:center;
	margin:10px;
	float:left;
	}
article.centramento-archivio > figcaption{
	width:75%;}
article.anna-consiglia aside.colonna-foto figure{
	margin:0 0 15px 0;} 

figure#margin-social{
	margin:30px 0;}	
figcaption{
	padding: 12px 15px 5px 15px;}
figcaption.fresco{
	padding: 5px;
	font-size:85%;}
figcaption.oldest-school{
	padding: 20px 0;
	font-family: Dakota;
	font-size:160%;
	font-weight:bolder;}
figcaption > img{
	margin:0 auto;
	padding: 0;}
figcaption > a:link, figcaption > a:visited, article a:link, article a:visited {	/* link all'interno di article */
	color: #9CA318;
	text-decoration: none;	}
figcaption > a:hover, figcaption > a:active, article a:hover, article a:active{
	color: #FBB03B;
	text-decoration: underline;}
figure#margin-social > img.whatsapp{
	margin: 0 7px 7px 5px;}
a > img{
	margin: 5px;}
a:link > img, a:visited > img, aside.colonna-foto a img, aside.colonna-foto a:visited img{		/* link img con bordo bianco */
	border:3px solid #fff;
	}
a.no-border:link img, a.no-border:visited img, a.no-border:hover img, a.no-border:active img {
	border:0;}
	
img.border-8w{
	border:#FFF 8px solid;}
img.basilico{
	float:right;
	padding:0;
	margin:0 20px 0 0;
	clear:both;}




/* ------------- FORMATTAZIONE ----------------*/

p{
	text-indent: 10px;
	line-height:130%;
	margin-bottom: 15px;
	text-align:left;}
p.contatti{
	text-align:right;
	float:left;
	margin-left:25%;
	padding:60px 30px 0 0;}
.text-align_dx{
	text-align:right;}
p.by{
	font-family: Bradley Hand ITC;
	font-weight: bolder;
	text-align: center;
	font-size: 150%;
}
strong{
	text-transform:uppercase;
	color: #fff;
	font-family: Bradley Hand ITC;
	line-height:120%;
	}
strong > a:link, strong > a:visited, section.gift > h6 a:link, section.gift > h6 a:visited{
	text-decoration:none;
	color:#9ca318;}
strong > a:hover, strong > a:active, section.gift > h6 a:hover, section.gift > h6 a:active{
	text-decoration:underline;
	color:#FBB03B;}

section.sconto{
	padding:20px 30px;
	border: 1px solid #f00;
	background-color: #e9e9e9;
	float:right;
	width:auto;
	margin: 40px 20px;
	}
section.call-to-action, section.call-to-action_home{
	font-family: Bradley Hand ITC;
	padding:20px 30px;
	border: 1px solid #f00;
	float:left;
	width:45%;
	margin: 30px 0 80px 0;
	}
section.call-to-action_home{
	width:87%;
	margin: 30px 0 60px 30px;
	padding:30px;
	}
	
section.gift{
	background: #e9e9e9 center no-repeat url(../img/lezionidicucina/gift-250.png);
	width:74%;
	margin:30px 75px 10px 30px;
	padding:10px 0 0 0;
	border:1px solid #F00;
	height:219px;}
section.gift > h6{
	text-align:center;
	padding:100px 0 0 40px;
	line-height:130%;
	font-size:135%;
	font-stretch:semi-condensed;}

.didascalia-video{
	display:block;
	margin: 5px 0 15px 0;
	font-size: 90%;
	line-height:20px;}


.bold{
	font-weight:bold;}
.underline{
	text-decoration:underline;}




/* ------------- ALLINEAMENTI ----------------*/

.float_dx{
	float:right;
	}
.float_sn{
	float:left;
	}
.ripristino{
	clear:both;
	}
.margin-dx_220{
	margin-right:220px;}	

article.centramento{
	padding-left: 12%;}
article.centramento-archivio{
	padding-left: 10%;}