Common.css

Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

• Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
• Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
• Opera: dirígete a Menú → Configuración (Opera → Preferencias en Mac) y luego a Privacidad y seguridad → Borrar datos de navegación → Imágenes y archivos en caché.

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */




/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation *  { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif  }

/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
    height: 1.5em;
    position:relative;
    bottom:0.1em
}

/* Triangle position patch */
#personal h2::after {
   position: relative;
   bottom: 0.5em;
}





/*----------- CAJA ----------- */
.titulocaja { 
font-family:  Helvetica Neue,sans-serif; 
color: #ffffff; 
font-size: 16px; 
font-weight: 700; 
text-align: center; 
background: #ff7c00; 
margin: 0 0 0px; 
overflow: hidden; 
padding: 3px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
}
.caja { 
font-family:  Helvetica Neue, sans-serif; 
color: #000000; 
font-size: 14px; 
text-align: left; 
background: #ffffff; 
margin: 5px 5px 15px 5px; 
overflow: hidden; 
padding: 0px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
/*border: 2px solid #5878ca; */
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
min-width: 30px;

}
.contenidocaja { 
font-family:  Helvetica Neue ,sans-serif; 
color: #000000; 
font-size: 14px; 
text-align: left; 
background: #ffffff; 
overflow: hidden; 
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;


}

/*----------- FICHA ----------- */
.tituloficha { 
font-family:  Helvetica Neue,sans-serif; 
color: #ffffff; 
font-size: 14px; 
font-weight: 700; 
text-align: center; 
background: #0800ff; 
margin: 0 0 0px; 
overflow: hidden; 
padding: 3px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
}
.ficha { 
font-family:  Helvetica Neue, sans-serif; 
color: #000000; 
font-size: 13px; 
text-align: left; 
background: #8cf1ff; 
margin: 20px 20px 20px; 
overflow: hidden; 
padding: 0px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
/*border: 2px solid #5878ca; */
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
 width: 320px;
 float: right;

}
.contenidoficha { 
font-family:  Helvetica Neue ,sans-serif; 
color: #000000; 
font-size: 13px; 
text-align: left; 
background: #8cf1ff; 
overflow: hidden; 
padding: 10px 10px; 
}


.encabezado { 
font-family:  Helvetica Neue, sans-serif; 
color: #000000; 
font-size: 14px; 
line-height : 30px;
text-align: center; 
background: #F3DA0B; 
margin: 35px 35px 35px; 
overflow: hidden; 
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
/*border: 2px solid #5878ca; */
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
width: 440px;
margin-left: auto;
margin-right: auto;

}
.fila { 
 clear: none;
 width: 100%;
 min-width: 30px;
 position: static;
 display: flex;
 flex-direction: row;

}


#contenedor {
 width: 100%;
min-width: 30px;
 clear: none;
}

#columnaderecha {
 width: 49%;  /* Este será el ancho que tendrá tu columna */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
}

#columnaizquierda {
 width: 49%;
 float: left;
}



@media screen and (max-width:700px) {
  #columnaderecha {
 width: 100%;  /* Este será el ancho que tendrá tu columna */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
  }
  #columnaizquierda {
 width: 100%;  /* Este será el ancho que tendrá tu columna */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
  }
  .encabezado { 
  	width: 85%;
  	float: inherit;
	margin-left: 50;
	margin-right: 50;
  }
  
  
}