/* Global Styles Livieri */

body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #999;
    scroll-behavior: smooth;
}

body {
    font-family: arial, verdana, helvetica, sans-serif;
}

body.fondo {
  color: #FFF;
  background: url(../img/cielo_celeste.jpg) no-repeat center center fixed;
  /*background-attachment: fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

/* LOAD Ajax */
.AjaxBefore{    
    display: table;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    color: #202020;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.1);
}

.text-AjaxBefore {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* Centrado */
td.texto-centrado {
    text-align: center;
    vertical-align: middle ;
    word-wrap: normal;
}

.jumbotron {
    display: table;
    position: relative;
    width: 100%;
    color: #FFF;
    background-color: #366494;
    padding-bottom: 1px;
    margin: 0px 0px 0px 0px;
    height: 400px;
}

.jumbotronADC {
    display: table;
    position: relative;
    width: 100%;
    color: #FFF;
    background-color: #366494;
    padding-bottom: 1px;
    margin: 0px 0px 0px 0px;
    height: 300px;
}

.jumbotronAdm {
    display: table;
    position: relative;
    width: 100%;
    color: #FFF;
    background-color: #366494;
    padding-bottom: 1px;
    margin: 0px 0px 0px 0px;
    height: 200px;
    background: url(../img/foto_adm.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    opacity: 0.70;
    filter: alpha(opacity=70);

}

.text-jumbotron {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    margin-bottom: 50px;
}

/* Menú Items */
#portadas_m, #clientes_m, #lista_m, #cartelera_m, #home_page, #home_page_clientes, #varios_m, #salir_m, #carrusel_m:hover {
    cursor: pointer;
    cursor: hand;
};

/* RESPONSIVE CSS */

@media (max-width: 768px) {  
    .jumbotron {
        height: 300px;
    }
    .text-jumbotron > h1 {
        color:#000;
    }
}

@media (max-width: 992px) {
    .jumbotron {
       height: 300px;
    }    
    .text-jumbotron > h1 {
        color:#000;
    }
    

}

/* Radius en Botones */
.btn {
  border-radius: 15px;
}
.well {
  border-radius: 15px;
}
/* Thumbnail Home */
.thumbnail_home {
  border-radius: 30px;
  color: #C0C0C0;
  background-color: #366494;
  font-weight: normal;
}

/* Thumbnail Carrusel */
.thumbnail_carrusel {
  border-radius: 30px;
  color: #C0C0C0;
  background-color: #366494;
  font-weight: normal;
  background: url(../img/fondo_carrusel.jpg) no-repeat center center scroll;
  background-size: cover;
}

/* Thumbnail Home Horario y más */
.thumbnail_home2 {
  border-radius: 30px;
  color: #FFF;
  background-color: #008000;
  font-weight: normal;
}

/* Thumbnail Home Horario y más */
.thumbnail_home3 {
  border-radius: 15px;
  color: #FFF;
  background-color: #202020;
  font-weight: normal;
}

.texto_thumbnail_home {
  font-style: italic;
  /*border-style:double;*/
}

/* Div Formulario Contacto*/
#contacto {
  border-radius: 20px;  
}
/* Custom Button Styles */

.btn-dark {
    border-radius: 15px;
    color: #fff;
    background-color: #000;
    opacity: 0.40;
    filter: alpha(opacity=40);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.btn-ADC {
    border-radius: 15px;
    color: #fff;
    background-color: #FF4040;
    opacity: 1;
    filter: alpha(opacity=1);
    margin-bottom: 3em;
    font-size: 1.8em;
}

.btn-ADC:hover,
.btn-ADC:focus,
.btn-ADC:active {
    color: #fff;
    font-weight: bold;
    opacity: 0.85;
    filter: alpha(opacity=85);
}

/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 15%;
    color: #FFF;
    background-color: #366494;
    padding-bottom: 5px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Footer */

.footer {
    display: table;
    position: relative;
    width: 100%;
    height: 40%;
    background-color: #222;
    margin-bottom: -25px;
}

.text-footer {
    color: #FFF;
    display: table-cell;
    text-align: center;
    vertical-align: middle ;

}

/* btn Footer */
.btn-social {
    color: #FFF;
    width: 35px;
    height: 35px;
    padding: 7px 0px;
    font-size: 10px;
    border-radius: 25px;
    margin: 5px 5px 0px 5px
}
.btn-social:hover,
.btn-sccial:focus,
.btn-social:active {
    opacity: 0.80;
    filter: alpha(opacity=80);
}

/* Botón Up en Items (Detalle))*/
#menu-up {
  z-index: 3;
  position: fixed;
  bottom: 0;
  right: 0;
}

.up-buttom {
  margin: 0 5px 5px 0;
}

/* Whatsapp y Teléfono Fijo */
#boton_whatsapp, #boton_tel_fijos {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    right: 0;
    opacity: 0.90;
    filter: alpha(opacity=90);
    overflow: hidden;
}

.boton_whatsapp {
    margin: 0 10px 20px 0;
}

.boton_tel_fijos {
    margin: 0 10px 90px 0;
}

/* Botones Redes Sociales NAV*/
.navbar-nav > li > a.btn-circle,
.navbar-nav > a.btn-circle {
    color: #000;
    width: 35px;
    background-color: #FFF;
    height: 35px;
    padding: 7px 0px;
    font-size: 10px;
    border-radius: 25px;
    margin: 5px 5px 0px 5px;
}
.navbar-nav > li > a.btn-circle:hover,
.navbar-nav > li > a.btn-circle:focus,
.navbar-nav > li > a.btn-circle:active {
    color: #000;
    width: 35px;
    background-color: #CCC;
    height: 35px;
    padding: 7px 0px;
    font-size: 10px;
    border-radius: 25px;
    margin: 5px 5px 0px 5px;
    opacity: 0.80;
    filter: alpha(opacity=80);
}

/* Marca */
.marca {
    border-radius: 15px;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease; /* Firefox */
    -webkit-transition: 0.5s ease; /* Chrome - Safari */
    -o-transition: 0.5s ease; /* Opera */
}
.marca:hover {
    transform : scale(1.05);
    -moz-transform : scale(1.05); /* Firefox */
    -webkit-transform : scale(1.05); /* Chrome - Safari */
    -o-transform : scale(1.05); /* Opera */
}