/** HEADER - Includes Google +1 Button, sitemeter and mobile menu button **/
@media (max-width: 767px) {
	#header {
		background-color: #70515B;
		width: 100%;
		height: auto;
		position: fixed;
		top: 0;
		padding-bottom: 10px;
		z-index: 9999;
	}
	#___plusone_0 {
		margin-top: 20px !important;
		float: left !important;
	}
	#idSiteMeterHREF img {
		margin-top: 20px;
		float: left;
	}
}

/** MOBILE MENU BUTTON **/
#menu-button {
	float: right;
	margin: 18px 17px 0 0;
	padding: 10px;
	background-color: #CCCC99;
	color: #70515B;
	font-family: "Comic Sans MS";
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
}
@media (min-width: 768px) {
	#menu-button {
		display: none;
	}
}

/** MOBILE MENU **/
#mobile-menu {
	display: none;
	background-color: #808080;
	margin-top: 60px;
}
#mobile-menu ul {
	list-style-type: none;
	padding-left: 0;
}
#mobile-menu ul #active {
	background-color: #996633
}
#mobile-menu ul li{
	padding: 10px 0 10px 10px;
}
#mobile-menu ul li a {
	color: #ffffff;
	text-decoration: none;
}

/** BODY **/
body {
	font-family: "Comic Sans MS";
	background-color: #70515B;
	color: #000000;
}
@media (max-width: 767px) {
	body {
		margin-top: 70px;
	}
}

/** CONTENT AND TD-CONTENT **/
.Content, .td-content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; COLOR: #002200; PADDING-TOP: 5px; FONT-FAMILY: "Comic Sans MS"; text-align:justify;
	width: 500px;
}

/** TD-CONTENT **/
@media (max-width: 320px) {
	.td-content {
		max-width: 70px;
	}
}

.linksmall {color: #ffffff; FONT-SIZE: 8pt; FONT-FAMILY: "Comic Sans MS"
}
.link {color: #996601; FONT-SIZE: 10pt; FONT-FAMILY: "Comic Sans MS";
}
.small {  font-family: "Comic Sans MS"; font-size: 8pt; color: #FFFFFF
}
.smallblack {  font-family: "Comic Sans MS"; font-size: 8pt; color: #002200
}
.whitebold {  font-family: "Comic Sans MS"; font-size: 10pt; color: #FFFFFF; font-weight:bold
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}

/*** H O M E  P A G E ***/
/** CONTAINER - Only applicable to home page **/
.container {
	max-width: 715px;
	max-height: 513px;
	margin-top: 13%;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 360px) {
	.container {
		max-height: 340px;
	}
}
@media (min-width: 361px) and (max-width: 640px) {
	.container {
		max-width: 95%;
	}
}

/** MAIN - Only applicable to Home page. Included in Container **/
.main {
	max-width: 715px;
	max-height: 460px;
}
@media (max-width: 639px) {
	.main {
		max-height: 340px;
	}
}

/** LEFT - Only applicable to Home page. Included in Main **/
#left {
	width: 100%; 
	height: 100%;
	max-width: 44px;
	max-height: 458px;
	border: #70515B solid 1px;
	float: left;
	margin-top: 1px;
	background-color: #8E8E5C;
}
@media (max-width: 480px) {
	#left {
		max-height: 340px;
		max-width: 15px;
	}
}
@media (min-width: 481px) and (max-width: 640px) {
	#left {
		max-height: 340px;
		max-width: 26px;
	}
}

/** CONTENT - Only applicable to Home page. Included in Main **/
#content {
	width: 100%; 
	height: 100%;
	max-width: 640px;
	max-height: 459px;
    margin-top: 2px;
	float: left;
	background-color: #70515B;
}
@media (max-width: 600px) {
	#content {
		max-width: 91%;
		height: auto;
	}
}
@media (min-width: 600px) and (max-width: 640px) {
	#content {
		max-width: 92%;
		height: auto;
	}
}
@media (min-width: 641px) and (max-width: 767px) {
	#content {
		max-width: 89%;
		height: auto;
	}
}

/** RIGHT - Only applicable to Home page. Included in Main **/
#right {
	width: 100%;
	height: 100%;
	max-width: 19px;
	max-height: 458px;
	border: #70515B solid 1px;
	float: left;
	margin-top: 1px;
	background-color: #8E8E5C; 
}
@media (max-width: 480px) {
	#right {
		max-height: 340px;
		max-width: 5px;
	}
}
@media (min-width: 481px) and (max-width: 640px) {
	#right {
		max-height: 340px;
		max-width: 10px;
	}
}

/** TITLE - Casa Domingo image title. Only applicable to Home page. Included in Main **/
#title {
	width: 100%; 
	height: 100%;
	max-width: 638px;
	max-height: 50px;
	background-color: #B3B284;
	border: #B3B284 solid 1px;
}
@media (max-width: 640px) {
	#title {
		max-height: 35px;
	}
}
@media (max-width: 640px) {
	#title img {
		width: 100%; 
		height: 100%;
		max-width: 200px;
		max-height: 35px;
	}
}

/** PHOTO - Casa Domingo image. Only applicable to Home page. Included in Main **/
#photo {
	max-height: 100%;
	max-width: 100%;
	border: #70515B solid 1px;
}
@media (max-width: 480px) {
	#photo {
		max-height: 140px;
	}
}
@media (min-width: 481px) and (max-width: 640px) {
	#photo {
		max-height: 200px;
	}
}
@media (min-width: 480px) and (max-width: 599px) and (max-height: 360px) {
	#photo {
		max-height: 137px;
	}
}
@media (min-width: 600px) and (max-width: 640px) and (max-height: 360px) {
	#photo {
		max-height: 160px;
	}
}

