/* ******************************************************************************************************************************************* */
/* Fichero propio personalizado de stylos                                                                                                      */
/* ******************************************************************************************************************************************* */
*{
  margin: 0px;
  padding: 0px;
}

/* 
h1 {
text-align: center;
color: white;
font-size: 4em;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
/* ---------------------------------------------------------------------------------------------------------------------------------- 

body {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-color: black;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 8px;
 
}
 --------No se usa actualmente ------------------------------------------------- */
                  #Inicio-Section-old {
                    background: url('../imgs/Fondo01.png') no-repeat;  
                    background-attachment: fixed;
                    background-position: center;
                    background-size: cover;
                  }

#Emojis-Section{
  background-color:#154d66; 
}
/* ----------------------------------------------------------------------------- */
#Inicio-Section {
  height: 100vh;
  background-image: url('../imgs/Fondo01.jpg');
  background-size: cover;
  background-repeat:no-repeat;
  background-position: center center;
}
/* ------------------------------------------------------------------------------ */


/* -------------------------- Fondo Azul ------------------------------------------------------------ */
  .FondoAzul {  background-color:#154d66;   }
/* -------------------------- Fondo Rojo ------------------------------------------------------------ */
  .FondoRojo {  background-color:#b02e2c;   }
/* -------------------------- Fondo Verde ------------------------------------------------------------ */
 .FondoVerde {  background-color:#0B6121;   }
/* -------------------------- Fondo Amarillo ------------------------------------------------------------ */
.FondoAmarillo {  background-color:rgb(236, 250, 185);  }
/* -------------------------- Fondo Blanco ------------------------------------------------------------ */
.FondoBlanco {  background-color:white;   }
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

.navbar {
  /* border-bottom: #c0392b 3px solid;              linea roja inferior a menu superior  */
  opacity: 1.10;
}

/* Oscurece el fondo ------------------------- */
.dark-overlay1 {
  background-color: rgba(190, 142, 10, 0.3); 
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%; */ 
}
/* ------------------------------------------- */

/* Oscurece el fondo ------------------------- */
.dark-overlay {
  /* background-color: rgba(0, 0, 0, .7); */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
/* ------------------------------------------- */
/* Centra el contenido------------------------ */
.Centrador {
  position: center;  
  top: 0;
  left: 10;
  width: 100%;
  min-height: 100%;
}
/* ------------------------------------------- */

.izq10 {margin-left: 15%; }
.izq40 {margin-left: 30px; }
.Dch10 {margin-right: 10px; }

.m20 { margin: 20px; }
.m40 { margin: 40px; }

.Filas1 { padding-top: 1px; }
.Filas2 { padding-top: 2px; }
.Filas3 { padding-top: 3px; }
.Filas4 { padding-top: 4px; }
.Filas5 { padding-top: 5px; }
.Filas10 { padding-top: 10px; }
.Filas15 { padding-top: 15px; }
.Filas20 { padding-top: 20px; }
.Filas25 { padding-top: 25px; }
.Filas30 { padding-top: 30px; }
.Filas35 { padding-top: 35px; }
.Filas40 { padding-top: 40px; }
.Filas45 { padding-top: 45px; }
.Filas50 { padding-top: 50px; }
.Filas55 { padding-top: 55px; }
.Filas60 { padding-top: 60px; }
.Filas65 { padding-top: 65px; }
.Filas70 { padding-top: 70px; }
.Filas75 { padding-top: 75px; }
.Filas80 { padding-top: 80px; }
.Filas100 { padding-top: 100px; }
.Filas110 { padding-top: 110px; }
.Filas120 { padding-top: 120px; }
.Filas130 { padding-top: 130px; }
.Filas140 { padding-top: 140px; }
.Filas150 { padding-top: 150px; }
.Filas170 { padding-top: 170px; }
.Filas200 { padding-top: 200px; }

/* ------------------------------------------------------------------- */

@media (max-width: 992px) { .Filas100 { padding-top: 100px;  } }
@media (max-width: 992px) { .Filas150 { padding-top: 150px;  } }
@media (max-width: 992px) { .Filas200 { padding-top: 200px;  } }

/* ------------------------------------------------------------------- */

.notificiaciones{
  width: 300px;
  height: 50px;
  background-color: #fff6d9;
  border-radius: 10px;
}

.notificiacion{
  line-height: 3em;
}

.notificiacion img{
  float: left;
  margin-top: 3%;
  margin-left: 3%;
  margin-right: 4%;
}

/* ************* RECUADROS ***************************************************************************************************** */
 #recuadro920{
  box-shadow: 30px 30px 30px rgba(245,244,244,0.3);                        /* grueso de la sombra              */
  border-radius: 5px;                                                        /* curva del rectangulo             */
  text-align: justify;                                                       /* Alineacion del texto             */
  background-color:rgb(0, 64, 64);                                         /* Color de Fondo                   */ 
  width:920px;                                                               /* Ancho del rectangulo             */ 
  height: 580px;                                                             /* Alto del recuadro */
  padding:15px;                                                              /* margen entre recuadro y texto    */
 }

/* ****

/* -- Titulo con sombra --------------------------- */
#titulo2 {
  text-shadow: -5px -5px 5px #aaa;
}
/* ------------------------------------------------ */

/* --- Trabajar con Tablas ------------------------ */
caption
{
  font-family:arial;
  font-size:15px;
  text-align: center;
  margin: 0px;
  font-weight: bold;
  padding:10px;
}

table
{
 
  border:"1";
  border-collapse: collapse;
  color: "#111111" ;
  width:"500";
 
  
 /*  border-collapse: collapse;   */
}

th
{
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0.5em;
  background-color:#6495ed;
}

thead th
{
  background-color: #A9CDCC;    /* #A9CDCC */
  color: #800000;                  /* #FFF    */
  font-size:15px;
}

thead td
{
  background-color: #A9CDCC;    /* #A9CDCC */
  color: #800000;                  /* #FFF    */
  font-size:13px
}

tbody th
{
  font-family:arial;
  font-weight: normal;
  background-color: #6495ed;
  color:#ff0;
}

td 
{
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0.5em;
  background-color:#82b68a;
  width:500px;
}  

/* ----------------------------------------------- */

a.mouseover:link, a.mouseover:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#d2c951;
background-image:url(images/button_off.jpg);
display:block;
text-decoration:none;
font-weight:bold;
height:20px;
padding-top:5px;
}

a.mouseover:hover, a.mouseover:focus, a.mouseover:active {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#d2c951;
background-image:url(images/button_on.jpg);
display:block;
text-decoration:none;
font-weight:bold;
height:20px;
padding-top:5px;
}
a.link:link, a.link:active, a.link:visited {
font:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:underline;
color:#d2c951;
}
a.link:hover {
font:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
color:#d2c951;
}

/* -------------------------------------------------------------------- */

#div1 {
  overflow:auto;           /* scroll;   */
  height:500px;
  width:960px;
}

