@charset "utf-8";
/*
Theme Name: Al Sharq Residence
Theme URI: http://alsharqresidence.com/
Version: 1.0
Author: Vijeesh Venkalath
Author URI: http://www.v4websites.com
Tags: Al Sharq residence Kuwait

*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/*html {
	font-family: 'Open Sans', 'Trebuchet Ms', Arial, sans-serif;
	font-size: 16px;
	color: #333;
	background: url(images/gradient-bg.png) center top repeat #f9f8f5;
}
html, body {
	height: 100%;
}
body {
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgb(239,248,247);
}
p {
	margin-bottom: 7px; text-align:justify;
}

p img { float:left;
	
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
::selection {
	background: #C3DDEC;
	color: #fff;
}
::-moz-selection {
 background:#C3DDEC;
 color:#fff;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
 background: transparent;
}
/* =General Rules
-----------------------------------------------------------------------------*/
.left {
	float: left;
}
.right {
	float: right;
}
.centered {
	width: 990px;
	margin: 0 auto;
	position: relative;
}
/* =Links
-----------------------------------------------------------------------------*/

/* =Sprite Backrgound elements
-----------------------------------------------------------------------------*/
a.offers, a.book-online, ul#menu-quick-links li a, ul#menu-main-navigation li a, .moto span, h2, h3, .hotel-info a:first-child, .hotel-info strong, #reviews p, #footer ul.social li a, a.connect, span.tel, .btn-slide.active, #panel .locality, #panel .fax, .room span:first-child, a.booking, .room ul li, #inner-main h3, #inner-main ul li, #inner-main a.download, #main.restaurant #inner-sidebar .image-container + ul li, a.more.pdf, .review-content span, .reviews span, #inner-main .fax, #inner-main .locality {
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
}
/* =Headings
-----------------------------------------------------------------------------*/
h1, h2, h3 {
	font-weight: normal;
}
h2, h3 {
	color: #ff0018;
	font-size: 0.938em;
	padding: 4px 0 14px 27px;
	margin-bottom: 14px;
	background-position: -435px -4px;
	border-bottom: 1px solid #b3c3d4;
}
h3 {
	background: none;
}
/* =Header
-----------------------------------------------------------------------------*/
#header {
	width: 100%;
	float: left;
	padding: 6px 0;
	background: url(images/paper-pattern-header_index.jpg) repeat-x; height:89px;
}
div.logo {
	float: left;
	width: 186px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0px 0 0 5px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
div.logo:hover {
	opacity: .7;
}
#facebook-like {
	float: right;
	margin: 12px 10px 0 0;
}
#header ul li {
	display: inline;
	list-style-type: none;
}
#header .centered > div.right {
	width: 80%;
}
a.offers {
	display: block;
	width: 94px;
	height: 36px;
	text-align: center;
	color: #fff;
	font-size: 0.688em;
	padding-top: 2px;
	background-position: left -202px;
	z-index: 4;
	line-height: 1.1em;
	position: relative;
	text-shadow: -1px -1px #777777;
}
a.offers:hover {
	background-position: -102px -202px;
}
a.book-online {
	display: block;
	background-position: -265px -200px;
	width: 160px;

	height: 38px;
	text-align: center;
	color: #fff;
	margin-left: 0.5em;
	z-index: 5;
	font-size: 0.813em;
	padding-top: 2px;
	position: relative;
	transition: all .5s ease;
	opacity: 1;
}
a.book-online:hover {
	transition: none;
}
a.book-online.fade {
	opacity: 0.7;
	background-image: url(images/over.png);
	transition: all .5s ease;
}
a.book-online + a.offers {
	margin-right: -14px;
}
a.book-online:hover {
	background-position: -441px -200px;
}
div.pop-up-new {
	padding: 15px 15px 25px;
	text-align: center;
	font-family: 'Open Sans', 'Trebuchet Ms', Arial, sans-serif;
	background-color: #F6F6F4;
	font-size: 0.813em;
}
div.pop-up-new .logo {
	width: 100%;
	margin: 0 0 0.5em;
}
span.offer-title {
	display: block;
	font-weight: bold;
	color: #89BCCF;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
div.pop-up-new a {
	background-color: #fff !important;
	border-radius: 4px;
	border: 1px solid #6A91BA;
	padding: 2px 10px;
	position: relative;
	top: 5px;
	background-position: right 6px !important;
}
div.pop-up-new a:hover {
	background-position: right -18px !important;
	border: 1px solid #BDB29A;
}
/* =Slide Panel
-----------------------------------------------------------------------------*/
#panel {
	background: url(images/panel-bg.png) center top no-repeat #fff;
	width: 100%;
	padding: 14px 0 8px;
	display: none;
	float: left;
}
option {
	margin: 5px;
}
.btn-slide.active, .btn-slide.active:hover {
	background-position: -920px -200px;
}
#panel .right > h1 + span {
	font-size: 1.063em;
	font-weight: 300;
	color: #B79E85;
	margin: -3px 0 3px;
	display: block;
}
#panel .right {
	width: 35%;
	padding: 4px 0 4px 2%;
	border-left: 1px dotted #B9AC93;
}
#panel .left {
	width: 62%;
	float: right;
	padding-top: 4px;
}
#panel .right > h1, #panel .left > span:first-child {
	font-size: 1.375em;
	font-weight: 300;
	text-transform: uppercase;
	color: #ff0018;
	margin-bottom: 4px;
	display: block;
}
.form-col {
	float: left;
	margin: 6px 2% 0 0;
	padding: 0;
	width: 27%;
}
.form-col.small {
	width: 20%;
	margin-right: 1%;
}
.form-col.medium {
	width: 22%;
}
#panel input, #panel select {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 5px;
	color: #918C83;
	font-family: 'Open Sans', 'Trebuchet Ms', Arial, sans-serif;
	font-size: 0.688em;
	text-transform: uppercase;
	border: 1px solid #e0dedd;
	margin: 0 0 10px;
	padding: 4px 5px;
	width: 94%;
}
#panel select {
	width: 98%;
	padding: 3px 3px 3px 4px;
}
#panel input.submit {
	background: url(images/sprite.png) -348px -125px no-repeat #ff0018;
	color: #FFFFFF;
	cursor: pointer;
	font-style: normal;
	text-align: left;
	text-decoration: none;
	margin-top: 35px;
	border: none;
	width: auto;
	padding-right: 25px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
