/*
 
CSS STRUCTURE:

1. SITE STRUCTURE
2. PAGES AND CONTENT
3. MISC
4. MEDIA QUERIES
5. SKINS

/*============================================================================================*/
/* 1. SITE STRUCTURE */
/*============================================================================================*/

/* #Site Header
================================================ */

header{background: url(../img/bg_shiro.jpg) repeat left top;
	min-height:102px;
	width:100%;
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#eee;
	}

.logo{font-family:'Arial'; text-align:left; }
.logo a{text-decoration:none}
.logo h1{margin:8px 0 -5px 12px; text-transform:none; color:#f08262; border-bottom:none;}
.logo h1 span{text-transform:lowercase; color:#f08262; font-size: 27px; font-weight:100; margin-top: -4px;}
.logo h1+p {margin-left: 12px; color:#aaa; font-size:20px; font-weight:700; line-height:19px; margin-top:10px; margin-bottom: 0;}

ul.lang {float:right; font-size:12px; margin-top:15px; text-transform:uppercase;}
ul.lang a{color:#f08262; text-decoration:none;}
ul.lang a:hover{ color:#d94a00; text-decoration:underline;}
ul.lang li{ border-right:1px solid #ddd; float:left; margin-left:10px; padding-right:10px;}
ul.lang li:last-child{border-right: 0; padding-right:18px;}

.weather_forecast{float: right;
}
#wxWrap{
	margin-top:5px;
	width:auto;
	background:#f4fbfe;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #f08262;
    border-width:1px;
	padding: 0 10px 0 10px;
	}
	
#wxIntro{ color:#aaa; display:inline-block; font:12px/20px Helvetica,Arial; padding-top:9px; vertical-align:top;}
#wxIcon{ background:url('http://hotelambasciatori-mestre.com/l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0; display:inline-block; overflow:hidden;}
#wxIcon2{ display:inline-block; height:34px; margin:1px 6px 0 8px; overflow:hidden; width:34px;}
#wxTemp{ color:#aaa; display:inline-block; font:18px/28px Arial,Verdana,sans-serif; margin-left:4px; padding-top:5px; vertical-align:top;}

select.mobileMenu{ color:#444; font:14px; margin:auto; margin-top:-10px; padding:5px;}

button.window-button{float:right !important; height: 16px; width: 16px; padding: 0;}

/*.alert-window{margin-top:140px;}*/
p.alert-window{padding:5px;}

/* #Site Footer
================================================ */
footer{ background: url(../img/bg_shiro_orange.jpg); background-repeat: repeat; padding:20px 0 10px 0; width:100%; height: 420px;}

.nav-footer a{ color:#f08262; text-decoration:none;}
.nav-footer a:hover{ color:#d94a00; text-decoration:underline;}
ul.nav-footer li{ float:left; margin-right:10px; padding-left:10px;}
ul.nav-footer li:first-child{ background:none; padding-left:0;}
.copy{ text-align:right;}
.vcard {font-size:0.9em;}
ul.vcard {margin-top:50px;}
ul.vcard li{line-height:1.2em}
.vcard a{ color:#f08262; text-decoration:none;}
.vcard a:hover{ color:#d94a00; text-decoration:underline;}
ul.vcard li:first-child{font-size:1.2em; line-height:0.1em;}
ul.vcard li:last-child{font-size:0.9em; margin-top:10px;}

strong {color:#777}

ul.follow li{float:left;margin-right:10px;}
ul.follow li a{display:block;height:36px;text-indent:-9999px;width:37px;}
ul.follow li a.tw{background:url(../img/icons/sprite-social.png) no-repeat 0 0;}
ul.follow li a:hover.tw{background:url(../img/icons/sprite-social.png) no-repeat 0 -42px;}
ul.follow li a.rss{background:url(../img/icons/sprite-social.png) no-repeat -47px 0;}
ul.follow li a:hover.rss{background:url(../img/icons/sprite-social.png) no-repeat -47px -42px;}
ul.follow li a.vimeo{background:url(../img/icons/sprite-social.png) no-repeat -94px 0;}
ul.follow li a:hover.vimeo{background:url(http://hotelambasciatori-mestre.com/icons/img/sprite-social.png) no-repeat -94px -42px;}
ul.follow li a.fb{background:url(../img/icons/sprite-social.png) no-repeat -141px 0;}
ul.follow li a:hover.fb{background:url(../img/icons/sprite-social.png) no-repeat -141px -42px;}

/* #Content
================================================ */
.slidecaption{ background:#fff; bottom:2%; position:absolute; right:1%;}
.slidecaption span{ color:#999; display:block; font-size:0.50em; margin-top:10px;}
#prevslide, #nextslide{ bottom:40px; height:43px; margin-top:-21px; opacity:0.6; position:absolute; width:43px;}
#prevslide{ background:url('http://hotelambasciatori-mestre.com/img/back.png'); left:10px;}
#nextslide{ background:url('http://hotelambasciatori-mestre.com/img/forward.png'); right:10px;}
#prevslide:active, #nextslide:active{ margin-top:-19px;}
#prevslide:hover, #nextslide:hover{ cursor:pointer;}

/*============================================================================================*/
/* 2. PAGES AND CONTENT */
/*============================================================================================*/

.bg_gray{
	background: url(http://hotelambasciatori-mestre.com/img/big_shadow.png) center 1px no-repeat;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	}
	
#back{ display:none;}
#nl{ display:none;}

/*============================================================================================*/
/* 3. MISC */
/*============================================================================================*/

.picture{ position:relative;}
.picture em{ background:url(../img/shadow-1.png) no-repeat center top; display:block; height:10px; margin-bottom:15px; margin-top:-2px; padding-top: 3px; width:100%; font-family: georgia;}
.magnify{ background:url(../img/icons/zoom-1.png) no-repeat 10px 10px; display:none; height:92%; left:0; position:absolute; top:0; width:100%; z-index:999;}

.loader{ margin-bottom:15px;}
.sheer{margin-top:-3px;}

.ie8 .picture em{ background:url(../img/shadow-1.png) no-repeat center top; display:block; height:10px; margin-bottom:10px; margin-top:-2px; width:100%}
.ie7 .picture em{ background:url(../img/shadow-1.png) no-repeat center top; display:block; height:10px; margin-bottom:10px; margin-top:1px; width:100%}

.padding_left_20{padding-left:20px}
ul.list_2, ul.list_3{margin-bottom: 4em}
ul.list_2 li:before{ content: '\30FB\A0'}
ul.list_2 li{line-height:10px !important;}
ul.list_3 li{ background:url(../img/icons/tick-1.png) no-repeat left 3px; line-height:16px; padding-left:20px;}
ul.list_4 li{ background:url(../img/icons/arrow-2.png) no-repeat 3px 5px; line-height:18px; padding-left:20px;}
ul.list_5 li{ background:url(../img/icons/arrow-3.png) no-repeat 5px 7px; line-height:18px; padding-left:20px;}
ul.list_6 li{ background:url(../img/icons/arrow-4.png) no-repeat 4px 6px; line-height:18px; padding-left:20px;}
ul.list_offers, ul.list_rates, ul.list_romantic{padding-top: 10px; padding-bottom: 15px;}
ul.list_offers li{background:url(../img/icons/tick-1.png) no-repeat left 3px; line-height:14px; padding-left:14px;}
ul.list_romantic li{background:url(../img/icons/heart.png) no-repeat left 3px; line-height:14px; padding-left:14px;}
ul.list_rates li{background:url(../img/icons/tick-2.png) no-repeat left 3px top 10px; line-height:30px; padding-left:16px; margin-bottom: 20px;}
ul.room_facilities{ padding-bottom:20px;}
ul.room_facilities li{ display:block; float:left; height:30px; margin:0 10px 10px 0; text-indent:-9999px; width:30px;}
ul.room_facilities li a{ cursor:pointer; display:block; height:30px; width:30px;}
ul.room_facilities li.lcd a{ background:url(../img/icons/icons-ha.png) no-repeat -1px 0;}
ul.room_facilities li.wifi a{ background:url(../img/icons/icons-ha.png) no-repeat -30px 0;}
ul.room_facilities li.safe a{ background:url(../img/icons/icons-ha.png) no-repeat -60px 0;}
ul.room_facilities li.bath a{ background:url(../img/icons/icons-ha.png) no-repeat -90px 0;}
ul.room_facilities li.shawer a{ background:url(../img/icons/icons-ha.png) no-repeat -120px 0;}
ul.room_facilities li.loundry a{ background:url(../img/icons/icons-ha.png) no-repeat -150px 0;}
ul.room_facilities li.parking a{ background:url(../img/icons/icons-ha.png) no-repeat -180px 0;}
ul.room_facilities li.breakfast a{ background:url(../img/icons/icons-ha.png) no-repeat -210px 0;}
ul.room_facilities li.dinner a{ background:url(../img/icons/icons-ha.png) no-repeat -240px 0;}
ul.room_facilities li.phone a{ background:url(../img/icons/icons-ha.png) no-repeat -180px -30px;}

.cards {display:block; float:left; height:28px; width:50px;}
.visa { background:url(../img/icons/icons-c-cards.png) no-repeat -1px 0;}
.mastercard { background:url(../img/icons/icons-c-cards.png) no-repeat -50px 0;}
.maestro { background:url(../img/icons/icons-c-cards.png) no-repeat -100px 0;}
.diners { background:url(../img/icons/icons-c-cards.png) no-repeat -150px 0;}
.jbc { background:url(../img/icons/icons-c-cards.png) no-repeat -200px 0;}
.amex { background:url(../img/icons/icons-c-cards.png) no-repeat -250px 0;}
.cartasi { background:url(../img/icons/icons-c-cards.png) no-repeat -300px 0;}

h2.offers { margin-left:10px;}
h2.offers.title { margin-left:0px;}
h2.offers span{ color:#0f7d9c; display:block; font-size:20px; line-height:16px;}
h3.offers span{ color:#0f7d9c; display:block; font-size:16px; line-height:24px;}
h4.offers span{ color:#0f7d9c; display:block; font-size:16px; line-height:18px;}
h5.offers span{ color:#0f7d9c; display:block; font-size:12px; line-height:14px;}
h6.offers span{ color:#0f7d9c; display:block; font-size:10px; line-height:12px;}


h3#airport{ background:url(../img/icons/plane-1.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h3#station{ background:url(../img/icons/train-1.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h3#car{ background:url(../img/icons/car-1.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4#meeting{ background:url(../img/icons/meeting.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4#restaurant{ background:url(../img/icons/restaurant.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4#gym{ background:url(../img/icons/gym.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4#bar{ background:url(../img/icons/bar.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4#parking{ background:url(../img/icons/car-1.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4#extra {background:url(../img/icons/24hrs-check-in.png) no-repeat center right; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px; padding-top: 4px;}
h4.clean {border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:10px;  padding-top: 4px;}

h3.timer-05 { background:url(../img/icons/05m-icon.png) no-repeat 335px 0;}
h3.timer-10 { background:url(../img/icons/10m-icon.png) no-repeat 335px 0;}
h3.timer-15 { background:url(http://hotelambasciatori-mestre.com/img/icons/15m-icon.png) no-repeat 335px 0;}
h3.timer-20 { background:url(../img/icons/20m-icon.png) no-repeat 335px 0;}
h3.timer-25 { background:url(../img/icons/25m-icon.png) no-repeat 335px 0;}
h3.timer-30 { background:url(../img/icons/30m-icon.png) no-repeat 335px 0;}
h3.timer-45 { background:url(../img/icons/45m-icon.png) no-repeat 335px 0;}
h3.timer-60 { background:url(../img/icons/60m-icon.png) no-repeat 335px 0;}

.offer {
	padding: 60px 10px 20px 10px;
	margin-left: -5px;
}

.offer_hp {
	padding: 10px;
}

div > .four.columns.transparent.add-bottom.alpha div > h2.offers   {
	background-color:;
	margin-top: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:10px;
	
	/*
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(240,130,98,1);
	-webkit-box-shadow: 0 0 5px rgba(240,130,98,1);
	box-shadow:  0 0 5px rgba(240,130,98,1);
	color: #f08262;
	*/
}

div > .four.columns.transparent.add-bottom.alpha div > h2.offers span{
	color:#0f7d9c; display:block; font-size:20px; line-height:16px;}

h2.offers   {
	padding-top: 20px;
}

.offers-conditions{padding-top: 10px; padding-bottom: 10px; font-size:12px; line-height:14px; font-family:arial !important;}

.facilities_desc{ background-color:#f9f9f9; border:1px solid #ededed; padding:12px}
.facilities_desc ul li { border-bottom:1px solid #e8e8e8;}
.facilities_desc ul li:last-child { border-bottom: none; }

.daily_menu {background:#fff; padding: 10px; margin-bottom: 15px;}
.daily_menu li li span{float:right}
.daily_menu li li{border-bottom:1px dotted #ededed;}

.right{float: right}

.icon-drop-caps {margin: 2px 10px 10px 0; float:left;}

.pinterest-gallery-button {position:relative; right: 5px; top:-60px; z-index:999;}
.pinterest-prettyphoto-icon {position:relative; right: -15px; top:5px;}

.contorno{margin-right: 5px}

/*============================================================================================*/
/* 4. MEDIA QUERIES */
/*============================================================================================*/
	
/* Bigger than standard 960 (devices and browsers) ========================================= */
@media only screen and (min-width: 959px) {
	#scroll_news{width: 88%;}
	.news-text p{color: black;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) ================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	/*#logo a{display:block; margin:15px auto; text-indent:-9999px; width:142px;}*/
	
	p.logo_text {font-size:22px !important;}
	p.logo_text span {font-size: 20px}
	p.logo_subtext {font-size: 16px;}
	
	#scroll_news{width: 88%;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body{margin-top:210px;}
	header{ height:210px;}
	#back{display:block; position:absolute; right:-5px; top:50px; width:80px;}
	#back a{color:#f08262 !important;}
	#back a:hover{color:#d94a00 !important; text-decoration: underline;}
	#wxWrap{ float:left;}
	.logo {width:300px;}
	ul.nav-footer{ text-align:center; width:100%;}
	ul.nav-footer li{display:inline; float:none; margin-right:10px; padding-left:10px;}
	ul.nav-footer li:first-child{ background:none;}
	.copy{ margin-bottom:10px; text-align:center;}
	body.full header{ background:#efefef url(../img/bg_shiro.jpg) repeat-x left -20px; border-bottom:1px solid #e6e6e6; height:38px; width:100%; z-index:2;}
	body.full .four.columns{ float:left; margin-left:-25px; width:160px;}
	body.full ul.lang a, #back a{ color:#ccc; text-decoration:none;}
	body.full ul.lang a:hover, #back a:hover{ color:#fff;}
	body.full nav{ display:none;}
	body.full #wxWrap{ display:none;}
	body.full .twelve.columns{ float:right; margin-right:-20px; margin-top:8px; width:90px;}
	body.full .twelve.columns ul#lang{ float:right;}
	body.full .twelve.columns ul#lang{ margin:0; padding:0;}
	body.full .logo a{display:block; height:54px; margin:5px auto; text-indent:-9999px; width:142px;}
	body.full #slidecaption{ background:#fff; bottom:2%; box-shadow:0 1px 5px rgba(0,0,0,.5); font-size:1.30em; line-height:7px; -moz-box-shadow:0 1px 5px rgba(0,0,0,.5); padding:10px; position:absolute; right:2%; text-align:right; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);}
	body.full #slidecaption span{ color:#999; display:block; font-size:0.70em; margin-top:10px;}

	.alert-window{margin-top:160px;}
	
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#scroll_news{min-width: 88%;}
	.alert-window{margin-top:250px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body{margin-top:210px;}
	header{ height:210px;}
	#nl{display:block;}

	#wxWrap{ float:left;}
	#wxIntro{ display:none;}
	ul.nav-footer{ text-align:center; width:100%;}
	ul.nav-footer li{ background:none; float:none; margin-right:0; padding-left:0;}

	.flex-caption {width: 35%; padding: 2%; position: absolute; left: 5px; bottom: 0; background: rgba(0,0,0,.6); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); font-size: 12px; line-height: 14px;}

	.copy{ margin-bottom:10px; text-align:center;}
	body.full header{ background:#efefef url(../img/bg_shiro.jpg) repeat-x left -20px; border-bottom:1px solid #e6e6e6; height:38px; width:100%; z-index:2;}
	body.full .four.columns{ margin-left:-5px; width:160px;}
	body.full ul.lang a{ color:#ccc; text-decoration:none;}
	body.full ul.lang a:hover{ color:#fff;}
	body.full nav{ display:none;}
	body.full #wxWrap{ display:none;}
	body.full .twelve.columns{ float:right; position:absolute; right:-5px; top:8px; width:100px;}
	body.full .twelve.columns ul#lang{ margin:0; padding:0;}
	body.full .logo a{display:block; height:54px; margin:5px auto; text-indent:-9999px; width:142px;}
	body.full #slidecaption{ background:#fff; bottom:2%; box-shadow:0 1px 5px rgba(0,0,0,.5); font-size:1.40em; line-height:12px; -moz-box-shadow:0 1px 5px rgba(0,0,0,.5); padding:10px; position:absolute; right:2%; text-align:right; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.5); width:150px;}
	body.full #slidecaption span{ color:#999; display:block; font-size:0.60em; margin-top:5px;}
	#scroll_news{min-width: 88%;}
	.alert-window{margin-top:250px;}
	
	h3.timer-05 { background:url(../img/icons/05m-icon.png) no-repeat 260px 0;}
	h3.timer-10 { background:url(../img/icons/10m-icon.png) no-repeat 260px 0;}
	h3.timer-15 { background:url(http://hotelambasciatori-mestre.com/img/icons/15m-icon.png) no-repeat 260px 0;}
	h3.timer-20 { background:url(../img/icons/20m-icon.png) no-repeat 260px 0;}
	h3.timer-25 { background:url(../img/icons/25m-icon.png) no-repeat 260px 0;}
	h3.timer-30 { background:url(../img/icons/30m-icon.png) no-repeat 260px 0;}
	h3.timer-45 { background:url(../img/icons/45m-icon.png) no-repeat 260px 0;}
	h3.timer-60 { background:url(../img/icons/60m-icon.png) no-repeat 260px 0;}

	.fb-panel {
		float: right;
		margin-top: 30px !important;
		margin-right: 60px;
		margin-bottom: 10px;
		width:240px;
	}

}

/*============================================================================================*/
/* 5. SKINS */
/*============================================================================================*/
.orange {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #f08262;
    border-style:solid;
    border-width:1px;
    -moz-box-shadow: 0 0 5px rgba(240,130,98,.5);
	-webkit-box-shadow: 0 0 5px rgba(240,130,98,.5);
	box-shadow:  0 0 5px rgba(240,130,98,.5);
	}

.orange-offer {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 5px rgba(240,130,98,1);
	-webkit-box-shadow: 0 0 5px rgba(240,130,98,1);
	box-shadow:  0 0 5px rgba(240,130,98,1);
	padding-top: 20px;
	background-color: #FFF;
	}

.green {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #0f7d9c;
    border-style:solid;
    border-width:1px;
    -moz-box-shadow: 5px 0 0 rgba(240,130,98,.5);
	-webkit-box-shadow: 5px 0 0 rgba(240,130,98,.5);
	box-shadow:  5px 0 0 rgba(240,130,98,.5);
	}

.grey {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #ddd;
    border-style:solid;
    border-width:1px;
    -moz-box-shadow: 0 0 5px rgba(180,180,180,.5);
	-webkit-box-shadow: 0 0 5px rgba(180,180,180,.5);
	box-shadow:  0 0 5px rgba(180,180,180,.5);
	padding-top: 20px;
	background-color: #FFF;
	}

.white {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*
    border-color: #ddd;
    border-style:solid;
    border-width:1px;
    */
    -moz-box-shadow: 0 0 5px rgba(180,180,180,.5);
	-webkit-box-shadow: 0 0 5px rgba(180,180,180,.5);
	box-shadow:  0 0 5px rgba(180,180,180,.5);
	padding-top: 20px;
	background-color: #FFF;
	}

.transparent {
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding-top: 20px;
	}

/* news_scroller on title bar */

.news {
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fff; /* #f08262; */
	background: transparent url('../img/bg_shiro_orange.jpg') right top repeat;
	margin:0 20px;
	padding:5px 5px 0px 5px;
}

.news p{
	text-transform: uppercase;
	font-size:12px;
	padding: 0 0 10px 10px;
	color: #f08262;
	/* color: #333; */
	
}

p.news-text {
	text-transform: none;
	font-size:12px;
	color: #333;
	
}

#scroll_news {
float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #fff  /* #e9e9e9 */;
border-style:dotted;
border-width:1px;
border-color: #bbb;
margin:-12px 5px 5px 5px;
padding: 4px 10px;
}

#scroll_news ul li a span{
	display:block;
	color:#a1a1a1;
	font-size:12px;
	text-align:left;
	margin-top:-5px;
	text-transform: none;
	text-shadow:none;	
	font-weight:normal;
	font-family: Arial, sans-serif;
	font-style:italic;
}


#scroll_news a {
	font-size:12px;
	text-transform: none;
	color: #222;
}

#scroll_news a:hover {
	color: #B72126;
}

#scroll_news a span.title {
float:none;
	font-weight:lighter;
	font-size:12px;
	color: #222;
}

#scroll_news a:hover span.title {
float:none;
	font-weight:lighter;
	font-size:12px;
	color: #000;
}

/*---------------- time style AM/PM ---------------*/

#scroll_news a time {
	font-weight:lighter;
	text-transform: uppercase;
	font-size:11px;
	color:#4099FF;
}

.news-box{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fff; /* #f08262; */
	background: transparent url('../img/bg_shiro_orange.jpg') right top repeat;
	height:90px;
	margin-bottom:10px;
	padding:5px 5px 0px 5px;
	text-transform: uppercase;
	font-size:12px;
	color: #f08262;
}

.icon {
	margin-bottom: 10px;
	margin-left:20px;
	margin-right:20px;
	vertical-align:top;
	width: 60px;
	height: 60px;
	}
	
.title_icon {float:left; padding:4px;}

.link_icon {width: 12px; float: right;} 

.video-icon{float: left; margin-right: 15px}

.list_with_icons li{
	margin-bottom:30px;
}

.list_with_icons li a span{
	display:block;
	color:#a1a1a1;
	font-size:12px;
	text-align:left;
	margin-top:-50px;
	margin-left: 100px !important;
	padding-top:0px;
	text-decoration: none !important;
	text-shadow:none;	
	font-weight:normal;
	font-family: Arial, sans-serif;
	font-style:italic;
}

.list_with_icons li a:hover{
	text-decoration: none !important;
}

.list_with_icons h4{
	color:#a1a1a1;
	font-size:12px !important;
}

.products_with_icons{
	padding-left: 10px;
	padding-right: 10px;
}

.products_with_icons h4{
	padding-top:10px;
	color:#f08262;
	font-size:16px;
}

.products_with_icons p {
	color:#222;
	margin-bottom:0;
}

.title li{
	line-height: 12px !important;
}

#locations li a span{
	display: block;
	line-height: 12px !important;
}

#events li a span{
	display: block;
	line-height: 12px !important;
}

/* Poshi-tip classes */

.tip_my {
	opacity:0.9;
	z-index:1000;
 /* text-align:left;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:8px 8px;*/
	padding:0;
	max-width:200px;
	color:#333;
	/* background-color:#DDD; */
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip_my .tip-inner {
	font: 12px/14px 'Arial', sans-serif;
	background:url(../img/bg_shiro_orange.jpg);
	padding:8px 8px;
	border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align: center;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip_my .tip-arrow-top {
	margin-top:-5px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:5px;
	background:url(../img/icons/tip-arrows.png) no-repeat;
}
.tip_my .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:5px;
	height:9px;
	background:url(../img/icons/tip-arrows.png) no-repeat -9px 0;
}
.tip_my .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:5px;
	background:url(../img/icons/tip-arrows.png) no-repeat -18px 0;
}
.tip_my .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-5px;
	top:50%;
	left:0;
	width:5px;
	height:9px;
	background:url(../img/icons/tip-arrows.png) no-repeat -27px 0;
}

#meeting_rooms td img {vertical-align: top}
#meeting_rooms td {width: 14%}

.fb-panel {
	padding-bottom: 10px;
	float: left;
	margin-top: 10px;
	min-height: 20px;
}

.fb-panel ul{list-style: none;
	margin-top: -20px;
	}

.fb-panel ul li{
	display:inline;
	position: relative;
	list-style-type: none;
	}

.align-left{float: left !important;}

.fb-like {
	data-href:url(http://www.hotelambasciatori-mestre.com/);
	data-colorscheme:light;
	data-layout:button_count;
	data-action:like;
	data-show-faces:false;
	data-send:true;
	data-width:300;
}

#fb-root{
	max-width: 100px;
}

#social-panel ul {
	list-style: none;
	margin-top: -20px;
}

#social-panel iframe {
/* vertical-align: bottom !important; */
float: left;
}

#social-panel ul li{
	display:inline;
	position: relative;
	list-style-type: none;
	vertical-align: top !important;
	max-width: 150px;

	}

.fb-button li{
margin-top: 300px;
	}