/* HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */
/* Base styles: opinionated defaults */
html, button, input, select, textarea {
	color: #222;
}
/* Blueprint fixbody {
	font-size: 1em;
	line-height: 1.4;
}
*/
/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */
::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
/* * A better looking default horizontal rule */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
	vertical-align: middle;
	max-width: 100%;
}
/* * Remove default fieldset styles. */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* * Allow only vertical resizing of textareas. */
textarea {
	resize: vertical;
}
/* Chrome Frame prompt */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/*   Author's custom styles  */
/*Links fix*/
a {
	color: #444;
	text-decoration: none;
	border-bottom: 1px solid #ec1274;
	padding-bottom: 0;
}
a:hover, a:active {
	color: #ec1274;
}
a:focus {
	outline:none;
}
/* Semantic */
#banner, #content {
	margin: 18px 0px;
}
#menu-top {
	margin-top: 36px;
	margin-bottom: 0px;
	padding-bottom: 0;
}
#footer {
	margin-top: 18px;
}
/* Navigation */
.menu-item {
	display: block;
	float: left;
	margin-right: 2%;
	overflow: visible;
}
.menu-item a {
	border-bottom: 1px solid white;
	padding-bottom: 14px;
	display: block;
}

.menu-item a.currentpage,
.menu-item a:hover, .menu-item a:active {
	border-bottom: 1px solid #ec1274;
}
.menu-last-item {
	margin-right: 0;
}
.menu-item img {
	height: 31px;
}
.logo {
	background: #444;
	background-image: url(../../uploads/images/assets/VMR-top-logo.jpg);
	background-position: top left;
	height: 82px;
}
.logo h1 a {
	display: block;
	height: 82px;
	text-indent: -999em;
	text-decoration: none;
	border: none;
}
.lang-border {
	border-top: 1px solid #ccc;
	margin: 0;
}
#lang-menu {
	float: left;
	padding-top: 0px;
}
.lang_item {
	margin-top: 0px;
}
.lang_item a {
	float: left;
	margin: 0 1% 0 0%;
	color: #444;
	border: none;
	border-top: 1px solid white;
	padding-top: 18px;
}
.lang_item a:hover, .lang_item a:active {
	border-top: 1px solid #ec1274;
}
.lang_item img {
	width: 70px;
	height: 28px;
}
.footer-bg {
	height: 130px;
	box-shadow: 0px 0px 1px 0px #444;
}
.footer-inner-1 {
	margin: 4px;
	margin-bottom: 0px;
	border: solid 1px #444;
	border-bottom: none;
	height: 125px;
}
.footer-inner-2 {
	margin: 2px;
	margin-bottom: 0px;
	border: solid 1px #444;
	border-bottom: none;
	height: 122px;
}
.footer-sections, .footer-header {
	display: block;
	overflow: visible;
	float: left;
}
.footer-sections ul {
	padding-left: 0px;
	margin: 9px 0;
}
.footer-sections ul li {
	margin-right: 4%;  
	height: 18px;
	float: left;
	display: block;
	margin-bottom: 18px;
}
.footer-container {
	display: block;
	color: #444;
}
.footer-header {
	font-family: Playfair Display SC, Cinzel, Helvetica, Arial;
}
.footer-logo {
	margin: 18px 0;
}
.lighter {
	color: #888;
	font-size: 10px;
}
.socialnetworks {
	margin-top: 9px;
}