#panel input.hasDatepicker {
	background: url(images/calendar.png) right center no-repeat #fff;
}
button.ui-datepicker-trigger {
	display: none;
}
#panel input.submit:hover {
	background-color: #000000;
}
#panel div.adr {
	font-size: 0.750em;
	color: #9c9c9c;
}
#panel div.adr span {
	line-height: 1.85em;
}
#panel .tel, #inner-main .tel {
	padding-left: 22px;
}
#panel .locality, #inner-main .locality {
	background-position: 0 -278px;
	padding-left: 26px;
}
#panel .fax, #inner-main .fax {
	background-position: 0 -338px;
	padding-left: 24px;
	margin-left: 4px;
}
#inner-main .adr {
	float: right;
	line-height: 1.85em;
	width: 41%;
	margin-top: -44px;
}
#inner-main .fax {
	background-position: -2px -338px;
}
#inner-main span.postal-code {
	margin-left: 27px;
}
#panel.open {
	display: block;
	position: absolute;
	background: url(images/booking-bg.png) center bottom no-repeat;
	border-top: 5px solid #B9AC94;
}
#panel.open .left {
	width: 96%;
	float: left;
	padding: 0 2%;
}
#panel.open input.hasDatepicker {
	width: 15%;
	margin-right: 0.5%;
}
#panel.open select {
	width: 12.4%;
	margin-right: 0.5%;
}
#panel.open input.submit {
	margin-top: 0;
	width: 12%;
}
/* =Quick Links
-----------------------------------------------------------------------------*/

#inner-main h4 {
	background: url(images/places_icon.png) left top no-repeat;
	font-size: 1.188em;
	padding: 3px 0 0 0;
	border: none;
	margin: 0.750em 0;
	float: left;
	width: 100%;
	text-indent: 20px; color:#fd091f; font-weight:normal;
}


