/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Arial, Verdana, sans-serif; font-size:11px; color:#333333; background:#fff; -webkit-text-size-adjust:none; }

p { padding-bottom:15px;}
em { font-style:italic;}
sup { vertical-align:top; font-size:0.7em;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none; color:#ee7f00;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark, .hidden {position:absolute; left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_mobile/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
legend { display:none;}
input, select, textarea { font-size:12px; font-family:Arial, Verdana, sans-serif;}
.checkbox input { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}

/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size:1.9em; color:#252525; font-weight:normal; padding:0.5em 0.5em; line-height:1.2em;}
	h1 span { display:block; font-size:1.5em; line-height:1.2em;}
	.coverageTitle { padding-bottom:5px;}

h2, .title { font-size: 1.5em; color:#252525; font-weight:bold; padding:0 0 0.7em 0;}
h3 { font-size: 1.3em; color:#252525; font-weight:bold; padding:0px 0px 15px 0px;}
h4 { font-weight:bold; padding:0 0 10px 0;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

.sectionToggler { margin-bottom:1px;}
	.sectionToggler h2, .restaurants .title, .coverageVenues .hd h3 { font-size:1.3em; line-height:1em; padding:0;}
		.sectionToggler h2 a, .title, .restaurants .title, .coverageVenues .hd h3 { color:#fff; padding:0.6em 1em; display:block;}

	.sectionToggler h2 a { padding-left:2em; background-image:url(/_images/icons/more.png); background-repeat:no-repeat; background-position:0.5em center; }
		.sectionClose h2 a { background-image:url(/_images/icons/less.png);}

	#restaurantFinderSection .sectionToggler h2 a { background-color:#0166ff;}
	#topRatedSection .sectionToggler h2 a { background-color:#56348b;}
	#cardsWelcomeSection .sectionToggler h2 a { background-color:#ee5f00;}
	#newsSection .sectionToggler h2 a { background-color:#EE7F00;}
	#videosSection .sectionToggler h2 a { background-color:#EE7F00;}
	.restaurants .title { background-color:#9883b8; border-bottom:0.2em solid #fff;}
	.restaurantTitle { background-color:#77b0d4; font-size:1.3em; text-transform:uppercase;}
	.bookingTitle { text-transform:none;}
	
	.section { font-size:1.1em; line-height:1.5em; display:block;}
		#cardsWelcomeSection .section { padding:0;}

/********************************************************************/
/*		                Header/Banner                        */
/********************************************************************/

#header { padding:0 4px 0 4px;}	
#header #logo{ float:left;}
#header #about{ float:right; width:90px; font-size:11px; text-align:center; padding:5px; background:#ee7f00; color:#fff;}
#header a#about:hover{ background:#000; color:#fff; text-decoration:none;}
#banner {margin-bottom:1px;}
/********************************************************************/
/*                             Module Lists                     	*/
/********************************************************************/

#content .moduleList { padding:0 0 0.6em 0;}
	#content .moduleList li { padding:5px; border-bottom:1px solid #ebebeb; background:none; margin:0; overflow:auto; display:block;}
	.date, .moduleList li .col-1 a span, .resultIn { color:#9b9b9b;}
	.resultIn a { text-decoration:none;}
		.resultIn a:hover, .resultIn a:active, .resultIn a:focus { text-decoration:underline;}
	.moduleList li .thumb { float:left;}

	.moduleList li .col-1 { width:65%; padding:0 0 0 0.5em;  float:left;}	
		.moduleList li .col-1 a { text-decoration:none; color:#414141;}
			.moduleList li .col-1 a:hover, .moduleList li .col-1 a:focus { text-decoration:underline; color:#ea5e03;}
		.moduleList li .col-1 .br { display:block;}
	
	.moduleList li a + .col-1 { width:62%;}
	
	.moduleList li .col-2 { width:25%; float:right; text-align:right;}
	#content .moduleList li .col-2 ul li{ border:none; padding:0 0 2px 0;}
	#content .moduleList li .col-2 ul li p.watch a{ color:#414141; padding:0 5px 0 0;}
		.moduleList .col-2 p { padding:0 5px 0 0;}
		.moduleList .col-2 .link a, .highlight .action a { text-decoration:none; color:#414141; padding-left:1em; background:url(/_images/bullets/arrow.png) 0 0.4em no-repeat;}
		
	@media screen and (min-width: 480px) and (max-width: 900px) {
		.moduleList li .col-1{ width:66%;}
			.moduleList li a + .col-1 { width:54%;}
		.moduleList li .col-2{ width:30%;}
	} /* Low resoultion landscape  */
		
	@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation:landscape) {
		.moduleList li .col-1{ width:67%;}
			.moduleList li a + .col-1 { width:55%;}
		.moduleList li .col-2{ width:30%;}
	} /* High resoultion landscape */
	
	.viewMore { text-align:right; padding:0 0.5em 0.5em 0.5em;}
		.viewMore a { font-weight:bold; text-decoration:none;}

.button { padding:0.45em 0.8em;background: -webkit-gradient( linear, left bottom, left top, color-stop(0.27, rgb(16,112,172)), color-stop(0.64, rgb(31,126,186))); background-color:rgb(16,112,172); font-size:1.1em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; font-weight:bold; display:inline-block; margin:10px 0 2px 0; }
								
/********************************************************************/
/* 	         	                   Terms		                    */
/********************************************************************/

#terms h1 { font-size:1.1em; font-weight:bold; padding-bottom:1em;}

.rewardPoints { font-weight:bold;}
	.rewardPoints p { padding:0 0 0.3em 0;}
	.rewardPoints ul { padding:0; float:left; width:100%; padding:0 0 2em 0;}
		.rewardPoints ul li { float:left; width:40%; padding:0 0 0 1em;}

/********************************************************************/
/*		                          Article                           */
/********************************************************************/
#content #articleContent{ padding:10px;}
#content #articleContent h2{ font-size:1.2em;}
#content #articleContent ul{ list-style:none;}
#content #articleContent ul li{ background:url(/_images/bullets/bullet.gif) no-repeat scroll 0 5px transparent}

/********************************************************************/
/*		                          Simple Content                           */
/********************************************************************/
#content #simpleContent{ padding:10px;}
#content #simpleContent h1{ font-size:1.3em; font-weight:bold; padding:0 0 15px 0;}
#content #simpleContent h2{ font-size:1em;}
#content #simpleContent p{ padding:0 0 15px 0; font-size:12px;}
#content #simpleContent ul{ list-style:none;}
#content #simpleContent ul li{ background:url(/_images/bullets/bullet.gif) no-repeat scroll 0 5px transparent}


/********************************************************************/
/*		                          Footer                            */
/********************************************************************/

#footer { background:#000; padding:5px 0 3px 3px; color:#666666; font-weight:bold;}
	#footer p { padding-bottom:1em; line-height:1em; text-transform:uppercase;}
		#footer p span { text-transform:lowercase;}

	#footer ul { text-transform:none; padding:3px 0 3px 3px; color:#aaaaaa; list-style:none; background:#000;}
	#footer ul li{ font-weight:normal; list-style:none; background:none;  display:inline; }
		#footer ul a { font-weight:normal; color:#aaaaaa; padding:0 0 0 10px;}
		
		#aboutMondoVisione{ padding:10px; background:#003c82 url(/_images/bg/about-bg.jpg) repeat-x bottom left;}
		#aboutMondoVisione h2{ color:#fff; font-size:1.3em;}
		#aboutMondoVisione p{ color:#fff; font-size:1.1em;}