html { position: relative; min-height: 100%; }
body { padding-top: 50px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
* { font-family: 'Open Sans', sans-serif; }
* * { font-family: 'Open Sans', sans-serif; }
strong { font-weight: 400 }
b { font-weight: 400 }
h1,
h2,
h3,
h4,
h5 { font-family: 'Open Sans', sans-serif; font-weight: 400; }
.carousel-control { width: 10%; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 40%; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 40%; }
.carouselContainer { margin-bottom: 30px; }
.topSpotContainer { margin-bottom: 30px; padding:0;}
.topSpotContainer .card > div.title div.button > * {cursor:default;}
.separatorNews { background: #ddd; margin-bottom: 30px; }
.separatorNewsContainer { overflow: hidden; }
.contentTop { background: #ddd; margin-bottom: 30px; background-image: url(/uploads/contentTop/x.jpg); height: 180px }
.contentTopContainer { }
.referencesContainer { }
.jcarousel-wrapper { margin-top: 0; }
footer { bottom: 0; width: 100%; font-size: 13px; /* Set the fixed height of the footer here */ background-color: #f5f5f5; padding-top: 60px; padding-bottom: 10px; margin-top: 30px; }
footer p.copyrights { color: #999; font-weight: 300 }
footer hr { margin-top: 40px; }
.contentTopContainer h1 { margin: 0; margin-top: 70px; }
div.content + div.blogSpot { background: #ddd; padding-bottom: 30px; padding-top: 30px; }
div.content + div.blogSpot + footer { margin-top: 0 }
div.content div.contentContainer { padding-bottom: 40px; }
div.content div.contentContainer > div > div > h2:first-child { margin-top: 0; }
div.content div.contentContainer div.sidebar { }
div.content div.contentContainer div.sidebar div.box { margin-bottom: 30px; position: relative; }
div.content div.contentContainer div.sidebar div.box h4 { border-bottom: 1px solid #ccc; position: absolute; bottom: 0; width: 100%; background: #333; margin: 0; color: #fff; padding: 10px; }
.navbar-collapse.collapse { padding-right: 0; }
div.blog div.blogListContainer .post { margin-bottom: 30px; }
div.blog div.blogListContainer .post .image { }
div.blog div.blogListContainer .post .title { }
div.blog div.blogListContainer .post .title .date { }
div.blog div.blogListContainer .post .title .caption { }
div.blog div.blogListContainer .post .title .tags { }
div.blog div.blogListContainer .post .description { }
div.post + div.blogSpot { background: #ddd; padding-bottom: 30px; padding-top: 30px; }
div.post + div.blogSpot + footer { margin-top: 0 }
div.post div.postContainer { padding-bottom: 40px; }
div.post div.postContainer div.content { line-height: 32px; font-size: 16px; font-weight: 200; }
div.post div.postContainer div.content img {max-width: 100%;display: block;
    height: auto;
    max-width: 100%;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}
div.post div.postContainer > div > div > h2:first-child { margin-top: 0; }
div.post div.postContainer div.sidebar { }
div.post div.postContainer div.sidebar div.box { margin-bottom: 30px; position: relative; }
div.post div.postContainer div.sidebar div.box h4 { border-bottom: 1px solid #ccc; position: absolute; bottom: 0; width: 100%; background: #333; margin: 0; color: #fff; padding: 10px; }
div.blog div.blogListContainer nav.paginationContainer { text-align: center; }
div.contact div.contactContainer iframe { width: 100%; height: 500px; border-left: 4px solid #eee; }
.carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }
div.admin { margin-top: 30px; }
.navbar>.container .navbar-brand { margin: 0; padding: 12px 0; }
.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin .form-signin-heading,
.form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.account-wall { margin-top: 20px; padding: 40px 0px 20px 0px; }
.login-title { color: #555; font-size: 18px; font-weight: 400; display: block; }
.profile-img { width: 96px; height: 96px; margin: 0 auto 10px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.need-help { margin-top: 10px; }
.new-account { display: block; margin-top: 10px; }
.signIn { padding-top: 40px; }
.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; }
input[readonly] { background-color: white !important; cursor: text !important; }
.btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); }
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn-inverse:active,
.btn-inverse.active { background-color: #080808 \9; }
.btn-inverse.active { color: rgba(255, 255, 255, 0.75); }
.modal-open { overflow: auto !important; }
.modal { overflow-y: auto !important; font-size: 16px; }
.modal-footer { padding: 15px 10px; margin: 0; }
.modal-body > p { margin: 0 }
.alert-inverse { color: #f0f0f0; background-color: #151515; border: 1px solid #333; border-radius: 0; }
.alert-inverse button { color: #fff; text-shadow: none; }
.alert-inverse .close:hover { color: #ccc; }
.alert { cursor: default !important; }
* { resize: none !important; }
nav.navbar .navbar-brand img,
nav.navbar .navbar-brand,
nav.navbar .navbar-nav>li>a { webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a.thumbnail:focus,
a.thumbnail:active,
a.thumbnail:hover { border-color: #ccc; box-shadow: 0px 0px 5px 0px #ccc; }
a.language img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: url(#greyscale); filter: gray; }
a.language.active img { box-shadow: 0px 0px 5px 0px #666; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: url(#greyscale); filter: gray; }
div.post img.thumbnail { margin-right: 15px; width: 320px; margin-bottom: 0; }

div.contentTopContainer h1 > ol.breadcrumb {float: left}
div.contentTopContainer h1 > span + ol.breadcrumb {float: right}
div.filterBar .btn-block > button {
    width: 50%;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    border-color:#333;
    background:#333;
}
div.extraContact {font-size: 13px;line-height: 26px;}
div.extraContact strong {font-weight: 600;font-size: 14px;}
div.gallery div.galleryContainer div.post div.imageBox div.image {
    margin-bottom: 30px;
}
div.gallery div.galleryContainer div.post div.imageBox div.image img {
    width: 100%;
}
div.gallery div.galleryContainer div.post div.imageBox {
    position: relative;
}
div.gallery div.galleryContainer div.post div.imageBox div.caption {
    position: absolute;
    background: rgba(0,0,0,0.8);
    width: 100%;
    bottom: 0;
    padding: 15px;
    color: #fff;
}
div.gallery div.imageContainer div.post div.imageBox {
    margin-bottom: 30px;
}
div.gallery div.imageContainer div.post div.imageBox div.image {
    
    height: 120px;
    overflow: hidden;
}
div.gallery div.imageContainer div.post div.imageBox {
    position: relative;
}
div.gallery div.imageContainer div.post div.imageBox div.caption {
    position: absolute;
    background: rgba(0,0,0,0.8);
    width: 100%;
    bottom: 0;
    padding: 15px;
    color: #fff;
}

div.galleryOperationsContainer div.gallery div.photo {
    position: relative;
}
div.galleryOperationsContainer div.gallery div.photo div.image {
    position: relative;
    height: 120px;
    overflow: hidden;
}
div.galleryOperationsContainer div.gallery div.photo div.remove {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    cursor: pointer;
    background: rgba(0,0,0,0.7);
    padding:2px 5px;
    color:#ccc;
    border-radius: 50%;
}
div.galleryOperationsContainer div.gallery div.photo div.remove:hover {
    text-shadow:0px 0px 5px #ccc;
    color:#fff;
}

.topSpotContainer > div > div > a {
    text-decoration: none;
}
.topSpotContainer .card > div.title div.button > * {
    cursor: pointer;
}