.recommended-logos{
	max-width: none;
}
/* Content style */
.homeSlogan {
	font-size: 180%;
	font-family: Cinzel, Playfair Display SC,  Helvetica, Arial;
}
h1.homeSlogan {
	font-family: Helvetica Neue;
}
.welcome-message {
	text-align: center;
	text-shadow: 1px 1px 1px #aaa;
	margin: 0px 0px 36px 0;
}
div.content {
	text-align: justify;
	font-size: 120%;
	font-family: Anaheim, Helvetica, Arial;
}
div.content h3, #contact-form h2, .content-header {
	margin: 0;
	text-align: left;
	color: black;
	font-size: 18px;
	font-family: Playfair Display SC, Cinzel, Helvetica, Arial;
}
.width-expand {
	width: 100%;
        height: auto;
	overflow: hidden;
}
.height-expand {
	height: 100%;
	overflow: hidden;
}
.space-top {
	margin-top: 36px;
}
.mosaic-h-1, .mosaic-h-2, .mosaic-h-3 {
	display: block;
	overflow: hidden;
	margin-bottom: 18px;
	float: left;
	width: 33%;
	width: 32%;
	height: 200px;
}
.mosaic-h-1 {
	margin-right: 4px;
	margin-right: 15px;
}
.mosaic-v-1, .mosaic-v-2, .mosaic-v-3, .mosaic-v-4, .mosaic-v-5, .press-pics {
	display: block;
	overflow: hidden;
	margin-bottom: 18px;
	float: left;
	width: 19%;
	height: 200px;
}
.mosaic-v-1, .mosaic-v-2, .mosaic-v-3, .mosaic-v-4 {
	margin-right: 8px;
}
.mosaic-h-3, .mosaic-v-5 {
	margin-right: 0;
	float: right;
}
.mosaic-v-1, .mosaic-v-2, .mosaic-v-3, .mosaic-v-4, .mosaic-v-5, .mosaic-h-1, .mosaic-h-2, .mosaic-h-3, .press-pics:active, .press-pics:hover {
	border: 1px solid white;
}
.mosaic-v-1:hover, .mosaic-v-2:hover, .mosaic-v-3:hover, .mosaic-v-4:hover, .mosaic-v-5:hover, .mosaic-h-1:hover, .mosaic-h-2:hover, .mosaic-h-3:hover, .mosaic-v-1:active, .mosaic-v-2:active, .mosaic-v-3:active, .mosaic-v-4:active, .mosaic-v-5:active, .mosaic-h-1:active, .mosaic-h-2:active, .mosaic-h-3:active, .press-pics {
	cursor: url(../../uploads/images/assets/lens.png);
	border: 1px solid #ec1274;
	box-shadow: 2px 2px 8px 0px #aaa;
}

.press-pics{
        margin-right: 46px;
}
div.content ol {
	font-size: 150%;
}
div.content ol p {
	font-size: normal;
	font-weight: normal;
}
/* Style and fixes */
.bottom {
	margin-bottom: 0px;
}
.row-bottom {
	margin: 0 0 18px 0;
}
.italics, article ol {
	font-style: italic;
	font-weight: bold;
	color: #ec1274;
	line-height: normal;
}
div.content ol p {
	font-style: normal;
	font-size: 14px;
	color: #444;
	margin: 0px;
}
.strong {
	font-weight: bold;
}
.numbers {
	font-size: 250%;
}
.white-bg {
	background: white;
	display: block;
}
.pictures-container {
	width: 100%;
	float: left;
	margin: auto;
	padding: auto;
	padding: 1%;
}
.pictures-div {
	float: left;
	margin: auto;
	height: 200px;
}
.pictures {
	height: 100%;
}
.drawing-banner {
	width: 80%;
	padding-left: 10%;
}
.vid {
	padding: 2%;
        padding-left: 15%;
}
.division {
	border-top: 1px solid #ec1274;
	margin: 6px 0px 24px 0px;
}

/*TripAdvisor review banner*/
#TA_cdsscrollingravewide803 { background-color:#fff; white-space: nowrap; overflow: hidden; font:normal 14px Anaheim, Helvetica, Arial; margin:0; text-align:left; border:none; text-decoration:none; outline:none; color:#333; padding: 7px; }
#TA_cdsscrollingravewide803 img { border-style: none; }
#TA_cdsscrollingravewide803.shadow { -moz-box-shadow: 0px 1px 4px 0px #999; -webkit-box-shadow: 0px 1px 4px 0px #999; box-shadow: 0px 1px 4px 0px #999; }
#TA_cdsscrollingravewide803 .rightBorder { border-right: 1px solid #b7b7b7; padding-right: 12px; float: left; }
#TA_cdsscrollingravewide803.border {  border: 1px solid #589446; }
#TA_cdsscrollingravewide803.gray { background-color: #f2f2f2; }
#TA_cdsscrollingravewide803.wide { width: 450px; }
#TA_cdsscrollingravewide803.narrow { width: 282px; }
#TA_cdsscrollingravewide803 div span { display: inline-block; padding: 0px 8px 0px 0; margin-top: 5px; }
#TA_cdsscrollingravewide803 div span.bubble { padding-left: 10px; }
#TA_cdsscrollingravewide803 .placeHolder{ line-height: 0; }
#TA_cdsscrollingravewide803 .reviewContribution { color: #828282; }
#TA_cdsscrollingravewide803 a, #TA_cdsscrollingravewide803 a:visited {  text-decoration: underline; border: 0px;}
#TA_cdsscrollingravewide803 a:hover { text-decoration: underline; }
#TA_cdsscrollingravewide803 .reviewTitle, #TA_cdsscrollingravewide803 .reviewContribution, #TA_cdsscrollingravewide803 .link{ font-family: Anaheim, Helvetica, Arial;
}
#TA_cdsscrollingravewide803 .reviewTitle { font-weight: bold; }
#TA_cdsscrollingravewide803 div { padding: 1px; }

