.controles_slide {
    position: absolute;
    top: 15px;
    width: 100%;
    text-align: center;
}

.controles_slide a{
    color: #ccc !important;
    font-size: 20px;
    padding: 10px;
}

.controles_slide a.activo {
    color: #fff !important;
}

.redes_cabecero a:hover{color:#fff; text-decoration: underline!important;}
.redes_cabecero a:focus{color:#fff; text-decoration: underline!important;}
.bot_reserva:hover {    color: #566782;    background-color: #fff;}
.bot_reserva:focus {    color: #566782;    background-color: #fff;}

#zona_menu{  padding-top: 20px; border-top:1px solid #666!important;}
#zona_menu li {  color:#FFF; text-transform: uppercase; font-size:14px;}
#zona_menu li a {  color:#fff;}
#zona_menu li a:hover{ color:#4e566b;  background-color: #fff;}
#zona_menu li a:active{  color:#4e566b; background-color: #fff; }
#zona_menu li a:focus{  color:#4e566b; background-color: #fff; }
.nav > li > a {    display: block;    padding: 10px 21px;}

.destacado_tel a{  padding-top:3px; color:#fff; padding-left: 5px; padding-right: 5px; }
.destacado_tel a:hover{ color:#4e566b; background-color: #fff;}
.destacado_tel a:focus{ color:#4e566b; background-color: #fff;}




.fondo_cabecero{ background-color: #333;}

.banner_cabecero {
    background-image: url("../img/cabecero_zascandil.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom:250px;
    padding-top:400px;
}

.titular_web {

    color: #fff;
    font-family: 'lorabold';
    font-size: 55px;
    line-height: 115%;
    padding-bottom: 20px;
    text-shadow: -1px 0 #000 , 1px 0 #000 , 0 1px #000 , 0 -1px #000;
    text-align: center;


}
.subtitular_web {
    font-family: 'work_sansmedium';
    color: #fff;
    font-size: 18px;
    line-height: 130%;
    padding-bottom: 20px;
    text-shadow: -1px 0 #000 , 1px 0 #000 , 0 1px #000 , 0 -1px #000;
    text-align: center;
}

.zona_bot a{
    color: #4e566b;
}

.zona_bot a:hover{
    background-color: #4e566b;
    color: #ffffff;
}


.bloque_reserva{ background-color: #4e566b; border: 3px solid #fff; padding: 30px 20px; margin-top: -50px; position: relative; z-index: 1;}

.reserva{color:#fff; font-size: 26px;  font-family: 'work_sansbold'; text-transform: uppercase; }
.boton_res a{ background-color: #fff; color:#4e566b; padding: 5px 20px; font-size:15px;  font-family: 'work_sanssemibold'; letter-spacing: 1px; text-transform: uppercase; display: inline-block;
              border-radius: 0px !important;
              -ms-border-radius: 0px !important;
              -moz-border-radius: 0px !important;
              -webkit-border-radius: 0px !important;
              -khtml-border-radius: 0px !important;}

.boton_res{  text-align: right;}

.sobre_rayas{text-align: center;}
.sobretitular {
    font-size:17px;  font-family: 'work_sanssemibold'; letter-spacing: 2px; text-transform: uppercase;
    color:#4e566b;
    position: relative;
    padding: 0 16px;
    display: inline-block;
    text-align: center;

}


.sobretitular::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #9fc4ce;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.sobretitular::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #9fc4ce;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 0;
}
.titular_bloque{
    font-size:52px;
    font-family: 'loraregular';
    color: #000;
    text-align: center;
    margin-bottom: 30px;
}
.sinopsis_bloque{
    font-family: 'work_sanslight';
    text-align: center;
}
.areas{ margin-bottom: 40px;}
.areas h3{
    display: block;
    text-align: center;
    text-transform: uppercase;
    color:#4e566b;

    margin: 0px;
    font-family: 'work_sanssemibold';
    font-size: 16px;
    letter-spacing: 2px;
}
.areas  .tit { color:#fff;  background-color:#4e566b; text-transform: uppercase;font-size: 20px;   font-family: 'work_sansbold';
                 padding: 15px 8px;  display: block;  }
/*areas a:hover .tit {    background-color: #313744; }*/

.areas figure img{      width: 100%;
                        /* Aumentamos la anchura y altura durante 2 segundos */
                        transition: width 2s, height 2s, transform 2s;
                        -moz-transition: width 2s, height 2s, -moz-transform 2s;
                        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
                        -o-transition: width 2s, height 2s,-o-transform 2s;
}
.areas a:hover figure img{     filter:grayscale(100%);    }




.banner_gastrobar {
    background-image: url("../img/gastrobar.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;

}

.zona_texto_gas{background:rgba(0,0,0,0.7); padding: 5% 7%;}

.titular_gas{
    font-size:52px;
    font-family: 'loraregular';
    color: #fff;
    margin-bottom: 30px;
    line-height: 115%;
    text-shadow: -1px 0 #000 , 1px 0 #000 , 0 1px #000 , 0 -1px #000;
}
.sinopsis_gas{  font-family: 'work_sanslight';   color:#eee;}


.bot_azul{ color:#fff;  background-color:#737E9A; padding: 5px 20px; font-size:15px;
           font-family: 'work_sanssemibold'; letter-spacing: 1px; text-transform: uppercase; display: inline-block;
           margin-top: 30px;
           border-radius: 0px !important;
           -ms-border-radius: 0px !important;
           -moz-border-radius: 0px !important;
           -webkit-border-radius: 0px !important;
           -khtml-border-radius: 0px !important;
}
.bot_azul:hover{ color:#4e566b!important; background-color: #fff; }
.bloque_texto_gastro .bot_azul{ color:#000;  background-color:#fff;}
.bloque_texto_gastro .bot_azul:hover{ color:#313744;  background-color:#fff;}
.bloque_texto_gastro .bot_azul:focus{ color:#313744;  background-color:#fff;}

.platos_recomendados{margin-bottom: 40px;}
.platos_recomendados  a h3{
    text-align: center;
    margin: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    color:#000;
    font-family: 'work_sansregular';
    font-size: 17px;
}

.platos_recomendados a figure {    overflow:hidden;}
.platos_recomendados a figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}
.platos_recomendados a:hover figure img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    overflow:hidden;
}
.platos_recomendados a:hover figure { overflow:hidden;}
.platos_recomendados a:hover h3{ background-color: #efefef;}



.fondo_pez_izq{
    background-image: url("../img/peces_izq.png");
    background-position: left top;
    background-repeat: no-repeat;
}

.fondo_pez_dcha{
    background-image: url("../img/peces_dcha.png");
    background-position:right top;
    background-repeat: no-repeat;
}

.fondo_peces{
    background-image: url("../img/fondo_peces.jpg");
    background-repeat: repeat;
    padding: 50px 0px;

}

.int_bloq{ background-color: #fff;
           position:relative;
           -webkit-box-shadow: 0px 0px 30px #ccc, 0 0 1px #CCC inset;
           -moz-box-shadow: 0px 0px 30px #ccc, 0 0 1px #CCC inset;
           box-shadow: 0px 0px 30px #ccc, 0 0 1px #CCC inset;
}
.bloque_not{margin-bottom: 40px;}
.zona_datos{ padding: 15px;}
.zona_datos h3 { line-height: 100%; }
.zona_datos h3 { color:#000; font-size: 17px; margin-bottom: 20px;   font-family: 'work_sansregular';}
.bloque_not:hover  .int_bloq{  -webkit-box-shadow: 0px 0px 30px #666, 0 0 1px #ccc inset;
                               -moz-box-shadow: 0px 0px 30px #666, 0 0 1px #ccc inset;
                               box-shadow: 0px 0px 30px #666, 0 0 1px #ccc inset;
}
.bloque_not:hover  figure{ overflow: hidden;}
.bloque_not:hover  figure img{
    -webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
        -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.bloque_not:hover figure img {
	-webkit-transform: rotate(2deg) scale(1.1);
	transform: rotate(2deg) scale(1.1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zona_datos .fecha{font-size: 13px; color:#fff; background-color:#4e566b; padding: 5px 10px; display: inline-block;  margin-bottom: 8px;}
.zona_datos p{font-size: 14px;  font-family: 'work_sanslight'; color:#000;}
.mas{ padding-top: 10px;}
.info_not { font-size: 13px;   color:#4e566b; letter-spacing: 1px;   font-family: 'work_sansregular';}
.btn_transp{ border-color:#4e566b; background-color:transparent; color:#4e566b; text-transform: uppercase;}
.btn_transp:hover{ border-color:#fff; background-color:#4e566b; color:#fff; }


footer {       margin-top: 0px;}

/** SLIDE **/
#slide_index{ z-index: 0;}
.carousel-inner { /*height: 850px;*/ z-index: -1;}
.carousel-inner .item a img{ width: 100%; }
.texto_banner {
    height: 360px;
    padding: 25% 16% 0% 16%;
    position: absolute;
    text-align: center;
    left: 0%;
    top: 0%;
    width: 100%;
}


/* RESERVAS */
#modal_rsv { top: 50px; padding-top: 25px; }

#f_rsv .modal-header h3, .modal-header h4 { color: #fff; font-weight: bold;  font-family: 'work_sansbold'; text-transform: uppercase; letter-spacing: 2px;  }

#modal_rsv .modal-body{ background-color: white; }
#modal_rsv .modal-body .container{ width: auto !important; }
#modal_rsv .modal-content { border: 0px; border-radius: 0px; box-shadow: none; }
#modal_rsv .bloque_reserva { padding: 0px; border: 0px; }
#modal_rsv .modal-footer{ border-top: none; }

#modal_rsv .bot_env {
    background-color:#414756;
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 14px !important;
    padding: 8px 30px;
    text-transform: uppercase;
    border: none;
}
#modal_rsv .bot_env:hover {
    background-color: #5C6681;
    color: #ffffff;
}

#modal_rsv .bot_cancel {
    background-color:#fff;
    color:#4e566b;
    letter-spacing: 2px;
    font-size: 14px !important;
    padding: 8px 30px;
    text-transform: uppercase;
    border: none;
}

#modal_rsv .bot_cancel:hover {
    background-color: #5C6681;
    color: #ffffff;
}

.display_none{ display: none; }

/* Datepicker con el modal */
.datepicker-dropdown{ z-index: 1100 !important; }


@media only screen and (min-width: 960px) and (max-width: 1300px) {

    .fondo_pez_izq{    background-image: url("../img/peces_izq_p.png");  }
    .fondo_pez_dcha{    background-image: url("../img/peces_dcha_p.png");  }

    .texto_banner{ padding: 16% 16% 0% 16%; }
}


@media only screen and (max-width: 959px) {

    .fondo_pez_izq{    background-image: url("../img/peces_izq_p.png");  }
    .fondo_pez_dcha{    background-image: url("../img/peces_dcha_p.png");  }

    .texto_banner{ padding: 16% 16% 0% 16%; }
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
    .fondo_pez_izq{    background-image: url("../img/peces_izq_p.png");  }
    .fondo_pez_dcha{    background-image: url("../img/peces_dcha_p.png");  }

    .titular_web{ font-size: 35px;}
    .banner_cabecero {     padding-bottom: 20px;    padding-top: 150px;}
    .bloque_reserva{ margin-top: -10px; padding: 15px; }
    .reserva{font-size: 20px;  line-height: 100%; padding-bottom: 10px;}

    .boton_res a {       padding: 3px 15px;    font-size: 13px;}

    .texto_banner{ padding: 16% 16% 0% 16%; }

}



@media only screen and (max-width: 767px) {
    .fondo_pez_izq{    background-image: none;  }
    .fondo_pez_dcha{    background-image: none;  }

    .texto_banner{ padding: 16% 16% 0% 16%; }

}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .fondo_pez_izq{    background-image: none;  }
    .fondo_pez_dcha{    background-image: none;  }
    .titular_web{ font-size: 24px;}
    .banner_cabecero {     padding-bottom: 20px;    padding-top: 100px;}
    .bloque_reserva{ margin-top: -10px; text-align: center!important; padding: 15px;}
    .reserva{font-size: 16px; text-align: center; line-height: 100%; padding-bottom: 10px;}
    .boton_res {    text-align: center;}
    .boton_res a {       padding: 3px 15px;    font-size: 13px;}

    .texto_banner{ padding: 16% 16% 0% 16%; }

}



@media only screen and (max-width: 479px) {
    .fondo_pez_izq{    background-image: none;  }
    .fondo_pez_dcha{    background-image: none;  }

    .titular_web{ font-size: 21px;}
    .banner_cabecero {     padding-bottom: 20px;    padding-top: 100px;}
    .bloque_reserva{ margin-top: -10px; text-align: center!important; padding: 20px 8px;}
    .reserva{font-size: 16px; text-align: center; line-height: 100%; padding-bottom: 10px;}
    .boton_res {    text-align: center;}
    .boton_res a {       padding: 3px 15px;    font-size: 13px;}

    .titular_bloque{ font-size: 31px; }
    .texto_banner{ padding: 16% 16% 0% 16%; }


}