/*@media only screen and (max-width: 40em) {
    html {
        background: #000000 url('../images/bg_site_small.jpg') no-repeat center top;
}
 navigation */
 h1, h2, h3, h4, h5, h6 {
	 color: #fff;
 }
 
.top-bar-section ul  {
	 width: 100%;
	 background: url('../images/blood_bg.png') no-repeat left;
}

.top-bar-section .dropdown li a {
	width: 100%;
	background: url('../images/blood_bg_small.png') no-repeat left!important;
}

.top-bar-section .dropdown li a:hover {
	width: 100%;
	background: url('../images/blood_bg_small_hover.png') no-repeat left!important;
}

.top-bar-section ul li{
    height: auto;
    display: block;
    background: none;
    font-size: 16px;
    margin: 0;
}

.bottom-nav {
    width:  100%;
    height:  100%;
}

.home {
    width: 7.125em;
    height: 5.4375em;
    background: url('../images/home.png') no-repeat;
}
.home:hover {
    width: 7.125em;
    height: 5.4375em;
    background: url('../images/home_h.png') no-repeat;
}
.contact {
    width: 6.5625em;
    height: 5.1875em;
    background: url('../images/contact_.png') no-repeat;
}
.contact:hover {
    width: 6.5625em;
    height: 5.1875em;
    background: url('../images/contact_h.png') no-repeat;
}
.tours {
    width: 7.125em;
    height: 5.25em;
    background: url('../images/tours.png') no-repeat;
}
.tours:hover {
    width: 7.0625em;
    height: 5.1875em;
    background: url('../images/tours_h.png') no-repeat;
}
.gallery {
    width: 7.125em;
    height: 5.0625em;
    background: url('../images/gallery.png') no-repeat;
}
.gallery:hover {
    width: 7.125em;
    height: 5.0625em;
    background: url('../images/gallery_h.png') no-repeat;
}
.about {
    width: 7.125em;
    height: 5.5em;
    background: url('../images/about.png') no-repeat;
}
.about:hover {
    width: 7.125em;
    height: 5.5em;
    background: url('../images/about_h.png') no-repeat;
}
.link-activ {
    color: #000000;
}
.bottom-menu ul {
    list-style-type: none;
}
.flags {
    padding-top: 0.51em;
    padding-bottom: 0.51em;
}
.book-tour {
    background-color: #f00;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    /*margin-right: 1em;*/
}
.book-tour a:hover {
    color:  #000000;
}
.book-tour a {
    color:  #fff;
}
.logo {
    width:  266px;
    height: 214px;
}
.book-tour-small {
    background-color: #f00;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    -webkit-border-radius: 0.1875em;
    -moz-border-radius: 0.1875em;
    border-radius: 0.1875em;
}
.book-tour-small a:hover {
    color:  #000000;
}
.book-tour-small a {
    color:  #fff;
}
.header-phone {
    -webkit-border-radius: 0.1875em;
    -moz-border-radius: 0.1875em;
    border-radius: 0.1875em;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    padding-top: 0.51em;
    padding-bottom: 0.51em;    
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    color: #f00;
}
.header-phone-small {
    -webkit-border-radius: 0.1875em;
    -moz-border-radius: 0.1875em;
    border-radius: 0.1875em;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
    padding-top: 0.51em;
    padding-bottom: 0.51em;    
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #f00;
}
/************** custom top menu ***************/
.top-menu-custom {
    background: url('../images/blood_bg.png') no-repeat left;
}
.top-menu-custom ul li > a {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.8125rem;
    font-weight: bold;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: none;
    width: 100%;
}
.top-menu-custom ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.top-menu-custom li {
    display: inline;
}
/** reservation form
 **    
**/
#bookform, #book-apartment {
    background-color: rgba(0, 0, 0, 0.43);
    padding: 1em 1em 0.2em 1em; 
    margin-top: 1em;
}
#contactform {
    background-color: rgba(0, 0, 0, 0.43);
    padding: 1em 1em 0.2em 1em; 
    margin-top: 1em;
}
#bookform label, #book-apartment label {
    color: #fff;
}
#contactform label {
    color: #fff;
}
/** 
 ** CONTACT page styles   
**/
.contact_typo {
    color: #fff;
}
/** 
 ** GALLERY page styles   
**/
.space-down {
    height: 350px;
}
.maps {
    width: 40%; 
    height: 40em;
}
.member {
    margin-top: 8em;
}
.member-p {
    padding-bottom: 1.5em;
    padding-top: 1em;    
}
.member img {
    padding-bottom: 1.5em;
    padding-top: 1em;
}
/* Image Thumbnails */
.thumbs {
  border: solid 4px #FFFFFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
  .th.radius {
    border-radius: 3px; }
/** 
 ** validation message styles   
**/
label.error {
    color: red;
}
#errorMessage-inline, #errorMessage-inline-contact, #errorMessage-inline-apartment {
    background-color: red;
	color: #fff;
	padding: 5px;
    font-size: 0.9em;
}

/**
* TOUR DETAILS PAGE
*/
.cover {
    margin-bottom: 2em;
}
/**FOOTER STYLES **/
.footer-wrapper {
    margin-top: 2em;
}
.trasura-wrapper {
    margin-top: 1.5em;
}
.trasura-wrapper-gallery {
    margin-top: 8em;
    margin-bottom: 2em;
}
#detaliiTur, .explicatii {
    background-color: rgba(0, 0, 0, 0.43);
    padding: 1em 1em 0.2em 1em; 
    margin-top: 1em;
}
.explicatii {
    font-size: 0.9em;
    color: #808080;
}
.gallery-wrapper {
    margin-top: 1.5em;
}

.tour-link {
	color: #fff;
}

.tour-link:hover {
	color: red;
}

/* MODAL */
/* The Modal (background) */
.modal,.modal-contact {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content, .modal-content-contact {
	position: relative;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 650px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close, .close-contact {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
	position: absolute;
    right: 14px;
    top: 0px;
}
.close:hover,
.close:focus ,
.close-contact:hover,
.close-contact:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.book-apt-btn {
    width: 100px;
	padding: 15px 10px 15px 10px; background-color: red; border-radius: 3px; text-align: center;
    font-weight: bold; color: #fff;
    float: right;
}

.book-apt-btn:hover {
	opacity: 0.9;
    color: #fff;
}

.apt-banner:hover {
	opacity: 0.9;
}

.td-style {
    font-weight: bold;
}

.invoice {
    width: 100%;
    border-radius: 5px;
    margin-top: 230px;
}

.th-style {
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}