@charset "UTF-8";


/* ============== reset css ============ */
html, body, h1, h2, h3, h4, h5, h6, p, strong, b, em, i, span, a, pre, address, cite, code,
div, header, nav, section, article, aside, figure, footer, audio, video, time,
form, input, select, textarea, button, label, fieldset, legend,
object, iframe, dl, dt, dd,
.no-list {
	margin: 0;
	padding: 0;
}
html, body { 
	height: 100%;
}
#container {
	min-height: 100%;
	height: 100%;
	position: relative;
}
a img {
	border: 0;
}
a, a:hover, a:focus, a:visited,
input, input:focus, select, select:focus, 
textarea, textarea:focus, button, button:focus {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul.no-list {
	list-style-type: none;
	float:left;
}


.clr:before {
	content: "";
	display: block;
	float: none;
	clear: both;
}

.clr:after {
	content: "";
	display: block;
	float: none;
	clear: both;
}
.hideText {
	font-size: 0 !important;
	height: 0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin: 0 !important;
	padding: 0;
}
hr {
	margin: 0;
	height: 1px;
	border: 0;
}

body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	background: #fff;
	font-weight: 300;
	line-height: 1.7em;
	overflow-x: auto;
}

.content {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

/* ========= header ======== */
header {
	width: 100%;
	min-width: 1100px;
	height: 136px;
	background: #fff;
	position: absolute;
	top: 0;
	z-index: 1;
}
header .bg-black {
	width: 100%;
	height: 69px;
	background: #2f2e2e url(images/header-footer-bg.png) 0 bottom repeat-x;
}
header hr {
	position: absolute;
	width: 100%;
	height: 10px;
	background: url(images/header-footer-bg.png) 0 bottom repeat-x;
	top: 20px;
}

/* ========= nav ======== */
header h1 {
	float: left;
}
nav {
	float: left;
	margin-left: 40px;
}
nav > div > ul > li {
	display: inline-block;
	margin: 25px 40px 10px 40px;
	position: relative;
}
nav > div > ul >li > a {
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	display: block;
	padding: 10px 0;
	width: 100%;
	height: 100%;
	position: relative;
}

nav > div > ul >li > a .line {
	width: 100%;
	height: 2px;
	background: #8accc9;
	display: block;
	position: absolute;
	display: none;
}
nav > div > ul > li.current-menu-item > a .line,
nav > div > ul >li.current-menu-parent > a .line,
nav > div > ul >li:hover > a .line {
	display: block;
}

nav ul.sub-menu {
	position: absolute;
	background: #2f2e2e;
	text-transform: uppercase;
	top: 36px;
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}
nav > div > ul > li:hover  ul.sub-menu {
	display: block;
}
nav > div > ul > li ul.sub-menu li {
	min-width: 120px;
}
nav > div > ul > li ul.sub-menu li a {
	display: block;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	transition: all 350ms ease-out;
}
nav > div > ul > li ul.sub-menu li:hover a {
	background: #8accc9;
	color: #000;
}

/* ========= main ======== */
#main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 136px;
	min-height: 500px;
}

#main .content {
	position: relative;
	width: 772px;
	float: right;
	background: #ececec;
	height: 100%;
}
#main .text {
	text-align: justify;
	position: relative;
}	
#main .text p {
	margin-bottom: 10px;
}

.textpage {
	padding: 20px;
	text-align: justify;
	height: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
}
.textpage .scroll-pane {
	width: 100%;
	height: 100%;
	overflow: auto;
	outline: none;
}

.textpage a {
	color: #3b8481;
}

.gallery {
	outline: none;
	position: relative;
}
.gallery li {
	display: inline-block;
	margin: 0;
}
.gallery li a img {
	opacity: .7;
	box-shadow: 0 0 7px #b9b9b9;
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	transition: all 350ms ease-out;
}
.gallery li a:hover img {
	opacity: 1;
}

#contact-Map {
	margin-top: 30px;
	height: 400px;
  
  border: 1px solid #c0bdb8;
}
.menu-menu-gorne-container {
	float: left;
}
.fb {
	margin-right: 0px;
	float:right;
	margin-top: 33px;
	margin-left: 40px;
}
.fb a img {
	vertical-align: middle;
}

/* ========= aside ========== */
#main aside {
	width: 328px;
	float: left;
	position: relative;
	height: 100%;
}
#main aside ul {
	margin-left: 60px;
	margin-top: 68px;
}
#main aside ul li a {
	width: 186px;
	display: block;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	line-height: 2em;
	margin: 1px 0;
	padding: 3px 10px;
	-webkit-transition: all 350ms ease-out;
	-moz-transition: all 350ms ease-out;
	transition: all 350ms ease-out;
}
#main aside ul li.current-menu-item a,
#main aside ul li a:hover {
	background: #8accc9;
	color: #fff;
}

/* ========= footer ======== */
footer {
	width: 100%;
	min-width: 1100px;
	height: 53px;
	background: #1a1a1a url(images/header-footer-bg.png) 0 0 repeat-x;
	position: fixed;
	bottom: 0;
}
footer p {
	font-size: 13px;
	color: #fff;
	text-align: center;
	word-spacing: 15px;
	letter-spacing: 1px;
	line-height: 53px;
}

.text-contact {
	float: left;
	text-align: left;
}

.wpcf7-form {
	float: right;
	text-align: left;
	width: 380px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
	padding: 4px 8px;
	width: 300px;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
	background: #FCF8F8;
	border: 1px solid #BCD6D5;
}
.wpcf7-form textarea {
	height: 100px;
	font-size: 1.1em;
}
.wpcf7-form p {
	margin-bottom: 10px;
}
.wpcf7-form input[type="submit"] {
	background: #8accc9;
	color: #fff;
	padding: 10px 25px;
	text-transform: uppercase;
	cursor: pointer;
	border: 0;
	
}

span.wpcf7-not-valid-tip {
	color: #CC6F82;
	display: block;
	background: #F3C3D1;
	width: 100%;
	max-width: 298px;
	padding: 0px 10px;
	font-size: 12px;
	margin-top: 5px;
}
div.wpcf7-validation-errors {
	border: 2px solid #ECA2B7;
	margin: 0;
}
div.wpcf7-mail-sent-ok {
	margin: 0;
	border: 2px solid #269C97;
}


.ui-widget-overlay {
  background-color: #000;
  opacity: .6;
}
.ui-dialog .ui-dialog-titlebar-close {
  width: 55px;
  height: 55px;
  z-index: 200;
  background: #8accc9 url(images/close.png) center center no-repeat;
  border: 0;
  margin: 0;
}
#dialog-50percent img {
	border: 8px solid #fff;
}

.ui-widget-header {
	border: 0;
	background: none;
}