h4 {font-size:1.2em;}
.barridoazul {background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(5,30,83,1), rgba(5,30,83,1), rgba(5,30,83,1), rgba(255,0,0,0));}
.barridomorado {background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(89,0,89,1), rgba(89,0,89,1), rgba(89,0,89,1), rgba(255,0,0,0));}
@charset "utf-8";
/* CSS Document */
.botonencuesta {background-color:#000000; color:#FFF !important; padding:8px; border-radius:4px;}
.botonencuesta:link, {text-decoration:none;}
.botonencuesta:hover {background-color:#069; box-shadow:0px 2px 5px #000000;} 

.botonencuesta2 {background-color:#036; color:#FFF !important; padding:8px; border-radius:4px;}
.botonencuesta2:link, {text-decoration:none;}
.botonencuesta2:hover {background-color:#069; box-shadow:0px 2px 5px #000000;} 

.botonencuesta3 {background-color:#066; color:#FFF !important; padding:8px; border-radius:4px;}
.botonencuesta3:link, {text-decoration:none;}
.botonencuesta3:hover {background-color:#069; box-shadow:0px 2px 5px #000000;} 


.banner {width:100%; height:auto;
background-color:#D2FFFF;
/*background-image:url('../../Coloquio_logo150px.png'); */
background-image:url('../../imagenes/banner1800.png');
 background-repeat: no-repeat !important;
  background-position: center center !important;
	  background-size:auto;
	 -webkit-background-size: 90% !important;
    -moz-background-size: 90% !important;
    -o-background-size: 90% !important;
margin-left:auto; margin-right:auto;
}
.bannernube {width:80%; height:325px;
/*background-image:url('../../Coloquio_logo150px.png'); 
background-image:url('../../imagenes/nube.png');*/
 background-repeat: no-repeat !important;
  background-position: center center !important;
	  background-size:auto;
	 -webkit-background-size: 80% !important;
    -moz-background-size: 80% !important;
    -o-background-size: 80% !important;
margin-left:auto; margin-right:auto;
}
.margenarriba { margin-top:-10px; 
background: linear-gradient(90deg, 
	rgba(0,0,0,0) 0%,
	rgba(2,8,22,0) 10%,
	rgba(89,0,89,0.3841737378545168) 20%,
	rgba(89,0,89,1) 50%,
	rgba(89,0,89,0.38977597875087533) 80%,
	rgba(2,8,22,0) 90%,
	rgba(0,0,0,0) 100%);  }

.gradientefechax {background: linear-gradient(to left, rgba(0,0,0,0) 10%, #395684 50%, rgba(0,0,0,0)  90%);}
.margenabajo { margin-top:10px;}
.ajusta90 { width:70%; margin:auto; margin-top:16px:}
.responsive {
  width: 40%;
  height: auto;}

body { 
 	 
  /* Aquí el origen de la imagen */
 
  /* Fijar la imagen de fondo este vertical y
    horizontalmente y centrado */
  background-position: center center;
  /* Esta imagen no debe de repetirse */
  background-repeat: no-repeat;
  /* COn esta regla fijamos la imagen en la pantalla. */
  background-attachment: fixed;
  /* La imagen ocupa el 100% y se reescala */
  background-size: cover;
  /* Damos un color de fondo mientras la imagen está cargando  */
  background-color: #e1e1e2; background-image: linear-gradient(#93c3e4, #7eb1d4, #6a9bbc, #3c6e8f); 
 background-image:url('../../imagenes/bg_5.png');
   background-size: cover;
   font-size:1.0em;
}
.logitos {width:3%; height:auto;}
@media only screen and (max-width: 768px) {
  body {
  background-color: #e1e1e2; 
 background-image:url('../../imagenes/bg_5.png');
   background-size: cover;
  }
.margenarriba { margin-top:-10px; background-color:#091d4b; 
} 
#div_izquierdo {
        display: none;
    } 
}
@media only screen and (max-width: 600px) {
.ajusta90 { width:100%; margin-right:auto;}
.logitos {width:1%; height:auto;}
}

	 
.titulo {font-family: 'Questrial', sans-serif; text-shadow:1px 1px 1px #006; font-size:1.7em; color:#ffffff;}
.titulofecha {color:#069; text-shadow:1px 1px 1px #003366; padding:10px;}
.numero {font-family: 'Abril Fatface', cursive; font-size:1.8em;}
.numeroch {font-family: 'Abril Fatface', cursive; font-size:1.6em;}
.superindice{font-size:0.6em; }
.redondeado { border-radius:8px; padding:10px; box-shadow:0px 1px 8px #666666;}
.fondoder{ background-image: linear-gradient(#c0e8f9, #ddf1fa, #c0e8f9); min-height:150px; } 
.fondoizq{ background-image: linear-gradient(#c0e8f9, #ddf1fa, #c0e8f9); min-height:150px} 
.divespacio {width:20px:}
.divimagen {width:100px;}
.imgredodenda { border-radius:50%;}
.centratodo {margin-right:auto; margin-left:auto;}
.boton:hover {
	background-color:#F90; border-radius: 50%;}
.topnav {
  overflow: hidden;
  background-color: #590059;
}
.cuadroabajo, .cuadroabajo2, .cuadroabajo3, .cuadroabajo4 {
	border-radius:10px; min-width:130px; max-width:150px; min-height:120px; max-height:160px; padding:5px;  
  border: 2px solid #63C; background-color:#d5d5d6; opacity:0.8; box-shadow:1px 3px 6px #000; 

  
  transition:1.2s;
  display: flex;
  justify-content: center;  /* Centrado horizontal */
  align-items: center;      /* Centrado vertical */
  height: 100vh;            /* Ocupa toda la altura de la pantalla */

 }
/* .cuadroabajo:hover {background-color:#23536e;} 
.cuadroabajo2 {border-radius:10px; min-width:130px; max-width:150; padding:5px;  
  border: 1px solid #F60 ; background-color:#bbcfe4;
 }
.cuadroabajo2:hover {background-color:#eb8812;} 
.cuadroabajo3 {border-radius:10px; min-width:130px; max-width:150; padding:5px;  
  border: 1px solid #F60 ; background-color:#8cb2cd;
 }
.cuadroabajo3:hover {background-color:#6998ba;} 
.cuadroabajo4 {border-radius:10px; min-width:130px; max-width:150; padding:5px;  
  border: 1px solid #F60; background-color:#fbfcfd;
 }*/
.cuadroabajo:hover, .cuadroabajo2:hover, .cuadroabajo3:hover, .cuadroabajo4:hover {
  border: 1px solid #000000;
  background-color:#7934a8; transition:1.2s; background-image:url(../../imagenes/fondogradientenegro22.png); background-repeat:inherit;
 }
.divinfo {width:90%; border-radius:4px; box-shadow:0px 2px 6px #000066; margin-left:auto; margin-right:auto; padding:10px; margin-top:30px; padding-top:20px;; /*background-image:url(../../imagenes/nube.png)*/; }
.divinfosinfondo {width:90%; border-radius:4px; box-shadow:0px 2px 6px #000066; margin-left:auto; margin-right:auto; padding:10px; margin-top:10px; background-color:#096; opacity:0.5;}
.contenedorflex{
		width:100%;
    display:flex;
	margin:auto;
    justify-content: space-around;
 padding-top:20px; padding-bottom:20px !important;
	/*background-image:url(../../imagenes/lineas_80.png); background-image:url(../../imagenes/fondogradientenegro22.png);*/

	}
.footer {
        text-align: center;
        font-family: sans-serif;
        color: whitesmoke;
         margin:auto;
        bottom: 0;
        position:fixed; 
    }
	/* *************************************** */
.tituloresponsive {font-size:1.5em; font-family:"Times New Roman", Times, serif; background-color:#7934a8; color:#FFF; padding:8px;}	
	@media (max-width: 600px) and (orientation: portrait) {
.tituloresponsive {font-size:0.9em; font-family:"Times New Roman", Times, serif; background-color:#5a025a:; color:#FFF}	
.secciones { width:48%; height:auto;}		
.cuadroabajo, .cuadroabajo2, .cuadroabajo3, .cuadroabajo4 {
	border-radius:10px; min-width:90%; min-height:75px; padding:5px;  
  border: 2px solid #63C; 
  /*background-color:#7934a8; box-shadow:1px 3px 6px #000; */

  display: flex;
  justify-content: center;  /* Centrado horizontal */
  align-items: center;      /* Centrado vertical */
  height: 100vh;            /* Ocupa toda la altura de la pantalla */

 }		
  .topnav a { display: none; }
  .topnav a.icon {
    float: right;
    display: block;
  }

  .topnav.responsive {
    position: relative;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
}