ul#menu-quick-links {
	margin-top: 9px;
	float: right;
}
ul#menu-quick-links li a {
	padding: 2px 0 2px 26px;
	font-size: 0.750em;
}
ul#menu-quick-links li:first-child a {
	background-position: left -139px;
	padding: 2px 0 2px 21px;
	margin-right: 12px;
}
ul#menu-quick-links li a {
	background-position: left -107px; color:#7e7e7e; margin-right:10px;
}
ul#menu-quick-links li a:hover {
	color: #ff0018;
}
/* =Languages
-----------------------------------------------------------------------------*/
ul#qtranslate-chooser {
	margin: 9px 0 0 12px;
}
ul#qtranslate-chooser li a {
	color: #b8b8b8;
	padding: 2px 2px 0;
	font-size: 0.750em;
}
ul#qtranslate-chooser li {
	background: url(images/lang-separator.png) no-repeat right 7px;
	padding: 0 4px 0 3px;
}
ul#qtranslate-chooser li.lang-it {
	background: none;
}
ul#qtranslate-chooser li a:hover {
	border-bottom: 1px solid #9bb8d6;
}
ul#qtranslate-chooser li.active a {
	color: #9bb8d6;
	cursor: default;
	border: none;
}
/* =Main Navigation
-----------------------------------------------------------------------------*/
ul#menu-main-navigation {
	float: right;
	margin-top: 25px;
}
ul#menu-main-navigation li {
	margin-left: 7px;
}
ul#menu-main-navigation li:first-child {
	margin-left: 0px;
}
ul#menu-main-navigation li a, .hotel-info a:first-child {
	display: inline-block;
	padding: 3px 2px 3px 18px;
	font-size: 0.875em;
	color: #7e7e7e;
	background-position: -443px -37px;
	text-shadow: 1px 1px #fff;
}
ul#menu-main-navigation li a:hover {
	color: #ff0018;
}
ul#menu-main-navigation li.current-menu-item a, #menu-main-navigation li.current-menu-item a:hover, .hotel-info a:first-child {
	color: #fff;
	background-position: -434px -67px;
	background-color: #ff0018;
	border-radius: 3px;
	padding-right: 12px;
	padding-left: 22px;
	cursor: default;
	text-shadow: none;
}
ul#qtranslate-chooser {
	float: right;
}
#main .row {
	float: left;
}
/* =Slideshow
-----------------------------------------------------------------------------*/
#slideshow-container, #motos-container {
	overflow: hidden;
	width: 100%;
	height: 490px;
	position: relative;
	float: left;
}
#motos-container {
	margin-top: -490px;
}
#slideshow {
	left: 50%;
	margin: 0 auto 0 -960px;
	position: relative;
	width: 1920px;
	z-index: -1;
}
#slideshow img {
	display: none;
}
.shadow {
	background: url(images/shadow-top.png) center top no-repeat;
	width: 990px;
	height: 14px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -495px;
	z-index: 1000;margin-top:-5px;
	opacity: 0.7;
}
#slideshow + .shadow {
	top: 5px;
}
#slideshow-container .centered {
	position: relative;
	z-index: 100;
	margin-top: -490px;
}
#panel .centered {
	margin-top: 0;
}
.moto {
	position: absolute;
	top: 197px;
	right: 155px;
	font-size: 1.875em;
	text-transform: uppercase;
	font-weight: 300;
	background: url(images/white-opacity.png) repeat;
	border-radius: 9px;
	padding: 2px 95px 4px 0px;
}
.moto.second {
	top: 252px;
	right: 0px;
	padding-right: 40px
}
.moto span {
	background-position: -412px 3px;
	padding-left: 53px;
}
.moto.second span {
	color: #ff0018;
}
div.swirl {
	width: 100%;
	height: 296px;
	position: absolute;
	top: 195px;
	left: 0;
	background: 
}
/* =Home Boxes
-----------------------------------------------------------------------------*/
#main.home {
	float: left;
	background: url(images/home-right-box-bg.png) no-repeat;
	width: 623px;
	height: 283px;
	padding: 16px;
	margin-top: -55px;
	position: relative;
}
.content {
	font-size: 11px;
}
.hotel-info {
	position: absolute;
	bottom: 20px;
}
.hotel-info a:first-child {
	cursor: pointer;
	font-size: 100%;
	margin-right: 10px;
	background-position: -434px -68px;
}
.hotel-info a:first-child:hover {
	background-color: #B9AE96;
}
.hotel-info strong {
	padding-left: 22px;
	background-position: left -79px;
	font-weight: normal;
	color: #43688e;
}
#sidebar {
	float: right;
	width: 320px;
	margin-top: -55px;
}
#sidebar #top-box {
	background: url(images/home-side-top-bg.png) no-repeat;
	padding: 15px;
	height: 152px;
}
a.more, div.pop-up-new a {
	padding-right: 22px;
	color: #ff0018;
	background: url(images/more-arrow.png) right 4px no-repeat;
}
a.more:hover, div.pop-up-new a:hover {
	background-position: right -20px;
	color: #000000;
}
#reviews {
	float: left;
	padding: 20px 0 25px;
	background: url(images/reviews-bg.jpg) no-repeat;
	text-align: center;
	width: 100%;
	height: 86px;
}
#reviews p {
	font-size: 0.938em;
	color: #000000;
	padding-left: 20px;
	width: 67%;
	margin: 0 auto 15px;
	background-position: -440px -5px;
}
a.connect {
	color: #fff;
	width: 161px;
	height: 28px;
	padding-left: 26px;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 0.750em;
	line-height: 27px;
	text-shadow: -1px -1px #777;
}
a.connect:hover {
	background-position: 0 -28px;
}
a.connect.review {
	background-position: -213px -28px;
}
a.connect.review:hover {
	background-position: -213px 0;
}
.badge {
	background: url(images/badge.png) no-repeat;
	width: 82px;
	height: 78px;
	float: left;
	margin: -19px 0 -78px -18px;
}
.badge.taste {
	background: url(images/badge-taste.png) no-repeat;
}
#sidebar #top-box h3 {
	padding-left: 35px;
}
/* =Hotel
-----------------------------------------------------------------------------*/
#main.inner {
	float: left;
	width: 100%;
	
	

	
	opacity: 0.96;
	
}
#main.inner h2 {
	border: none;
	margin-left: 25px;
	margin-bottom: 0;
	padding-bottom: 10px;
	font-size: 1em;
	padding-left: 31px;
}
#main.inner hr {
	float: left;
	height: 9px;
	background: url(images/line.png) center top no-repeat;
	width: 100%;
	margin-bottom: 10px;
}
#main.inner .content {
	float: left;
	background: url(images/inner-bg.jpg) repeat-y;
	width: 100%;
	margin-top: 16px;
	border-radius: 0 0 10px 10px;
	padding-bottom: 24px;
}
#main.rooms .content {
	padding-bottom: 0;
}
#main.inner .intro-text {
	padding: 0 25px 12px;
	margin-top: -14px;
}
#main.inner .room {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	position: relative;
}
a.booking {
	position: absolute;
	right: 65px;
	top: 0;
	width: 215px;
	text-align: center;
	height: 28px;
	display: block;
	background-position: -1461px 0;
	text-transform: uppercase;
	color: #ff0018;
	font-weight: bold;
	padding-top: 4px;
}
a.booking strong, h2 span, h2 em {
	color: #958166;
}
h2 em {
	float: right;
	font-weight: normal;
	margin-right: 28px;
	font-size: 0.938em;
}
a.booking:hover {
	color: #000000;
	right: 60px;
}
a.booking:hover strong {
	color: #89a5c3;
}
.intro-text + .room, .intro-text + .room + .room + .room {
	background:#fffadd;
}
span.inner-swirl {
	float: left;
	width: 100%;
	
	height: 112px;
	margin-top: -75px;
}
.room .shadow {
	background: url(images/shadow-room.png) center top no-repeat;
}
.room span:first-child {
	display: block;
	padding: 7px 0 6px 25px;
	background-position: -1171px -203px;
	margin: 9px 0 8px 27px;
	color: #978766;
	font-size: 1.2em;
}
.room-img-container {
	width: 45%;
	margin-left: 3%;
	float: left;
}
.room-info_new {
	float: right;
	width: 100%;
}