#div1 table {
  width:960px;
  background-color:lightgray;
}


button {
  font: 700 1em Tahoma, Arial, Verdana, sans-serif;
  color: #fff; background-color: #59B0E5;
  border: 1px solid #0074a5;
  border-top: 1px solid #004370;
  border-left: 1px solid #004370;
  cursor: pointer;
}

button {
  width: auto; /* ie */
  overflow: visible; /* ie */
  padding: 3px 8px 2px 6px; /* ie */
}

button[type] {
  padding: 4px 8px 4px 6px; /* firefox */
}

/* ------------------------------------------------------ *-
/* Zoom  en una imagen al pasar el cursor por encima */

.zoom{
       
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width .8s, height .8s, transform .8s;
        -moz-transition: width .8s, height .8s, -moz-transform .8s;
        -webkit-transition: width .8s, height .8s, -webkit-transform .8s;
        -o-transition: width .8s, height .8s,-o-transform .8s;
    }
    .zoom:hover{

        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.2);
        -moz-transform : scale(1.2);      /* Firefox */
        -webkit-transform : scale(1.2);   /* Chrome - Safari */
        -o-transform : scale(1.2);        /* Opera */
        
}
/* ------------------------------------------------------- */
.header{
  /* background: #333;         /* Fondo del backgound */  
  /* color: white;             /* Color de texto - blanco */
  position: fixed; ;          /* fija el header para que no se mueva */
  left: 0;                  /* indicamos las posiciones de fijarlo  */
  top: 0;
  width: 100%;
  padding: 0px;
  }


