*						{text-align: center; margin:0 auto; padding:0}
img						{border:0}
body					{background-image: url('images/sfondo-grigio.png'); background-repeat: repeat-x; background-position: left top; background-color: #FFFFFF; font-family: Roboto}
ul						{list-style:none; margin:0; padding:0}
div.centoxcento			{width: 100%}
div.menualto			{width: 980px; height: 55px; background-color: #FFFFFF; border-top: 5px solid #000000; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative}
div.logoalto			{width: 980px; height: 122px; position: relative}
div.logoaltodue			{position: absolute; left:0; top: 14px; z-index: 10000; width: 299px; height: 126px}
div.fbalto				{position: absolute; width: 193px; height: 36px; overflow: hidden; right: 3px; bottom: 12px; background: url('images/fb.png')}
div.slidealto			{width: 980px; height: 395px; position: relative}

div.corposito				{position: relative; width: 980px}
div.corpositosx				{width: 665px; float: left; position: relative}
div.corpositosx p			{text-align: justify; margin: 20px 20px 20px 10px}

div.corpositodx				{width: 315px; float: right; position: relative}
h1							{text-align: left; color: #4B5053; font-family: Georgia; font-size: 20pt; font-weight: normal; margin-top: 29px}
.view 						{width: 310px; height: 250px; margin: 10px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.view .mask,.view .content 	{width: 295px; height: 230px; position: absolute; overflow: hidden; top: 0; left: 0}

.view img 					{display: block; position: relative}
.view h2 					{text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0}
.view p 					{font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center}
.view a.info 				{display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000}
.view a.info: hover 		{-webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000}

.view-tenth img {-webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out}
.view-tenth .mask {background-color: rgba(255, 231, 179, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0}
.view-tenth h2 {border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 20px 40px 0px 40px; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0}
.view-tenth p {color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear}
.view-tenth a.info {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear}
.view-tenth:hover img {-webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0}
.view-tenth:hover .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1}

div.book-uffizi-tickets			{height: 190px; margin-top: 10px}
div.aboutuffizi					{height: 37px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; width: 315px}
div.aboutuffizi h2				{text-align: left; font-size: 10pt; color: #4B5053; padding: 10px 0 10px 0}
div.uffizidescription			{width: 315px}
.excerpt						{font-size: 9pt; text-align: justify; line-height: 20px}
div.calendario			{height: 270px}
div.adsensealto			{width: 300px; height: 250px; background-color: #9ABED8; margin-left: 15px}

div.basket				{color: #5F5F5F; font-size: 14px; margin: 10px 0; text-decoration: none; height: 20px}
div.basketdue			{float: right; padding-right: 28px}

div.trebanners			{position: relative; width: 980px; height: 290px}
div.trebanners h2		{text-align: left; color: #4B5053; font-family: georgia; font-size: 20pt; font-weight: normal}
div.banneruno			{position: absolute; width: 300px; height: 250px; left:0; bottom: 5px}
div.bannerdue			{position: absolute; width: 300px; height: 250px; left:340px; bottom: 5px}
div.bannertre			{position: absolute; width: 300px; height: 250px; right:0; bottom: 5px}
div.contienemappa		{position: relative; width: 980px; height: 380px}
div.contienemappasx		{position: relative; width: 650px; height: 380px; float: left}
div.contienemappasx h2	{text-align: left; font-size: 10pt; color: #4B5053; padding: 10px 0 10px 0}
.map-container 			{position: relative; overflow: hidden; width: 648px; height: 334px; border: 1px solid #E1E1E1}
.map-container i 		{position: absolute; display: block; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 1)}
.map-top 				{top: -5px; left: 0; right: 0; height: 5px}
.map-right 				{right: -5px; top: 0; bottom: 0; width: 5px}
.map-bottom				{bottom: -5px; left: 0; right: 0; height: 5px}
.map-left				{left: -5px; top: 0; bottom: 0; width: 5px}
#mapdx 					{width: inherit; height: inherit}
#locations				{list-style: none}
#locations li			{float: left}
#locations li p			{display: none}
#locations li h3		{text-align: left; font-size: 10pt; width: 130px; margin-top: 10px; margin-left: 20px; height: 30px; font-family: georgia; color: #525252; font-weight: normal}
#locations li h3:hover	{text-align: left; font-size: 10pt; width: 130px; margin-top: 10px; margin-left: 20px; height: 30px; font-family: georgia; color: #35ABCD; font-weight: normal}
div.contienemappadx		{position: relative; width: 330px; height: 380px; float: right}
div.findonmap			{background-position: right center; position: absolute; height: 37px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; top: 38px; left:16px; width: 310px; background-image:url('images/lente-di-ingrandimento.png'); background-repeat:no-repeat}
div.findonmap h5		{color: #43474A; margin:0; padding: 10px 0 0 0; font-size: 9pt; text-align: left}
div.findonmapdue		{margin-top: 80px}
div.topfooter			{position: relative; width: 980px; height: 380px}
div.topfootera			{position: relative; width: 326px; height: 380px; float: left}
div.topfooterb			{position: relative; width: 328px; height: 380px; float: left}
div.suggestions			{position: absolute; height: 37px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; top: 24px; left:0; width: 310px}
div.suggestions h6		{color: #43474A; margin:0; padding: 10px 0 0 0; font-size: 9pt; text-align: left}
div.suggestionsimg		{position: absolute; height: 310px; top: 65px; left:0; width: 310px}
div.suggestionsimg img	{margin-top: 25px; margin-bottom: 25px}
div.ticketsystem		{position: absolute; height: 37px; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; top: 24px; left:16px; width: 310px}
div.ticketsystem h3		{color: #43474A; margin:0; padding: 10px 0 0 0; font-size: 9pt; text-align: left}
div.ticketsystemtxt		{position: absolute; height: 310px; top: 65px; left:16px; width: 310px}
div.ticketsystemtxt p 	{color:#484848; text-align: justify; font-size: 9pt; margin: 20px 0 0 0; line-height: 20px}
div.appstore			{position: absolute; top:0; height: 184px; left: 50px}
div.androidmarket		{position: absolute; top:184px; height: 90px; left: 50px}
div.creditcards			{position: absolute; bottom:0; height: 44px; left: 80px}

div.clear				{clear: both; height: 1px}

div.footerbig			{width: 100%; height: 290px; background: url('images/sfondo-blu.png'); border-top: 1px solid #000000}
div.footersmall			{width: 980px; height: 290px; position: relative}
div.footerlogo			{position: absolute; left:0; top:0; height: 280px; width: 295px}
div.footerlogo p		{text-align: left; font-size: 9pt; color: #FFFFFF; margin-top: 20px; line-height: 20px}
div.footerlogo a		{color: #FFFFFF; text-decoration: none}
div.footerlogo a		{color: #FFFFFF; text-decoration: underline}
div.footerlogo a		{color: #FFFFFF; text-decoration: none}
div.fbbasso				{position: absolute; left:295px; top:0; height: 290px; width: 345px}
div.footerrosso			{position: absolute; right:302px; top:0; height: 290px; width: 25px}
div.footerdx			{position: absolute; right:0; top:0; height: 250px; width: 300px; background-color: #9ABED8}
div.footerdxbasso		{position: absolute; right:0; bottom:3px; width: 300px}
div.footerdxbasso p		{text-align: right; font-size: 9pt; color: #FFFFFF}
div.footerdxbasso a		{color: #FFFFFF; text-decoration: none}
div.footerdxbasso a		{color: #FFFFFF; text-decoration: underline}
div.footerdxbasso a		{color: #FFFFFF; text-decoration: none}

#megamenu 						{list-style: none; margin-left: 0; margin-right: 0}
#megamenu li, #megamenu li a 	{height: 50px; line-height: 50px; float: left; text-align: center; background-image: url(images/divisore-menu.png); background-position: center right; background-repeat: no-repeat}
#megamenu li a 					{display: block; color: #B51021; font-size: 10pt; text-decoration: none; padding: 0 1.567em; font-weight: bold}
#megamenu li:hover a 			{background-color: #292929; color: #FFFFFF}
#megamenu li.parent a 			{background-image: url('images/sub-indicator.png'); background-repeat: no-repeat; background-position: 80% center; padding-right: 38px}
span.sottomenu					{color:#787878; font-size: 9pt; display: block; margin:-35px 0; padding:0; font-weight: normal}
span.sottomenu:hover			{color:#33B3DF; font-size: 9pt; display: block; margin:-35px 0; padding:0; font-weight: normal}
#megamenu .wrapMegamenu 		{display: none; position: absolute;  top: 50px; left: 0; width: 100%; background-color: #292929; padding: 0; z-index: 1000000}
.no-js #megamenu li:hover .wrapMegamenu {display: block;}
/* reset */                            
#megamenu .sub-menu li, #megamenu .sub-menu li a {background: none repeat scroll 0 0 transparent; border: medium none; height: auto; line-height: 1.8em; padding: 0;}
/* colonne */
#megamenu .sub-menu li 			{width: 194px; float: left; padding: 10px; margin: 0; border-right: 1px solid #cdd2d6}
#megamenu .sub-menu li.last 	{padding-right: 0; margin-right: 0; border-right: 0}
/* stili */
#megamenu .sub-menu li a 		{text-transform: uppercase; display: block; float: none; text-align: left; color: #FFFFFF; font-size: 10pt; margin: 0;}
#megamenu .sub-menu li p.descrizione 	{text-align: left; color: #FFFFFF; font-size: 9pt;}     
#megamenu .sub-menu li p.descrizione a  {color: #FFFFFF; display: inline; font-size: 9pt; font-family: Roboto; margin: 0; text-transform: none; font-style:italic}

/* Reset */
.ui-datepicker,.ui-datepicker table,.ui-datepicker tr,.ui-datepicker td,.ui-datepicker th {margin: 0;padding: 0;border: none;border-spacing: 0;}
/* Calendar Wrapper */
.ui-datepicker {display: none;width: 294px;padding: 15px 10px 15px 10px;cursor: default;text-transform: uppercase;font-family: Tahoma;font-size: 12px;background: #FFFFFF;	}
/* Calendar Header */
.ui-datepicker-header {position: relative;padding-bottom: 10px;border-bottom: 1px solid #d6d6d6;}
.ui-datepicker-title { text-align: center; }
/* Month */
.ui-datepicker-month {position: relative;padding-right: 15px;color: #565656;}
.ui-datepicker-month:before {display: block;position: absolute;top: 5px;right: 0;width: 5px;height: 5px;content: ''; background: #a5cd4e;background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/* Year */
.ui-datepicker-year { padding-left: 8px; color: #a8a8a8;}
/* Prev Next Month */
.ui-datepicker-prev, .ui-datepicker-next {position: absolute; top: -2px; padding: 5px; cursor: pointer;}
.ui-datepicker-prev { left: 0; padding-left: 0;}
.ui-datepicker-next {right: 0; padding-right: 0;}
.ui-datepicker-prev span, .ui-datepicker-next span{ display: block; width: 5px; height: 10px; text-indent: -9999px; background-image: url(images/arrows.png);}
.ui-datepicker-prev span { background-position: 0px 0px; }
.ui-datepicker-next span { background-position: -5px 0px; }
.ui-datepicker-prev-hover span { background-position: 0px -10px; }
.ui-datepicker-next-hover span { background-position: -5px -10px; }
/* Calendar "Days" */
.ui-datepicker-calendar th { padding-top: 15px; padding-bottom: 10px; text-align: center; font-weight: normal; color: #a8a8a8;}
.ui-datepicker-calendar td {padding: 0 7px; border:1px solid #FFFFFF; text-align: center; line-height: 26px; background-color: #1BD11B}



.ui-state-default	{color: #333333;}
.ui-datepicker-calendar .ui-state-default {display: block; width: 26px; outline: none; text-decoration: none; border: 1px solid transparent;}
/* Day Active State*/
.ui-datepicker-calendar .ui-state-active {color: #6a9113;border-color: #6a9113;}
/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default { color: #565656; }





table.ui-datepicker-calendar td.ui-datepicker-unselectable	{background-color: #D53333}
table.ui-datepicker-calendar td.ui-datepicker-selectable	{background-color: #1BD11B}


.ui-tabs {
	zoom: 1;
	width: 98%
}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	margin: 0 3px -2px 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
	display: block;
	padding: 10px 20px;
	background: #f0f0f0;
	text-decoration: none;
	border: 2px #ccc solid;
	border-bottom-color: #ccc;
	outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	padding: 10px 20px 12px 20px;
	background: #fff;
	border-bottom-style: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: default;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	clear: both;
	border: 2px #ccc solid;
	padding: 10px;
}
.ui-tabs .ui-tabs-hide {
	display: none;
}
. ui-datepicker-unselectable	{color: #FFF}

a	{color: #b51021}