.room-info {
	float: right;
	width: 52%;
}
.room ul {
	float: left;
	margin: 6px 0 0;
	padding: 5px 2% 0 0;
	width: 98%;
}
.room ul li {
	background-position: -441px -99px;
	display: block;
	float: left;
	list-style-type: none;
	margin-bottom: 4px;
	padding: 2px 0 2px 3.5%;
	width: 45%;
}
.room-info p {
	padding-right: 20px;
}
/* =Inner Pages
-----------------------------------------------------------------------------*/
.swirl.inner {
	top: 450px;
}
#inner-main {
	width: 57%;
	float: right;
	margin: -10px 3% 0 0px;
	position: relative;
}


#inner-main_gallery {
	width: 57%;
	float: right;
	margin: -10px 3% 0 0px;
	position: relative;
}




#inner-main_new {
	width: 45%; border:#e9e9e9 solid 1px; padding:12px; padding-top:0px !important;
	float:right;
	margin: -10px 48px 22px 0%;
	position: relative;
}

#inner-main_new img{ float:right; margin-left:15px; margin-bottom:5px;}

#inner-main_new p{ float:right; line-height:18px; direction:rtl !important;}



#inner-main_new_one {
	width: 92%; border:#e9e9e9 solid 1px; padding:12px; padding-top:0px !important;
	float:left;
	margin: -10px 0% 22px 15px;
	position: relative;
}

#inner-main_new_one img{ float:left; margin-right:15px; margin-bottom:5px;}

#inner-main_new_one p{ float:left; line-height:18px;}

#inner-main_new_one h3 {
	background: url(images/places_icon.png)  left top no-repeat;
	font-size: 1.188em;
	padding: 3px 0 0 0;
	border: none;
	margin: 0.750em 0;
	float: left;
	width: 100%;
	text-indent: 20px;
}



#inner-main_new h3 {
	background: url(../images/places_icon.png)  right top no-repeat;
	font-size: 1.188em;
	padding: 3px 0 0 0;
	border: none;
	margin: 0.750em 0;
	float: right; direction:rtl !important;
	width: 100%;
	text-indent: 20px;
}



.image-container {
	background: url(images/img-shadow.png) left center no-repeat;
	float: left;
	padding: 0 12px;
}
.image-container.pdf {
	background: none;
	padding-left: 7px;
	padding-bottom: 0;
}
.image-container.pdf a img:hover {
	opacity: 0.7;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	border-top-color: #B8AC93;
}
#inner-sidebar img.attachment-sidebar {
	border: 4px solid #fff;
	float: left;
}
#inner-main h3 {
	background-position: -1398px -130px;
	font-size: 1.188em;
	padding: 3px 0 0 0;
	border: none;
	margin: 0.750em 0;
	float: left;
	width: 100%;
	text-indent: 20px;
}
.column {
	width: 50%;
	float: left;
	margin-bottom: 1em;
}
#inner-main ul li {
	background-position: -435px -99px;
	display: block;
	list-style-type: none;
	margin-bottom: 4px;
	padding: 2px 0 2px 26px;
}
/* =Inner Sidebar
-----------------------------------------------------------------------------*/
#inner-sidebar {
	width: 35%;
	float: left;
	margin: -10px 0 0 15px;
	padding-bottom: 20px;
	position: relative;
}
#inner-sidebar h3 {
	text-transform: uppercase;
	font-size: 1.063em;
	padding: 10px 0 5px;
	margin-bottom: 2px;
	float: left;
	width: 100%;
}
#inner-sidebar a.more {
	border-radius: 5px;
	background-color: #f2f2f2;
	border: 1px solid #cad6e4;
	padding: 4px 22px 4px 10px;
	background-position: right 9px;
}
#inner-sidebar a.more:hover {
	background-position: right -16px;
	background-color: #fff;
	box-shadow: 0 0 8px #ccc;
	border-color: #DACDBC;
}
#inner-sidebar img.alignleft, #main.home img.attachment-home, #top-box img.attachment-home-small, img.attachment-room {
	border: 6px solid #e2ddcd;
	border-radius: 5px;
	float: left;
}
#main.home img.attachment-home, #top-box img.attachment-home-small, img.attachment-room {
	margin: 0 15px 0 0;
}
.weather, .location, .reviews, .gallery {
	float: left;
	width: 97%;
	margin: 10px 0 10px 10px;
}
.weather ul, .map-container, .review-content {
	border-top: 1px solid #B3C3D4;
	float: left;
	width: 100%;
	padding-top: 10px;
	list-style-type: none;
}
.location a {
	float: left;
	display: block;
	color: #fff;
	text-transform: uppercase;
	width: 315px;
	text-align: center;
	border: 4px solid #fff;
	padding-right: 18px;
	font-size: 0.875em;
	line-height: 1.2em;
	padding-top: 3px;
	height: 140px;
	margin-top: 5px;
	background: url(images/mykonos-map.jpg) no-repeat;
	box-shadow: 0 0 4px #CCCCCC;
}
.location a:hover {
	opacity: 0.8;
}
/* =Photo Gallery
-----------------------------------------------------------------------------*/

