@import url("https://fonts.googleapis.com/css?family=Brawler");


/* CSS scritto da Danny Design per Toni Di Rossi / Itinerando */


body {background:rgb(230,230,230) url(images/sfondo-pagina1.jpg) top center fixed; margin:0;
		font-family:'Brawler', Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:14px;}
		
.fontBrawler, div.testoPopup, div.highslide-caption, div.highslide-caption div
		{font-family:'Brawler', Arial, Verdana, Tahoma, Helvetica, sans-serif !important;}

img {border:none;}

div {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, .titolo-pagina {margin:0 0 10px 0; padding:0;}

h1, .titolo-pagina {font-weight:normal; font-size:32px; letter-spacing:-1px; color:#999999;}

h2, .titoletto {font-weight:normal; font-size:24px; letter-spacing:-1px;}

h3, h4 {font-weight:normal; font-size:19px;}

h5 {font-size:13px;}


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

a.neglink {color:#999999;}
a.neglink:hover {color:#FFFFFF;}

img.img-sinistra {float:left; margin:0 25px 15px 0;}

img.img-bordogrigio {border:#CCCCCC 1px solid;}

hr {height:1px; border:0px; color:#CCCCCC; background-color:#CCCCCC; margin:20px 0;}


#corpo, #footer {box-shadow:0 10px 30px #000000;}




/* FASCIA ALPHA TESTATA ********************************************************* */

#fascia-alpha {width:100%; height:220px; background:#000000;
		opacity:0.15; position:fixed; z-index:-1; top:0; left:0;}
		
		
		
		
/* BARRA NAVIGAZIONE + MAIN MENU A COMPARSA *************************************** */

div.barra-navigazione {background:#FFFFFF; width:960px; padding:12px 15px 14px 15px;
		margin:0 auto; position:relative;}

div.freccia-breadcrumb {display:inline-block; width:36px; height:14px; margin-bottom:-1px;
		background:url(images/freccia-breadcrumb.png) center center no-repeat;}

div.icona-main-menu {display:inline-block; width:20px; height:14px; margin-bottom:-1px;
		background:url(images/icona-main-menu.png) left center no-repeat; cursor:pointer;}
		
div#main-menu {position:absolute; top:36px; right:0; z-index:100; display:none;
		background:#FFFFFF; border-left:#CCCCCC 1px solid; border-top:#CCCCCC 1px solid;}
		
div#main-menu a {display:block; width:280px; padding:15px; border-bottom:#CCCCCC 1px solid;}

div#main-menu a:hover {background:rgb(240,240,240);}

	
		
		
		
/* TESTATA *********************************************************************** */

#header {background:none; width:990px; margin:0 auto; padding-top:15px;
		color:#FFFFFF; position:relative;}
		
		
div.logoHeader {width:500px; height:110px; margin:0 0 -25px 0;
		background:url(images/logo-itinerando.png);}
		
		
		
		

/* CORPO PRINCIPALE *********************************************************************** */

#corpo {width:990px; height:100%; margin:0 auto 35px auto; background:#FFFFFF;
		color:#444444; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}




/* CONTENUTI A TUTTA LARGHEZZA ************************************************************ */

#tutta-larghezza {width:920px; padding:35px; line-height:150%;}
		
div.divisorio-tutta-larghezza {clear:both; width:920px; height:55px;
		background:url(images/divisorio-tutta-larghezza.png) top center no-repeat;}
		
div.divisorio-mezza-larghezza {clear:both; width:100%; height:55px;
		background:url(images/divisorio-tutta-larghezza.png) center center no-repeat;
		background-size:50%;}
		

div.foto-tutta-larghezza {clear:both; width:895px; height:125px; padding:25px 25px 0 0; text-align:right;
		color:#FFFFFF; font-size:48px; background:url(images/int-matteobartoli-new.jpg) no-repeat;}
		
div.ombra-foto-tutta-larghezza {clear:both; width:920px; height:20px;
		background:url(images/ombra-foto-tutta-larghezza.png) top center no-repeat;}
		



/* PAGINAZIONE **************************************************************************** */	

div.paginazione {clear:both; width:910px; margin:-20px 10px 0 0;
		text-align:right; font-weight:bold;}
		
div.paginazione span, div.paginazione a {margin-left:20px;}
		
div.paginazione a {color:#AAAAAA;}
div.paginazione a:hover {color:#444444;}



	
/* COLONNA SINISTRA *********************************************************************** */

#colonna-sinistra {float:left; width:440px;	line-height:150%; color:#444444;}
		
		
		
		
/* COLONNA DESTRA ************************************************************************* */		

#colonna-destra {float:right; width:440px; line-height:150%; color:#444444;}


	

/* BOX QUADRATI SOMMARIO ***************************************************************** */

div.contenitore-box-sommario {width:950px; min-height:100px;}

a.box-sommario, div.box-sommario
		{display:block; float:left; width:189px; height:88px; text-align:center;
		border:#CCCCCC 3px solid; padding:112px 10px 10px 10px; margin:0 20px 20px 0;
		font-size:13px; line-height:18.6px; border-radius:10px;}
								
a.box-sommario:hover
		{border:#999999 3px solid; color:#000000;}
		

		
a.box-sommario-home, 		div.box-sommario-home,
a.box-sommario-escursioni, 	div.box-sommario-escursioni,
a.box-sommario-vacanze, 	div.box-sommario-vacanze,
a.box-sommario-viaggigolf, 	div.box-sommario-viaggigolf,
a.box-sommario-eventi, 		div.box-sommario-eventi,
a.box-sommario-miscellanea, div.box-sommario-miscellanea
		{display:block; float:left; width:195px; height:30px; text-align:center;
		padding:170px 10px 15px 10px; margin:0 20px 20px 0; font-size:32px; font-weight:bold;
		letter-spacing:-2px; border-radius:10px; color:#FFFFFF; opacity: 0.35;
		text-shadow:#000000 2px 2px 5px;}
		
		
a.box-sommario-home:hover, 		  div.box-sommario-home,
a.box-sommario-escursioni:hover,  div.box-sommario-escursioni,
a.box-sommario-vacanze:hover, 	  div.box-sommario-vacanze,
a.box-sommario-viaggigolf:hover,  div.box-sommario-viaggigolf,
a.box-sommario-eventi:hover,	  div.box-sommario-eventi,
a.box-sommario-miscellanea:hover, div.box-sommario-miscellanea
		{opacity: 1; text-shadow:#000000 2px 2px 5px;}
		
		
a.box-sommario-home, div.box-sommario-home
		{background:url(images/box-home.jpg);}

a.box-sommario-escursioni, div.box-sommario-escursioni
		{background:url(images/box-escursioni.jpg);}

a.box-sommario-vacanze, div.box-sommario-vacanze
		{background:url(images/box-vacanze.jpg);}

a.box-sommario-viaggigolf, div.box-sommario-viaggigolf
		{background:url(images/box-viaggigolf.jpg);}
		
a.box-sommario-eventi, div.box-sommario-eventi
		{background:url(images/box-eventi.jpg);}
		
a.box-sommario-miscellanea, div.box-sommario-miscellanea
		{background:url(images/box-miscellanea.jpg);}
		
		
		
div.divisorio-menu-navRiquadri
		{clear:both; width:990px; height:30px; margin-left:-35px;
		border-top:#CCCCCC 2px solid;}		
		
div.cursore-navRiquadri {width:215px; height:30px; margin-top:-2px;
		background:url(images/cursore-navRiquadri-new.png);
		transition: all 0.5s;}
		
		
		
		
/* BOX E IMMAGINI THUMBNAILS ************************************************************* */


div.contenitore-thumbnails {width:922px; min-height:100px; margin:0;}
		
div.contenitore-thumbnails img {margin:0 20px 40px 20px !important; float:left;}

div.contenitore-thumbnails h3 {clear:both !important;}

p.testo-thumbnails {text-align:justify; margin:0 22px 30px 20px;}



div.data-thumbnail {width:144px; text-align:center; font-size:18px; padding:5px 0; background:rgb(230,230,230);
		border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

img.thumbnail-verticale {padding:0 35px; background:#EEEEEE;}

img.thumbnail-quadrata {padding:0 20px; background:#EEEEEE;}


.bordogrigio1px {border:rgb(192,192,192) 1px solid;}
.bordogrigio2px {border:rgb(192,192,192) 2px solid;}
.bordogrigio3px {border:rgb(192,192,192) 3px solid;}

		
div.intestazioneRistorante, div.intestazioneHotel,
div.intestazioneScheda, div.intestazioneEvento
		{clear:both; position:relative; margin-top:5px; margin-bottom:40px;}	
		

	
div.logo-tripAdvisor {position:absolute; top:-20px; right:16px;}

img.logo-tripAdvisor {border-bottom:#FFFFFF 3px solid;}	

img.logo-tripAdvisor:hover {border-bottom:rgb(80,150,60) 3px solid;}		
		
img.icona-biennale {float:left; margin:0 40px 30px 20px;}




/* TABELLA IMMAGINE + TESTO **************************************************************** */

table.immagineTesto {width:920px; border-bottom:#CCCCCC 1px solid; margin:0;}

table.immagineTesto.no-bordo {border-bottom:none;}

table.immagineTesto td {vertical-align:top; padding:35px 0 30px 0;}



/* TABELLA TECNICA PERCORSI *************************************************************** */

table.schedaTecnica {clear:both; margin:0 auto 40px auto;
		border-left:#CCCCCC 1px solid; border-right:#CCCCCC 1px solid;}

table.schedaTecnica td {vertical-align:top; padding:6px 40px 6px 40px; white-space:nowrap;}


		
		
/* CLASSI SPECIFICHE PERSONALIZZAZIONE HIGHSLIDE ******************************************* */
		
div.highslide-wrapper, div.highslide-caption
		{line-height:140%;}

div.highslide-caption {min-height:1px; font-size:13px !important;
		font-family:'Brawler', Arial, Verdana, Tahoma, Helvetica, sans-serif !important;}		
		
		
		
		
		
/* POPUP HIGHSLIDE INTRODUZIONE / DIRITTI / CONTATTI ************************************** */
		
div.testoPopup {padding:10px 20px 25px 25px; min-height:280px; font-size:16px !important;}

div.testoPopup img.tonifausta {float:left; margin:0 30px 20px 0; border-top:#FFFFFF 7px solid;}

div.testoPopup div.tonifausta {float:left; margin:0 30px 20px 0; border-top:#FFFFFF 4px solid;
		width:215px; height:215px; background:url(images/tonifausta.jpg) no-repeat;}
		
		
		
		
/* PAGINE RICETTE ************************************************************************* */

div.anteprimaRicetta {clear:both; min-height:100px; padding: 20px 0; border-bottom:#CCCCCC 1px solid;}

div.anteprimaRicetta img {float:left; margin:0 30px 0 0;}

div.anteprimaRicetta h3 {font-size:19px; margin:25px 0 5px 0;}

table.tabellaRicetta td, table.tabellaVino td {vertical-align:top; margin:0; padding:0 0 30px 0;}

td.immagineRicetta, td.immagineVino {max-width:500px; text-align:center; padding-right:50px !important;}

td.ingredientiRicetta, td.testoVino {width:100%;}

p.indentato20 {display:inline; margin:0 0 0 20px;}



/* TABELLA REPERTORIO ********************************************************************* */

table.repertorio {border-collapse:collapse; margin-bottom:30px; border-top:#E1E1E1 1px solid;}
						
table.repertorio td {vertical-align:middle; border-bottom:#E1E1E1 1px solid; white-space:nowrap;
		position:relative;}
		

table.repertorio tr td:first-child {width:440px; text-align:right; padding:15px 15px 15px 0;}

table.repertorio tr td:last-child {width:440px; text-align:left; padding:15px 0 15px 15px;}

a.pulsante-ascolta-audio {display:block; width:25px; height:25px; cursor:pointer;
		background:url(images/pulsante-ascolta-audio.png) center center no-repeat;
		background-size:25px 25px; opacity:0.3; transition: all 0.6s;}
		
a.pulsante-interrompi-audio {display:none; width:25px; height:25px; cursor:pointer;
		background:url(images/pulsante-interrompi-audio.png) center center no-repeat;
		background-size:25px 25px; opacity:0.3; transition: all 0.6s;}
		
a.pulsante-ascolta-audio:hover, a.pulsante-interrompi-audio:hover
		{opacity:1; transition: all 0.6s;}

div.riproduci-audio {display:none; position:absolute; top:11px; left:36px; z-index:10;
		width:430px; background:#FFFFFF;}
						
					
	
		
/* FOOTER ********************************************************************************** */

	
#footer {position:relative; width:920px; padding:35px;
		margin:30px auto 60px auto; background:#FFFFFF; border-radius:20px;}

div.box-footer {width:280px; height:260px; float:left; border-left:#CCCCCC 2px solid;
		color:#444444; padding:0 20px 0 25px; line-height:150%;}
		
div.box-footer-destra {width:81px; height:260px; float:right; text-align:right;
		border-left:#CCCCCC 2px solid; padding:0 0 0 180px; line-height:150%;} 
		
p.titolo-sito-footer {margin:0 0 25px -2px; color:#CCCCCC; font-size:36px; letter-spacing:-2px;}



div.divisorio-menu-footer
		{clear:both; width:990px; height:30px; margin-left:-35px;
		border-top:#CCCCCC 1px solid;}

div.menu-footer {clear:both; text-align:center;}

div.menu-footer a, div.menu-footer span {margin:0 20px;}
		
		


/* PULSANTONI HEADER E FOOTER ************************************************************** */


a.pulsante-sommario-header, a.pulsante-sezione-header, a.pulsante-home-header
		{height:42px; display:block; float:right; padding:12px 0 0 72px; margin-left:20px;
		margin-top:22px; background:url(images/pulsante-sommario.gif) left center no-repeat;
		color:#FFFFFF; font-weight:bold; font-size:15px; line-height:15px; opacity:0.7;}

a.pulsante-sezione-header {background:url(images/pulsante-torna-sezione.gif) left center no-repeat;}		
		
a.pulsante-home-header {background:url(images/pulsante-home.gif) left center no-repeat;}
		
a.pulsante-sommario-header:hover,
a.pulsante-sezione-header:hover,
a.pulsante-home-header:hover
		{opacity:1;}

a.pulsante-home-header.attivo
		{opacity:1; cursor:default !important;}



a.pulsante-sommario-footer {width:81px; height:81px; display:block; margin-bottom:20px; position:relative;
		background:#CCCCCC url(images/pulsante-sommario.gif) center center no-repeat;}
		
a.pulsante-sommario-footer:hover {background:rgb(64,130,214) url(images/pulsante-sommario.gif) center center no-repeat;}


		
a.pulsante-up {width:81px; height:81px; display:block; margin-bottom:20px; position:relative;
		background:#CCCCCC url(images/pulsante-up.gif) center center no-repeat;}
		
a.pulsante-up:hover {background:rgb(64,130,214) url(images/pulsante-up.gif) center center no-repeat;}


/*
div.etichetta-pulsante-sommario-header
		{width:180px; position:absolute; top:11px; right:50px; text-align:right; color:#FFFFFF; font-weight:bold;}
*/		
		
div.etichetta-pulsante-sommario-footer, div.etichetta-pulsante-up
		{width:160px; position:absolute; top:29px; right:90px; text-align:right;}





/* VARIE E GENERICHE *********************************************************************** */

.corpo6 {font-size:6px;}
.corpo7 {font-size:7px;}
.corpo8 {font-size:8px;}
.corpo9 {font-size:9px;}
.corpo10 {font-size:10px;}
.corpo11 {font-size:11px;}
.corpo12 {font-size:12px;}
.corpo13 {font-size:13px;}
.corpo14 {font-size:14px;}
.corpo15 {font-size:15px;}
.corpo16 {font-size:16px;}
.corpo17 {font-size:17px;}
.corpo18 {font-size:18px;}
.corpo19 {font-size:19px;}
.corpo20 {font-size:20px;}
.corpo21 {font-size:21px;}
.corpo22 {font-size:22px;}
.corpo23 {font-size:23px;}
.corpo24 {font-size:24px;}
.corpo25 {font-size:25px;}
.corpo26 {font-size:26px;}
.corpo27 {font-size:27px;}
.corpo28 {font-size:28px;}
.corpo29 {font-size:29px;}
.corpo30 {font-size:30px;}
.corpo31 {font-size:31px;}
.corpo32 {font-size:32px;}
.corpo33 {font-size:33px;}
.corpo34 {font-size:34px;}
.corpo35 {font-size:35px;}
.corpo36 {font-size:36px;}
.corpo37 {font-size:37px;}
.corpo38 {font-size:38px;}
.corpo39 {font-size:39px;}
.corpo40 {font-size:40px;}
.corpo41 {font-size:41px;}
.corpo42 {font-size:42px;}
.corpo43 {font-size:43px;}
.corpo44 {font-size:44px;}
.corpo45 {font-size:45px;}
.corpo46 {font-size:46px;}
.corpo47 {font-size:47px;}
.corpo48 {font-size:48px;}
.corpo49 {font-size:49px;}
.corpo50 {font-size:50px;}

.altezza5 {height:5px;}
.altezza10 {height:10px;}
.altezza15 {height:15px;}
.altezza20 {height:20px;}
.altezza30 {height:30px;}
.altezza40 {height:40px;}
.altezza50 {height:50px;}
.altezza60 {height:60px;}
.altezza70 {height:70px;}
.altezza80 {height:80px;}
.altezza90 {height:90px;}
.altezza100 {height:100px;}


.noMargin {margin:0 !important;}


.left10 {margin-left:10px;}
.left20 {margin-left:20px;}
.left30 {margin-left:30px;}
.left40 {margin-left:40px;}


.right3 {margin-right:3px;}
.right5 {margin-right:5px;}
.right10 {margin-right:10px;}
.right15 {margin-right:15px;}
.right20 {margin-right:20px;}
.right30 {margin-right:30px;}
.right40 {margin-right:40px;}
.right50 {margin-right:50px;}
.right100 {margin-right:100px;}
.right150 {margin-right:150px;}


.bottom10 {margin-bottom:10px;}
.bottom15 {margin-bottom:15px;}
.bottom20 {margin-bottom:20px;}
.bottom30 {margin-bottom:30px;}
.bottom40 {margin-bottom:40px;}


.larghezza10 {width:10px;}
.larghezza20 {width:20px;}
.larghezza30 {width:30px;}
.larghezza40 {width:40px;}
.larghezza50 {width:50px;}
.larghezza100 {width:100px;}
.larghezza150 {width:150px;}
.larghezza200 {width:200px;}
.larghezza250 {width:250px;}
.larghezza300 {width:300px;}
.larghezza350 {width:350px;}
.larghezza400 {width:400px;}
.larghezza450 {width:450px;}
.larghezza500 {width:500px;}
.larghezza550 {width:550px;}
.larghezza600 {width:600px;}
.larghezza650 {width:650px;}
.larghezza700 {width:700px;}
.larghezza750 {width:750px;}
.larghezza800 {width:800px;}
.larghezza850 {width:850px;}


.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}


.grassetto {font-weight:bold;}

.italic {font-style:italic;}

.nero {color:#000000;}
.grigio {color:#999999;}
.rosso {color:red;}
.verde {color:green;}
.arancio {color:orange;}
.silver {color:silver;}
.blu {color:#000099;}
.azzurro {color:#0099FF;}
.bianco {color:#FFFFFF;}

.floatSx {float:left !important;}
.floatDx {float:right !important;}


.giustificato {text-align:justify;} 
.allineaCentro {text-align:center;}
.allineaSx {text-align:left;}
.allineaDx {text-align:right;}
.allineaMezzo {vertical-align:middle;}
.allineaTop {vertical-align:top;}
.allineaBottom {vertical-align:bottom;}


.clearfix, .clearBoth {clear:both;}

.noWrap {white-space:nowrap;}

.nascosto {display:none;}

.tuttaLarghezza {width:100%;}

.positionAbsolute {position:absolute;}

.positionRelative {position:relative;}


table {border-collapse:collapse;}
table td {margin:0; padding:0;}


.roundedSmall, a.pulsante-up, a.pulsante-sommario-footer
{border-radius:5px;}

.roundedMedium
{border-radius:10px;}

.roundedLarge
{border-radius:15px;}


/* FINE CSS ******************************************************************************* */