/* layout di pagina */

body,td,th {
	
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
	color: #333333;

}

body {
	
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;

}

.pagina {

	float: left;
	width: 960px;
	border-left: 1px dashed #CCCCCC;
	border-right: 1px dashed #CCCCCC;
	margin-left: 12px;
	text-align: left;
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding: 12px;

}

.header {

	float: left;
	height: auto;
	padding-bottom: 6px;
	border-bottom: 1px solid #CC0000;

}

.logo {

	width: 221px;
	height: 80px;
	float: left;

}

.mainmenu {

	width: 715px;
	height: 30px;
	float: right;
	border-top: 2px solid #CC0000;
	margin-top: 4px;
	padding-left: 12px;
	background-attachment: scroll;
	background-image: url(../img/triangolo-rosso-ts.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;

}

.spot {

	width: 960px;
	height: 187px;
	float: left;

}

.spot_bigbanner {

	width: 541px;
	height: 187px;
	float: left;

}

.spot_banners {

	width: 419px;
	height: 187px;
	float: left;
	text-align: center;
	margin: 0px auto;

}

.spot_slim {

	width: 960px;
	height: auto;
	float: left;

}

.spot_slim .wide {

	width: 540px;
	height: 74px;
	float: left;
	margin: 2px;

}

.spot_slim .thin {

	width: auto;
	height: 74px;
	float: left;
	margin: 2px;

}

.bannerbox1 {

	width: 390px;
	height: 110px;
	border-bottom: 2px solid #CCCCCC;

}
.bannerbox2 {

	width: 390px;
	height: 34px;
	padding-top: 16px;
	border-bottom: 2px solid #CCCCCC;
	background-attachment: scroll;
	background-image: url(../img/triangolo-nero-ts.jpg);
	background-position: top left;
	background-repeat: no-repeat;

}
.bannerbox3 {

	width: 390px;
	height: 20px;
	border-bottom: 2px solid #CCCCCC;

}

.left {

	margin-top: 12px;
	margin-right: 12px;
	float: left;
	width: 238px;

}

.center {

	margin-top: 12px;
	float: left;
	width: 550px;

}

.right {

	margin-top: 12px;
	float: left;
	width: 160px;

}

.footer {

	float: left;
	width: 960px;
	height: 20px;
	text-align: center;
	margin-top: 12px;

}

.login_box {

	width: 110px;
	border: 3px dashed #CC0000;
	margin: 10px;
	padding: 10px;
	text-transform: capitalize;

}

.login_box .button {

	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #333333;
	margin-top: 4px;
	width: 86px;

}

.box_testo_colonna {

	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 5%;
	width: 85%;

}

.box_testo_colonna_dx {

	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 5%;
	width: 85%;
	text-align: right;

}

.banner {

	float: left;

}

.headerbanner {

	float: left;
	width: auto;

}

.mainmenuBox {

	width: 46%;
	float: left;
	height: auto;
	margin: 2px;
	text-align: left;
	padding-left: 2px;
	margin-left: 1%;
	background-color: #FDFDFD;

}

.mainmenuBoxa {

	width: 46%;
	float: left;
	height: auto;
	margin: 2px;
	text-align: left;
	padding-left: 2px;
	margin-left: 1%;
	background-color: #FFFFCC;

}

.mainmenuBoxb {

	width: 46%;
	float: left;
	height: auto;
	margin: 2px;
	text-align: left;
	padding-left: 2px;
	margin-left: 1%;
	background-color: #DFEEF2;

}

.mainmenuBoxc {

	width: 46%;
	float: left;
	height: auto;
	margin: 2px;
	text-align: left;
	padding-left: 2px;
	margin-left: 1%;
	background-color: #EFF7B9;

}


/* links */

.mainMenu {

	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;

}

.mainMenu_a {

	color: #CC0000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.9em;

}

.box_testo_colonna a {

	color: #333333;
	font-weight: bold;
	text-decoration: none;

}

.box_testo_colonna a:hover {

	color: #CC0000;

}

.center a {

	color: #003399;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;

}

.center a:hover {
	color: #999999;
}

a.footerLinks {

	color: #003399;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;

}

a.footerLinks:hover {
	color: #999999;
}

a.blacklink {

	color: #000000;
	font-weight: bold;

} 
a.graylink {

	color: #666666;
	font-weight: bold;

} 

a.redlink {

	color: #CC0000;
	font-weight: bold;
	text-decoration: none;

} 


/* testi */

.titolo_rosso {

	color: #CC0000;
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;

}

.titolo_grigio {

	color: #666666;
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	margin: 24px;

}

marquee {

	letter-spacing: 6;

}


/* elementi specifici */

.agendaListaBox {
	margin-left: 5%;
	color: #444444;
	margin-bottom: 12px;
}
.agendaListaTipo {
	font-weight: bold;
	color: #000000;
}
.agendaListaData {
	color: #000000;
}
.agendaListaLuogo {
	font-weight: bold;
}
.agendaListaTitolo {
	text-transform: uppercase;
	font-weight: bold;
}
.agendaListaTesto {}
.agendaListaInfo {}
.agendaListaWeb {}


.articoliListBox {
	width: 260px;
	height: auto;
	float: left;
	margin: 3px;
	height: auto;
}
.articoliListTipo {
	float: left;
	text-align: left;
	width: 152px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.articoliListOcchiello {
	float: left;
	text-align: left;
	width: 152px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.articoliListImmagine {
	float: left;
	width: 100px;
	margin-right: 4px;
}
.articoliListTitolo {
	margin-top: 8px;
	float: left;
	text-align: left;
	width: 100%;
	margin-left: 2px;
	font-size: 1.5em;
	font-stretch: narrower;
	font-weight: bold;
	font-family: "Arial Narrow", Arial;
	color: #444444;
}
.articoliListTesto {
	float: left;
	width: 100%;
	margin-left: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.articoliListAuthor {
	margin-top: 6px;
	width: 170px;
	float: left;
	text-align: left;
	color: #666666;
	font-size: 0.9em;
}
.articoliListData {
	margin-top: 6px;
	width: 70px;
	float: left;
	text-align: left;
	color: #666666;
	font-size: 0.9em;
}
.articoliListLink {
	width: 20px;
	float: left;
	text-align: left;
	margin-top: 6px;
}
.articoliListLink a {
	color: #CC0000;
}

.articoliListBoxBig {
	width: 520px;
	height: auto;
	float: left;
	margin: 3px;
	height: auto;
	font-size: 1.1em;
}
.articoliListBoxBig .articoliListImmagine {
	float: right;
	width: 252px;
	margin-left: 2px;
}
.articoliListBoxBig .articoliListOcchiello {
	float: left;
	text-align: left;
	margin-left: 2px;
	width: 252px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 6px;
}
.articoliListBoxBig .articoliListTitolo {
	margin-top: 8px;
	float: left;
	text-align: left;
	width: 252px;
	margin-left: 2px;
	font-size: 1.4em;
	font-stretch: narrower;
	font-weight: bold;
	font-family: "Arial Narrow", Arial;
	color: #444444;
	padding-right: 6px;
}
.articoliListBoxBig .articoliListTesto {
	float: left;
	width: 252px;
	margin-left: 2px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-right: 6px;
}
.articoliListBoxBig .articoliListLink {
	width: 252px;
	float: left;
	text-align: right;
	margin-top: 6px;
	padding-right: 6px;
}
.articoliListBoxBig .articoliListLink a {
	color: #CC0000;
}

.blogListaBox {
	width: 30%;
	height: 100px;
	float: left;
	margin: 1.5%;
}
.blogListaTitolo {
	font-weight: bold;
}
.blogDettaglioBox {
	
}
.blogDettaglioData {
	float: right;
	font-style: italic;
	width: 200px;
	margin-bottom: 12px;
}
.blogDettaglioTitolo {
	float: left;
	font-weight: bold;
	width: 300px;
	margin-bottom: 12px;
}
.blogDettaglioTesto {
	width: 500px;
	float: left;
	margin-bottom: 12px;
}
.blogDettaglioAutore {
	float: left;
	width: 500px;
	font-style: italic;
	margin-bottom: 12px;
}
.blogDettaglioCommenti {
	float: left;
	width: 500px;
}
.commentiListaBox {
	width: 100%;
	margin-left: 12px;
	margin-bottom: 12px;
	float: left;
}
.commentiListaData {
	font-style: italic;
}
.commentiListaTitolo {
	font-weight: bold;
}
.commentiListaTesto {}
.commentiListaAutore {}

.qm .articoliListBox {
	width: 500px;
	float: left;
	padding: 2px;
	background-color: #fdf4f4;
}
.qm .articoliListOcchiello {
	float: left;
	text-align: left;
	margin-bottom: 4px;
}
.qm .articoliListImmagine {
	float: left;
	text-align: left;
	width: 100px;
	margin-right: 6px;
}
.qm .articoliListTitolo {
	float: left;
	text-align: left;
	width: 300px;
}
.qm .articoliListTesto {
	float: left;
	text-align: left;
	width: 300px;
}
.qm .articoliListAuthor {
	float: left;
	text-align: left;
	width: 300px;
}
.qm .articoliListData {
	float: left;
	text-align: left;
	width: 300px;
}
.qm .articoliListLink {
	float: left;
	text-align: right;
	width: 300px;
}

.articoloDettaglioBox {
	margin: 6px;
	width: auto;
}
.articoloDettaglioOcchiello {}
.articoloDettaglioTitolo {
	margin-bottom: 6px;
	color: #CC0000;
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}
.articoloDettaglioImmagine {
	margin-bottom: 6px;
}
.articoloDettaglioTesto {}


.forchetteSuBox {
	width: 500px;
	float: left;
	padding: 2px;
	margin-top: 12px;
	border-top: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.forchetteSuBox .titolo {
	width: 100%;
	font-size: 2em;
	float: left;
	margin-top: 12px;
}
.forchetteSuBox .rigaspaziata {
	margin-bottom: 12px;
	width:70%;
	float: left;
}
.forchetteSuBox .rigasemplice {
	width:70%;
	float: left;
}
.forchetteSuBox .rigasemplicethin {
	width:30%;
	float: left;
	font-weight: bold;
}

.ricetta {
	width: 500px;
	float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	border-top: 1px solid #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.ricetta .nomepiatto {
	width: 100%;
	float: left;
	font-size: 1.8em;
	margin-bottom: 12px;
}
.ricetta .descrizionepiatto {
	width: 100%;
	float: left;
	margin-bottom: 12px;
}
.ricetta .ristoranticonsigliati {
	width: 100%;
	float: left;
	margin-bottom: 12px;
}

.ristorante {
	width: 500px;
	float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	border-top: 1px solid #DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.ristorante .nome {
	width: 100%;
	float: left;
	font-size: 1.8em;
	margin-bottom: 12px;
	font-weight: bold;
}
.ristorante .ultimoagg {
	width: 100%;
	float: left;
	text-align: right;
}
.ristorante .foto {
	width: 60%;
	float: left;
}
.ristorante .indirizzo {
	width: 100%;
	float: left;
	margin-bottom: 12px;
}
.ristorante .titolo {
	width: 100%;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 12px;
}
.ristorante .rigasemplice {
	width: 100%;
	float: left;
	margin-bottom: 12px;
}

.articoloDettaglioData {
	margin-bottom: 12px;
}