/* =Mykonos
-----------------------------------------------------------------------------*/
#inner-main a.download {
	float: left;
	font-size: 1.1em;
	margin-top: 1em;
	color: #fff;
	width: 188px;
	text-align: center;
	height: 37px;
	padding-left: 35px;
	line-height: 35px;
	display: block;
	text-shadow: -1px -1px #444;
	background-position: -898px -67px
}
#inner-main a.download:hover {
	background-position: -898px -104px
}
.fb-like, .tweet {
	float: left;
	margin: 5px 5px 0;
}
/* =Restaurant
-----------------------------------------------------------------------------*/
#main.restaurant #inner-sidebar .image-container + ul, #main.restaurant #inner-main ul {
	float: left;
	margin: 15px 0 20px 10px;
}
#main.restaurant #inner-main ul {
	margin: 10px 0 5px 15px;
}
#main.restaurant #inner-sidebar .image-container + ul li, #main.restaurant #inner-main ul li {
	display: block;
	float: left;
	padding-left: 1.188em;
	color: #89a8be;
	font-size: 1.125em;
	margin-right: 0.375em;
	line-height: 1.813em;
	background-position: -1400px -130px;
}
#inner-sidebar a.more.pdf {
	background-position: -1149px -62px;
	padding-left: 25px;
	padding-right: 10px;
	margin-left: 10px;
}
#inner-sidebar .ngg-galleryoverview {
	border-top: 1px solid #B3C3D4;
	margin-bottom: 10px;
	padding: 0px 0;
	background: ;
}
.ngg-galleryoverview img {
	margin: 0 10px 15px 4px; width:100%; height:20%;
}
img.alignnone {
	padding: 22px 12px;
	float: left;
	margin: -5px 0;
	background: url(images/wide-img-bg.png) center center no-repeat;
}
#main.restaurant #inner-main ul li {
	background-position: -1130px -88px;
	line-height: 1.250em;
	margin-right: 1.125em;
	font-size: 1.063em;
	color: #4F4F4F;
	padding-left: 1.188em;
}
#main.restaurant #inner-main ul li em {
	font-size: 0.938em;
}
#main #inner-main .column img {
	background: url(images/small-img-bg.png) center center no-repeat;
	padding: 15px;
}
#main.restaurant #inner-main .column ul li {
	float: none;
}
#inner-sidebar hr {
	margin: 20px 0 0 2%;
	width: 97%;
}
.reviews a.connect {
	float: left;
	font-size: 1em;
}
.review-content span, .reviews span {
	display: block;
	padding: 2px 5px 3px 22px;
	float: left;
	color: #777;
	border-bottom: 1px solid #cdcdcd;
	margin: 2px 0 0 5px;
	background-position: -995px -146px;
}
.review-content ul {
	margin-bottom: 15px;
}
.review-content ul li {
	list-style-type: none;
	margin-bottom: 5px;
	padding-top: 5px;
	border-top: 1px dotted #E2C48A;
}
.review-content ul li:first-child {
	border: none;
}
.review-content ul li strong {
	color: #6A91BA;
}
#inner-main ul.commentlist li, #inner-main ul#forecast li {
	background: none;
}
textarea#comment {
	height: 90px;
	width: 370px;
}
#respond input, #respond textarea {
	border-color: #E2DED2 #E2DED2 #E2DED2 #0081D0;
	border-style: solid;
	border-width: 1px;
	color: #542302;
	font-size: 12px;
	letter-spacing: 1px;
	border-radius: 5px;
	padding: 3px 3px 3px 4px;
}
#respond textarea {
	height: 140px;
	width: 400px;
}
#respond input[type="text"] {
	width: 190px;
}
#respond input[type="submit"] {
	background: #89BCCF;
	border: none;
	color: #FCFCFC;
	display: block;
	margin: 5px 0 0;
	padding: 2px 10px;
	text-align: center;
	width: auto;
	cursor: pointer;
}
#respond input[type="submit"]:hover {
	background-color: #907C6E;
	color: #FFFFFF;
	cursor: pointer;
}
#respond p {
	width: 90%;
}
#respond {
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 15px;
}
.commentmetadata {
	font-size: 90%;
}
.commentmetadata a {
	color: #999999;
	cursor: default;
}
.commentmetadata a:hover {
	color: #C1AC82;
}
.fn {
	color: #E0C481;
	font-size: 110%;
	font-style: normal;
	text-transform: capitalize;
}
.commentlist li {
	list-style-type: none !important;
	margin-bottom: 5px;
	margin-left: 0 !important;
	padding-left: 3px;
}
div.comment-body {
	border-bottom: 1px dotted #E2DED2;
}
#respond p.comments-title, #main #respond p.comments-title:first-letter {
	color: #4D8697 !important;
	font-size: 14px;
	font-style: italic;
}
/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	float: left;
	text-align: center;
	padding: 25px 0 0;
	width: 100%;
	background: url(images/footer-paper-pattern.jpg) repeat;
	margin-top: 35px;
	position: relative;
	overflow: hidden;
}
#footer .shadow {
	top: -5px;
}
#footer .decor {
	position: absolute;
	height: 125px;
	width: 100%;
	top: 0;
	background: url(images/footer-bg-pattern.png) center top repeat-x;
}
#footer li {
	list-style: none;
	display: inline;
}
#footer ul.social {
	margin-bottom: 14px;
}
#footer ul.social li a {
	height: 25px;
	margin-right: 7px;
	text-indent: -9999px;
	width: 25px;
	display: inline-block;
}
#footer ul.social li a#facebook {
	background-position: -679px -202px;
}
#footer ul.social li a#map-icon {
	background-position: -716px -202px;
}
#footer ul.social li a#trip-advisor {
	background-position: -753px -202px;
}
#footer ul.social li a#weather {
	background-position: -789px -202px;
}
#footer ul.social li a#facebook:hover {
	background-position: -679px -227px;
}
#footer ul.social li a#map-icon:hover {
	background-position: -716px -227px;
}
#footer ul.social li a#trip-advisor:hover {
	background-position: -753px -227px;
}
#footer ul.social li a#weather:hover {
	background-position: -789px -227px;
}
#footer .info-text {
	font-size: 0.688em;
	color: #8c8b8b;
	margin-bottom: 10px;
}
span.tel {
	padding: 2px 0 0 15px;
	margin-left: 5px;
	background-position: 0 -126px;
}
ul#menu-footer-links li {
	padding: 0 2px 0 7px;
	background: url(images/footer-separator.png) left 8px no-repeat;
}
ul#menu-footer-links li:first-child {
	background: none;
	padding-left: 0;
}
ul#menu-footer-links li a {
	text-transform: uppercase;
	font-size: 0.688em;
	color: #000000;
	display: inline-block;
}
ul#menu-footer-links li a:hover {
	color: #ff0018;
}
ul#menu-footer-links li.current-menu-item a {
	padding-bottom: 17px;
	background: url(images/current-arrow.png) center bottom no-repeat;
}
#mini-footer {
	width: 100%;
	background-color: #fff;
	font-size: 0.688em;
	color: #9c9c9c;
	float: left;
	padding: 14px 0;
}
/* =Copyright
-----------------------------------------------------------------------------*/
#mini-footer .right a {
	background: url(images/webolution.png) left bottom no-repeat;
	width: 90px;
	height: 19px;
	text-indent: -9999px;
	display: inline-block;
	position: relative;
	bottom: 1px;
}
#mini-footer .right a:hover {
	background-position: left top;
}
/* =WordPress Code
-----------------------------------------------------------------------------*/
img.alignleft {
	float: left;
	margin: 0 15px 0 0;
}
a.post-edit-link {
	color: #FF0000;
	letter-spacing: 1px;
	font-family: "Courier New", Courier, monospace;
}