/** TEXT - Casa Domingo text. Only applicable to Home page. Included in Main **/
#text {
	width: 100%;
	height: 100%;
	max-width: 638px;
	max-height: 86px;
	background-color: #CCCC99;
	border: #70515B solid 1px;
	padding: 6px 0;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}
@media (max-width: 479px) {
	#text {
		font-size: 12px;
		max-height: 148px;
	}
}
@media (min-width: 480px) and (max-width: 599px) {
	#text {
		font-size: 10px;
		max-height: 102px;
	}
}
@media (min-width: 600px) and (max-width: 639px) {
	#text {
		font-size: 12px;
		max-height: 88px;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
	#text {
		font-size: 13px;
		max-height: 88px;
	}
}
@media (min-width: 480px) and (max-width: 599px) and (max-height: 360px) {
	#text {
		font-size: 10px;
		max-height: 75px;
		padding: 0;
	}
}
@media (min-width: 600px) and (max-width: 640px) and (max-height: 360px) {
	#text {
		font-size: 13px;
		max-height: 92px;
		padding: 0;
	}
}

/** FOOTER - Only applicable to Home page. Included in Container **/
.footer {
	width: 100%; 
	height: 100%;
	max-width: 715px;
	max-height: 23px;
}

/** LANGUAGE - Language names. Only applicable to Home page. Included in Footer **/
.language {
	width: 25%; 
	max-width: 175px;
	background-color: #B3B284;
	border: #333333 solid 1px;
	float: left;
	text-align: center;
}
@media (max-width: 359px) {
	.language {
		max-width: 289px; 
		height: 30px;
		padding-top: 10px;
		width: 24.2%;
	}
}
@media (min-width: 360px) and (max-width: 479px) {
	.language {
		width: 24%;
	}
}
@media (min-width: 480px) and (max-width: 599px) {
	.language {
		width: 23.75%;
	}
}
@media (min-width: 600px) and (max-width: 639px) {
	.language {
		width: 24.5%;
	}
}
@media (min-width: 640px) and (max-width: 767px) {
	.language {
		width: 24.4%;
	}
}
.language a {
	color: #000000;
	text-decoration: none;
}
@media (max-width: 479px) {
	.language a {
		font-size: 11px;
	}
}
@media (max-width: 360px) {
	.language  a {
		font-size: 14px;
	}
}
@media (min-width: 480px) and (max-width: 640px) {
	.language a {
		font-size: 12px;
	}
}

/*** O T H E R  P A G E S ***/
/** LEFT SIDE, CONTENT AND RIGHT SIDE - Left, middle and right space of Welkom page **/
@media (max-width: 767px) {
	#left-side, #right-side {
		display: none;
	}
	.Content {
		max-width: 280px;
	}
}

/** TABLE-CONTAINER - Included in CONTENT **/
#table-container {
	max-width: 740px;
	margin-top: 25px;
}

/** IMAGE-TITLE - Casa Domingo image title. Included in TABLE-CONTAINER **/
@media (max-width: 360px) {
	#image-title {
		width: 100%;
		height: 40px;
	}
}

/** DIAS - Lightbox pictures. Included in TABLE-CONTAINER **/
#dias-welcome {
	max-width: 420px;
}

/** DIAS-ROOMS - Lightbox pictures. Included in TABLE-CONTAINER **/
#dias-rooms {
	max-width: 270px;
}

/** DIAS-STUDIO - Lightbox pictures. Included in TABLE-CONTAINER **/
#dias-studio {
	max-width: 410px;
}

/** DIAS-APPARTMENT - Lightbox pictures. Included in TABLE-CONTAINER **/
#dias-appartment {
	max-width: 425px;
}

/** FACEBOOK - Facebook widget. Included in TABLE-CONTAINER **/
@media (max-width: 320px) {
	.fb_iframe_widget iframe {
		width: 280px !important;
	}
}

/** TRIPADVISOR - Tripadvisor widget. Included in TABLE-CONTAINER **/
.TA_cdsscrollingravewide {
	max-width: 450px !important;
	width: 100%;
}
@media (max-width: 600px) {
	.TA_cdsscrollingravewide {
		max-width: 270px !important;
	}
}
#CDSSCROLLINGRAVE.wide {
	width: 100% !important;
}

/** FACEBOOK SHARE **/
@media (max-width: 360px) {
	.fb_iframe_widget {
		display: block !important;
		margin: 5px 0;
	}
}

/** GOOGLE SHARE - Includes Google share button **/
@media (max-width: 767px) {
	#___plus_0 {
		margin-top: 5px !important;
	}
}

/** PANORAMIC PHOTO **/
#panfoto {
	display: block;
}
#stafoto {
	display: none;
}
@media (max-width: 1024px) {
	#panfoto {
		display: none;
	}
	#stafoto {
		display: block;
		max-width: 270px;
	}
}

/** VIMEO VIDEO **/
#video{
	width: 100%;
}

/** LIGHTBOX **/
.example-image {
	max-height: 97px;
	max-width: 150px;
}
@media (max-width: 320px) {
	.example-image {
		max-height: 95px;
		max-width: 145px;
	}
}

/** PHOTOS **/
@media (max-width: 360px) {
	.small-foto {
		max-width: 280px;
		height: auto;
	}
}

/** GOOGLE MAPS **/
#google-map {
	width: 100%;
	max-width: 425px;
}

/** TRIPADVISOR - Hide widget for small devices **/
@media (max-width: 360px) {
	#TA_ssnarrowcollectreview283 {
		display: none;
	}
}