/* Import Font */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic,500,500italic,300italic,300,900italic,900,800italic,800,700italic,700,600italic,600,200italic,200,100italic,100);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* General */
body{background:#0A0A0A; color:#e0ab3b; font-family:Raleway; position: relative;}
p{ font-size:17px;  }
h1{font-size:32px; }
h2{font-size:26px; }

/* Top Header */
.topheader{background:rgba(217, 115, 7, 0.90); color:#000;}
.topheader a{color:#010101;}
.topheader p.rinfo{margin:0 auto;  font-size:14px; font-family:'Open Sans';}
.topheader p.rinfo strong{ font-size:20px;}
.topheader .list-inline{margin:0 auto;}
.logoArea{background:rgba(51, 22, 14, 0.90); height: 100px; text-align:center}
 #menu li {
    border-right: 1px solid #ed9a1a;
    padding: 5px 10px;
    text-transform: uppercase;
	font-family:'Raleway';
	font-size:14px;
	font-weight:normal;
}
#menu li:last-child{ border-right: 0;}

#menu .dropdown-menu > li > a{color: #fff;}
#menu .dropdown-menu > li > a:hover{background:#ED9A1A;}
#menu .dropdown-menu > li > a:focus{background:transparent;}
#menu .dropdown-menu {border-radius:0; background-color:rgba(217, 115, 7, 1);min-width:50px; padding:0; margin:0 auto;}
#menu .dropdown-menu > li {   padding:0;  border-bottom: 1px solid #ed9a1a;    border-right: 0 none;}
#menu .dropdown-menu > li:last-child {    border-bottom: 0}

.close, .close span{opacity: 1; filter: alpha(opacity=100); text-shadow:none; color:#ccc;}

/* .modal */
.modal-content{background:rgba(0, 0, 0, 0.8);}
.modal-header{border-bottom:1px solid #333;}
.modal-footer{border-top:1px solid #333;}
.modal-content .btn{	background:rgba(0, 0, 0, 0) url("../images/btnbg.png") no-repeat scroll 0 0 / 100% 100%; }
.btn-default{border-color:#000; color:#000;}
.close{color:#fff;}

.modal-body .carousel-caption {
    background: rgba(237, 154, 26, 1) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    position: relative;
    right: 0;
    text-align: left;
	font-size:16px;
} 

/* Carousel */
.carousel-inner > .item > a > img, .carousel-inner > .item > img{margin:0 auto;}

.topcarousel{ height:600px;  overflow:hidden}
.topcarousel .carousel-caption{top:20%; left:0%; right:0%; z-index:0;}
.topcarousel .carousel-caption-bg{ background:rgba(0, 0, 0, 0.50); animation-delay:0.5s; font-size:32px; padding:15px 80px 15px 20px; margin-bottom:10px; float:left;}
.topcarousel .carousel-caption-bg h1{color:#f6a73b; margin: 0 auto 10px; font-weight:normal;  animation-delay:1.1s;}
.topcarousel .carousel-caption-bg h2{color:#fff; margin: 0 auto; font-weight:normal; letter-spacing:2px;}
.topcarousel .leftBanner .btn{
	background:rgba(0, 0, 0, 0) url("../images/btnbg.png") no-repeat scroll 0 0 / 100% 100%; 
	font-size:24px; 
	color:#000; 
	padding:2%;  
	font-family:'Open Sans';
	margin-top:10%;
	animation-delay:1.5s;
}
.topcarousel .carousel-control{width:7%;}
.carousel-form-bg{background:rgba(0, 0, 0, 0.50); border-radius:5px; padding:5% 5% 2%;}
.carousel-form-bg h2{color:#ffe400; font-family:'Open Sans'; font-size:19px; margin: 0 auto 10px;}
.carousel-form-bg h1{color:#fff; font-family:'Open Sans'; font-size:24px; font-weight:bold; margin: 0 auto 10px;}
.carousel-form-bg .btn{
	background:rgba(0, 0, 0, 0) url("../images/btnbg.png") no-repeat scroll 0 0 / 100% 100%; 
	font-size:18px; 
	color:#000; 
	padding:2%;
	font-family: open sans;
	font-weight:normal; 
}
.carousel-form-bg  .form-control{border-radius:0; height:46px; box-shadow:3px 3px 20px rgba(0, 0, 0, 0.3) inset;}
h2.subtitle{letter-spacing:0; font-size:19px;}

@media (min-width:768px) {  
.rightBanner { margin-top:8%;}
}
.btnbox{text-align:right}

/* Carousel fade */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  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;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Sections */
.section{padding:40px 0 0;}
.services{margin:30px auto; padding: 0 0 80px; border-bottom:2px solid #f6a73b}


#infocentro	h1{ margin: 0 auto 30px;}
#infocentro	h2{ margin: 50px auto;}
#infocentro p{font-size:16px; padding-right:20px;}

#reservasInfo{background:#151515; padding:20px 0}
#reservasInfo h4{font-size:16px;}
#reservasInfo span{font-size:45px; color:#fff}


#gallerycarousel .item > img{width:100%;}
 
#warning, #warningd {
    background-color: rgba(255, 0, 0, 0.8);
    border-radius: 3px;
    color: #fff;
    display: none; 
	padding:2% 0;
    font-size: 12px;
    font-weight: bold;
	
}

footer{padding:20px 0;}
footer p, footer a{color:#767676; font-size:14px}
/* BootStrap Override */

.img-responsive.auto{margin:0 auto 10px;}
.navbar-toggle .icon-bar{background:#000}
.navbar-toggle{border:1px solid #000; border-radius:0;}

/* Media Query */


@media (max-width:767px) {  
.services .serviceBox{margin:0px auto 40px;}
.topcarousel{height:auto; overflow: visible; background:orange;}
.topcarousel .carousel-inner{overflow:visible}
.navbar-collapse{margin-top:25px;}
#menu .list-inline li {
    border-bottom: 1px solid #ed9a1a;
    border-right: 0 none;
    display: block; 
    text-align: left;
    text-transform: uppercase;
}
#menu .list-inline li:hover{background:#ED9A1A}
/* .topcarousel{height:450px;} */
#menu .dropdown-menu{float:none; position:relative;}
}
@media (max-width:640px) {  
.topcarousel .carousel-caption-bg{padding:10px;}

.topcarousel .carousel-caption-bg h1{font-size:16px;}
.topcarousel .carousel-caption-bg h2{font-size:13px;}
.topcarousel .leftBanner .btn,.carousel-form-bg .btn{width:100%; margin:0 auto; font-size: 14px;}
.carousel-form-bg h1{font-size:16px;}
.carousel-form-bg h2{font-size:13px;}
.carousel-form-bg  .form-control{height:auto;}
}
@media (max-width:480px) { 

.rightBanner { margin-top:20px;}
.btnbox{text-align:left}
.topcarousel .carousel-caption-bg{float:none;}
.topcarousel .carousel-caption{position: relative; }
h1{font-size:22px;}
h2{font-size:20px;}
.fullwidth{width:100%;}
.text-right, footer{text-align:center !important}
}