/* TABLET LAYOUT 
----------------------------------------------- */
@media only screen and (max-width: 991px) {
html {
	font-size: 17px;
}
body {
	width: 100%;
}
.centered {
	width: 100%;
}


p img { float:left; width:100%;
	
}


#header div.left, #header .centered > div.right {
	width: 100%;
}
div.logo {
	margin-left: auto;
	margin-right: auto;
	float: none;
}
div.right .row:first-child {
	position: absolute;
	right: 10px;
	top: 0;
	width: 100%;
}
ul#menu-quick-links {
	float: left;
	margin-left: 23px;
	margin-top: 5px;
}
ul#menu-main-navigation {
	float: none;
	margin-top: 0.75em;
}
.row.second {
	text-align: center;
}
ul#menu-main-navigation li {
	margin-left: 4px;
}
ul#menu-main-navigation li a {
	margin-bottom: 0.5em;
	padding-left: 14px;
}
/* =Slideshow
-----------------------------------------------------------------------------*/
#slideshow-container {
	height: 290px;
}
#motos-container {
	height: 250px;
	margin-top: -250px;
}
#panel .right > h1, #panel .left > span:first-child {
	font-size: 1.313em;
}
.moto {
	top: 50px;
}
.moto.second {
	top: 110px;
}
#main.home {
	width: 94%;
	margin-left: 1%;
}
#main.home, #sidebar #top-box {
	background: url("images/inner-top-curve.jpg") no-repeat scroll center -4px #fff;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 4px #CCCCCC;
	float: left;
	opacity: 0.96;
	padding: 2%;
	height: auto;
}
.hotel-info {
	width: 100%;
	position: static;
	float: left;
}
#sidebar {
	float: left;
	width: 98%;
	margin-top: 22px;
	margin-left: 12px;
}
#sidebar #top-box {
	padding-bottom: 2%;
	width: 44%;
	background-position: left top;
}
#reviews {
	width: 48%;
	float: right;
	background: url(images/dark-inner-bg.jpg) repeat;
	border-radius: 10px;
	box-shadow: 0 0 4px #CCCCCC;
	border: 1px solid #D7D6D1;
	margin-right: 4px;
	padding: 42px 0 48px;
}
ul#menu-footer-links li.current-menu-item a {
	background: none;
	padding-bottom: 0;
	color: #B39E83;
}
ul#menu-footer-links {
	padding-bottom: 1em;
}
#reviews p {
	margin-bottom: 15px;
}
.image-container {
	padding: 0 0 0 2%;
}
#inner-sidebar {
	width: 33%;
}
#inner-main {
	width: 59%;
}
#inner-main_new {
	width: 100%;
}