*{
  margin: 0px;
  padding: 0px;

}
footer{
  width: 100%;
  height: 50px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* Fuentes ---------------------------------------------------------------------------------------------------------------------------------------- */
/* Ejemplo de utilizacion fuentes                   <div class="fuente-8" >                                                                         */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

.fuente-8 {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;                      /* bold = negrita    normal = normal   */
  line-height: 1.7;                       /* anchura entre lineas de texto   */
  color: rgb(221, 151, 22); 
  font-size: 1.7em;
}


.fuente-12 {                          /* como la 11 pero alineada a la derecha */
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: white ;
  font-size: 18px;
  float: right;                       /* Alinea a la derecha */
  }

.fuente-13 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: italic;
  line-height: 1.2;
  color: white;
  font-size: 12px;
}

.fuente-14 {
  font-family: ‘Joyeusequot’; 
  font-weight: 500;
  line-height: 1.2;
  color: rgb(236, 211, 68); 
  font-size: 18px;
}

.fuente-15 {
  font-family: 'Calibri'; 
  font-weight: 500;
  line-height: 1.2;
  color: rgb(221, 151, 22); 
  font-size: 30px;
}

.fuente-16 {                          /* como la 11 pero alineada a la derecha */
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: white ;
  font-size: 50px;
  float: right;                       /* Alinea a la derecha */
}


.fuente-17 {
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-style: italic;
  line-height: 1.2;
  color: white;
  font-size: 15px;
    
}


.fuente-70 {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: white;
  font-size:70px;
}

/* Fuente 70 relativa en tamaño ----------------- */
.fuente-70R {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: white;
  font-size:70px;
}
@media (max-width: 1319px) {  .fuente-70R { font-size: 50px; }  }
@media (max-width: 938px)  {  .fuente-70R { font-size: 30px; }  }
@media (max-width: 567px)  {  .fuente-70R { font-size: 20px; }  }
@media (max-width: 376px)  {  .fuente-70R { font-size: 15px; }  }

/* ------------------------------------------------ */





.fuente-50 {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: Black;
  font-size:50px;
  text-align:center;  
}


.fuente-30 {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: white;
  font-size:30px;
  text-align:center; 
}

.fuente-20 {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: white;
  font-size:20px;
  text-align:center; 
}

.fuente-15 {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: white;
  font-size:15px;
  /* text-align:center;    */
}

.fuente-16 {
  font-family:'Cardium',Arial, Helvetica, sans-serif;
  color: white;
  font-size:15px;
  text-align:center;   
}



/* fuente  ----------------------------------------- */

@font-face {            /* Mi fuente  --------------------------------------- */
  font-family:‘Cardium’; 
  src:url("fonts/Cardium A Regular.otf");
  font-weight:normal;
  font-style:normal;
}





/* ------------ FIN DE FUENTES ------------------------------------------------------------------------------------------------------------------- */
.carousel-caption {
  position: relative;
  left: auto;
  right: auto;
}

/* --------------------------------------------------------------------- */
/*       Originalmente era asi 
@media screen and (max-width:576px){
  img {
  max-width:150px;
  }

}
------------------------------------------------------------- */
@media screen and (max-width:400px){
  img {
  max-width:150px;
  }

}
/* -----------------------------------------------------------------------------------------------------------------------  */
/* Texto encima de imagen ------------------ */ 

.contenedor{
  position: relative;
  display: inline-block;
  text-align: right;
}

.texto-encima{
  position: absolute;
  top: 50px;                                /* 10px */
  left: 10px;
}
.centrado{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ---------------------------------------------------------------- */

iframe {
  width: 500px;
  height: 600px;
}

/* ---------------------------------------------------------------- */

/* ---- Iframe Responsive ----------------------------------------- */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.embed-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ------------------------------------------------------------------ */