/* Contact form */
#contact-form {
	background-color: white;
	padding: 20px;
	border: 1px solid #ec1274;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	box-shadow: 1px 2px 7px 0px #ccc;
}
#contact-form input, #contact-form select, #contact-form textarea, #contact-form label {
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: normal;
}
#contact-form input, #contact-form select, #contact-form textarea {
	width: 98%;
	border: 1px solid #444;
	margin-bottom: 20px;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#contact-form input:focus, #contact-form select:focus, #contact-form textarea:focus {
	border: 1px solid #444;
	background-color: #eee;
}
#contact-form textarea {
	height: 150px;
	resize: none;
}
#contact-form label {
	display: block;
}
#contact-form .required {
	font-weight: bold;
	color: #F00;
}
#contact-form .cms_submit {
	width: 100px;
	background-color: #333;
	color: #FFF;
	border: none;
	display: block;
	float: right;
	margin-bottom: 0px;
	margin-right: 6px;
	background-color: #aaa;
	-moz-border-radius: 8px;
}
#contact-form #submit-button:hover {
	background-color: #A6CFDD;
}
#contact-form #submit-button:active {
	position: relative;
	top: 1px;
}
#contact-form #loading {
	width: 16px;
	height: 16px;
	background-image: url(../../uploads/images/assets/loading.gif);
	display: block;
	position: absolute;
	right: 130px;
	bottom: 16px;
	display: none;
}
#contact-form h2 {
	font-size: 150%;
}
#errors {
	border: solid 1px #888;
	padding: 10px;
	margin: 25px 0px;
	display: block;
	width: 437px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #eee url(../../uploads/images/assets/cancel_48.png) no-repeat 405px center;
	display: none;
}
#errors li {
	padding: 2px;
	list-style: none;
}
#errors li:before {
	content: ' - ';
}
#errors #info {
	font-weight: bold;
}
#errors #info:before {
	content: '';
}
#success {
	border: solid 1px #83D186;
	padding: 25px 10px;
	margin: 25px 0px;
	display: block;
	width: 500px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #eee url(../../uploads/images/assets/accepted_48.png) no-repeat 450px center;
	font-weight: bold;
	display: none;
}
#errors.visible, #success.visible {
	display: block;
}
#req-field-desc {
	font-style: italic;
}

a.hidden-link{
        border-bottom: 0px none;
}
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
/* Normalize placeholder styles */
/* chrome, safari */
::-webkit-input-placeholder {
	color: #CCC;
	font-style: italic;
}
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #CCC;
	font-style: italic;
}
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text {
	color: #CCC;
	font-style: italic;
}
/* Helper classes */
/* * Image replacement */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
/* IE 6/7 fallback */
	*text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}
/* * Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* * Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the *    `contenteditable` attribute is included anywhere else in the document. *    Otherwise it causes space to appear at the top and bottom of elements *    that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using *    `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after {
	content: " ";
/* 1 */
	display: table;
/* 2 */
}
.clearfix:after {
	clear: both;
}
/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */
.clearfix {
	*zoom: 1;
}
/* EXAMPLE Media Queries for Responsive Design.   Theses examples override the primary ('mobile first') styles.   Modify as content requires. */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),       only screen and (min-resolution: 144dpi) {
/* Style adjustments for high resolution devices */
}
/* Print styles. Inlined to avoid required HTTP connection: h5bp.com/r */
@media print {
* {
	background: transparent !important;
	color: #000 !important;
/* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a,    a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*     * Don't show links for images, or javascript/internal links     */
.ir a:after,    a[href^="javascript:"]:after,    a[href^="#"]:after {
	content: "";
}
pre,    blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
/* h5bp.com/t */
}
tr,    img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p,    h2,    h3 {
	orphans: 3;
	widows: 3;
}
h2,    h3 {
	page-break-after: avoid;
}
}
/* Stylesheet: main Modified On 2017-04-18 15:41:00 */