#inner-sidebar img.attachment-sidebar {
	width: 100%;
	padding: 0;
	border: none;
	height: auto;
	border: 1px solid #fff;
	box-shadow: 0 0 8px #ccc;
}
.ngg-galleryoverview {
	width: 100%;
}
#inner-sidebar .wp-forecast-fc-oneday + .wp-forecast-fc-oneday + .wp-forecast-fc-oneday + .wp-forecast-fc-oneday {
	display: none !important;
}
div.wp-forecast-fc-oneday {
	width: 32% !important;
}
div.wp-forecast-fc-right {
	padding: 5px 4% !important;
	width: 40% !important;
	font-size: 1.1em !important;
}
div.wp-forecast-fc-left {
	width: 43% !important;
	padding: 2px !important;
}
.location a {
	width: 90%;
	background-position: center top;
}
.ngg-galleryoverview img {
	width: 30%;
	height: auto;
	margin: 0 3% 10px 0;
}
img.wp-forecast-fc-left {
	width: 95% !important;
	height: auto !important;
	padding: 0 !important;
}
img.alignnone {
	width: 96%;
	height: auto;
	padding: 1em 2%;
}
.column img {
	width: 95%;
	height: auto;
}
#main.restaurant #inner-main ul li, #main.restaurant #inner-sidebar .image-container + ul li, #main.restaurant #inner-main ul li {
	font-size: 1em;
}
/* =Booking Panel
-----------------------------------------------------------------------------*/
#panel .left {
	float: right;
}
#main.inner {
	
	width: 98%;
	margin-left: 1%;
}
.room-info {
	float: right;
	width: 57%;
}
.room-img-container {
	width: 35%;
}
.room-img-container img {
	width: 100%;
	height: auto;
}
.room .shadow {
	width: 100%;
	margin: 0;
	left: 0;
}
} /* CLOSE TABLET LAYOUT */




/* MOBILE LAYOUT (PORTRAIT/320PX) 
----------------------------------------------- */
@media only screen and (max-width: 767px) {
html {
	font-size: 17px;
}

p img { float:left; width:100%;
	
}

ul#menu-main-navigation li a {
	margin-bottom: 0.5em;
	padding-left: 14px;
}
#panel .right {
	display: none;
}
#panel .left {
	width: 97%;
}
#motos-container {
	display: none;
}
#facebook-like {
	position: absolute;
	top: 25px;
	left: 25px;
}
#inner-main {
	margin-right: 2%;
}
#mini-footer span.left, #mini-footer span.right {
	width: 100%;
	text-align: center;
}
#mini-footer span.left {
	margin-bottom: 0.5em;
}
.weather a.more, #inner-sidebar a.more.pdf, ul#menu-quick-links {
	display: none;
}
#inner-sidebar .wp-forecast-fc-oneday + .wp-forecast-fc-oneday + .wp-forecast-fc-oneday {
	display: none !important;
}
#inner-sidebar div.wp-forecast-fc-oneday {
	width: 49% !important;
}
.location a {
	width: 87%;
}
#slideshow-container {
	height: 240px;
}
#main.inner {
	
}
a.book-online {
	float: left;
	margin-left: 15px;
}
#facebook-like {
	position: static;
	margin-top: 8px;
}
#panel input, #panel select {
	font-size: 11px;
}
.hotel-info {
	text-align: center;
}
.hotel-info span {
	width: 100%;
	display: block;
	text-align: center;
	float: none;
	margin-top: 0.5em;
}
ul#menu-main-navigation li a {
	margin-bottom: 0.3em;
}
#main.home {
	margin-top: -140px;
}
h2 {
	font-size: 90%;
}
img.attachment-home {
	width: 140px;
	height: auto;
}
#inner-sidebar img.alignleft, #main.home img.attachment-home, #top-box img.attachment-home-small, img.attachment-room {
	border-width: 4px;
}
#main.home .content {
	padding: 0 2%;
}
} /* CLOSE WIDE MOBILE LAYOUT */
 @media only screen and (max-width: 845px) {
	 
	 
	 
	#header {
	width: 100%;
	float: left;
	padding: 6px 0;
	background: url(images/paper-pattern-header_index_tab.jpg) repeat-x #FFF; height:1px; height:160px;
}



	 #main.inner {
	
	
}
	 
	 #inner-main_new_one {
	width:89%; border:#e9e9e9 solid 1px; padding:12px; padding-top:0px !important;
	float:left;
	margin: -10px 0% 22px 15px;
	position: relative;
}


