/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('fonts/LANENAR_-webfont.eot');
    src: url('fonts/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/LANENAR_-webfont.woff') format('woff'),
         url('fonts/LANENAR_-webfont.ttf') format('truetype'),
         url('fonts/LANENAR_-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'voltregular';
    src: url('fonts/volt-regular-webfont.eot');
    src: url('fonts/volt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/volt-regular-webfont.woff2') format('woff2'),
         url('fonts/volt-regular-webfont.woff') format('woff'),
         url('fonts/volt-regular-webfont.ttf') format('truetype'),
         url('fonts/volt-regular-webfont.svg#voltaireregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'architects_daughterregular';
    src: url('fonts/architectsdaughter-webfont.eot');
    src: url('fonts/architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/architectsdaughter-webfont.woff2') format('woff2'),
         url('fonts/architectsdaughter-webfont.woff') format('woff'),
         url('fonts/architectsdaughter-webfont.ttf') format('truetype'),
         url('fonts/architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    color:#FFF;
    overflow-x: hidden;
    
}

#menu-top{
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color: #3a2a15;
    z-index: 9999;
}
#menu-top #logo{
    position: absolute;
    left: 5%;
    top:0px;
    z-index: 9999;
}
.navbar-inverse .navbar-inner{background: none;}
#menu-top #options{
    position:absolute;
    width:500px;
    height: auto;
    top: 40px;
    left: 50%;
    margin-left: -250px;
}

#menu-top #options ul{
    list-style: none;
}
#menu-top #options li{
    display: inline;
    float:left;
}
.actived{
    color:#333;
    text-decoration: none;
}
#menu-top #options li a{
font-family: 'lane_-_narrowregular';
    font-size: 20px;
    color: #FFF;
    width: 100px;
    margin-right: 45px;
    padding: 0px 5px 10px 5px;
}
#menu-top #options li a:hover{
    color: #FFF !important;
    text-decoration: none !important;
    border-bottom: thin solid #FFF;
}
#menu-top #options li a:hover{
    color:#333;
    text-decoration: underline;
}
#menu-top #phone{
    float: right;
    margin-top: 10px;
    margin-right:5%;
    z-index: 9999;
    font-size: 22px;
}
#phone a{
    color: #FFF;
    text-decoration: none;
}
#separator{
    position: relative;
    width:auto;
    padding-top: 48%;
}
#submenu{
    background-color: #1b1b1b;
    padding: 10px;
}
#about, #curso{
    background-color: #FFF;
    padding: 50px 5px;
    text-align: justify;
}
.title{
    font-family: 'lane_-_narrowregular';
    font-size: 28px;
}
.title-black{
    font-family: 'lane_-_narrowregular';
    font-size: 28px;
    color:#333;
}
.title-white{
    font-family: 'lane_-_narrowregular';
    font-size: 28px;
    color:#FFF;
}
.normal-text{
    /*font-family: 'voltregular';*/
    font-size: 18px;
}
.normal-text-black{
    /*font-family: 'voltregular';*/
    font-size: 18px;
    color: #333;
}
.normal-text-white{
    /*font-family: 'voltregular';*/
    font-size: 18px;
    color: #FFF;
}
.hand-title{
    font-family: 'architects_daughterregular';
    font-size: 20px;
    color: #080281;
}

.hand-text{
    font-family: 'architects_daughterregular';
    font-size: 12px;
    color: #080281;
}
.hand-text-red{
    font-family: 'architects_daughterregular';
    font-size: 14px;
    color: #c80101;
    font-weight: bold;
}
.div-separator{
    height: 220px;
}
#servicios{
    background-image: url('../img/bg_alquiler.png');
    padding: 50px 5px;
    text-align: justify;
}
#tarifas, #reservas{
    background-image: url('../img/bg_tarifas.png');
    padding: 50px 5px;
    text-align: justify;
}
#services, #equipo{
    background-color: #333;
    padding: 50px 5px;
    text-align: justify;
}
#promociones{
    background-color: #000;
    padding: 50px 5px;
    text-align: justify;
}
#siguenos, #curso{
    background-image: url('../img/bg_siguenos.png');
    padding: 120px 5px;
}
#venta{
    background-image: url('../img/bg_venta.png');
    padding: 50px 5px;
}
#contacto{
    background-color: #000;
    padding: 50px 5px;
    margin-top:-5px;
}
#footer{
    background-image: url('../img/bg_alquiler.png');
    padding: 20px 5px;
    text-align: center;
}
h2{
    color:#fbb450;
}
p{
    color:#666;
}
#copyright{clear:both;}

#curso h4{
    font-size: 17px;
    color: #333;
}

@media (max-width: 767px) {
    footer{position:relative;bottom: 0; width:100%;}
    #menu-col{
        min-height: 0px;
        width: 86px;
        background-color: #000;
        padding: 20px;
        margin-left: 203px;
    }
    #menu-col li{margin-bottom: 10px;}
    #menu-top #options li a:hover{text-decoration: none;}
}



#flotante1 { position:fixed; top:100px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1002; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante2 { position:fixed; top:240px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1003; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante3 { position:fixed; top:380px; right:-250px; float:right; width:288px; display:block; padding:0; z-index:1004; border-radius:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } #flotante1:hover, #flotante2:hover, #flotante3:hover { right:0px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } div.likeboxwrap { margin-top:-5px; margin-left:-45px; width:238px; height:325px; background-color:#fff; overflow:hidden; border-radius:10px; }
.tab-content{
    overflow: hidden;
}

#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
display:none;
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(http://lh5.googleusercontent.com/-luDGEoQ_WZE/T1Ak-gta5MI/AAAAAAAACPI/ojfEGiaNmGw/s60/flecha-arriba.png) no-repeat center center;
}

li .dropdown{margin-right: 15px;}

#contacto a{
    font-size: 18px;
    color: #FFF;
    
}

#trabajos{
    background-color: rgba(255, 255, 255, 0.7);
    padding: 30px 0px;
        font-family: 'voltregular';
    font-size: 18px;
}
.navbar .btn-navbar {
    margin-right: 130px !important;
}
h4{
	color:#3a2a15;
}
#services h4{
	color: #FFF;
}

.new_address{
    background-color: #F00;
    text-align: center;
    color: #FFF;
}
.address {
    color: #FFF;
    font-size: 18px;
}

.media-logo {
    width: 60px;
}