#inner-main_new {
	width: 82%; border:#e9e9e9 solid 1px; padding:12px; padding-top:0px !important;
	float: left;
	margin: 10px 0% 22px 7%;
	position: relative;
}


.ngg-galleryoverview img {
	margin: 0 10px 15px 4px; width:100%; height:20%;
}


	
	 
#panel .right > h1 + span {
	display: none;
}
#panel div.adr span {
	line-height: 1.5em;
}
#panel .locality {
	padding-left: 21px;
}
#panel .tel {
	padding-left: 16px;
}
#panel .fax {
	padding-left: 20px;
}

p img { float:left; width:100%;
	
}


}
 @media only screen and (max-width: 420px) {
div.logo {
	margin-top: 0px;
	width: 100%;
}

p img { float:left; width:100%;
	
}


#sidebar {
	padding: 1%;
	width: 98%;
	margin-left: 0;
	margin-top: 15px;
}
#sidebar #top-box {
	width: 95%;
	margin-left: 1%;
	margin-bottom: 15px;
}
#reviews {
	width: 98%;
	margin-left: 1%;
	padding: 5% 0 7%;
	margin-right: 0;
}
img.attachment-home-small {
	width: 100px;
	height: auto;
	line-height: 1.1em;
}
#main.inner h2 {
	padding-left: 0;
	padding-top: 0;
	background-image: none;
}
#main.inner .room {
	padding-top: 20px;
	right: 7%;
	width: 110%;
}
.room ul li {
	margin-bottom: 0;
	line-height: 1.2em;
	padding-left: 6%;
	width: 44%;
}
a.booking {
	right: 5px;
}
.room-img-container {
	width: 90%;
}
.room-info {
	width: 95%;
	padding: 0 3% 0 2%;
	margin: 0;
}
#main.inner .content {
	margin-top: -8px;
	padding-top: 20px;
}
#main.inner .intro-text {
	padding-left: 0;
	padding-right: 0;
	margin-top: 2%;
}
#footer {
	margin-top: 15px;
}
#footer .info-text {
	padding: 0 5%;
}
#inner-sidebar, #inner-main {
	width: 99%;
	margin-left: -4%;
	margin-top: 2%;
}
#inner-main {
	width: 99%;
}
#inner-sidebar .wp-forecast-fc-oneday + .wp-forecast-fc-oneday + .wp-forecast-fc-oneday {
	display: block !important;
}
.weather a.more, #inner-sidebar a.more.pdf {
	display: inline;
}
#inner-sidebar div.wp-forecast-fc-oneday {
	width: 33% !important;
	margin-bottom: 2%;
}
#sidebar #top-box h3 {
	padding-left: 49px;
}
.badge {
	margin: -14px 0 -78px -12px
}
.logo span {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
.form-col {
	width: 50%;
}
.form-col.small {
	width: 47%;
}
.form-col.small + .form-col.small {
	display: none;
}
#panel input.submit {
	margin-top: -4px;
}
#panel input, #panel select {
	width: 92%;
	margin-bottom: 5px;
}
.form-col.small + .form-col.small select {
	width: 97% !important;
}
.form-col.medium {
	width: 45%;
	margin-right: 0;
}
#main.inner .content {
	width: 90%;
	padding: 0 3% 0 7%;
}
#inner-main h3 {
	margin: 0.5em 0;
}
#main.inner {
	padding-top: 15px;
}
#main #inner-main .column img {
	padding: 10px;
}
#main.restaurant #inner-main ul {
	margin-top: 0;
}
#main.restaurant .column {
	width: 98%;
}
li.comment {
	padding-left: 0 !important;
}
#respond input, #respond textarea {
	width: 100%;
}
#forecast li {
	padding: 0 !important;
}
.cform {
	width: 98% !important;
}
#inner-main .adr {
	width: 98%;
	margin-top: 2%;
}
h2 {
	padding-bottom: 4px;
	background-position: -435px 1px;
}




#inner-main_new {
	width: 92%; border:#e9e9e9 solid 1px; padding:12px; padding-top:0px !important;
	float: right;
	margin: 10px 3% 22px 0px;
	position: relative;
}


#inner-main_new img{ float:left; margin-right:15px; width:100%;}



#inner-main_new h3 {
	background: url(images/places_icon.png)  left top no-repeat;
	font-size: 1.188em;
	padding: 3px 0 0 0;
	border: none;
	margin: 0.750em 0;
	float: left;
	width: 100%;
	text-indent: 20px;
}




.apartments_slider{ width:900px; float:left; height:300px; background:#CCC !important}/* CSS Document */