/* ESTILOS NORMALES (para móviles en vertical)
   ========================================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
#middle h1 a {
 color:#6a1204;
 text-align:center;
}

/**************PAGINA PREVIA***************************/
#middle a.tramites {
	background:#FFD073;
	border:1px solid #FFBF40;
}
#middle a.tramites:hover {
	background:#FFAA00;
}
#middle a.tramites,
#middle a.informacion {
	padding:20px;
	font-size:110%;
	margin:20px 5px;
	display:block;
	flex: 1 1 44%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	line-height:2rem;
	box-shadow:5px 5px 5px #aaa;
	text-decoration: none;
}
#middle a.informacion {
	background:#BBB;
	border:1px solid #ccc;
}
#middle a.informacion:hover {
	background:#aaa;
}

/**************************************************************/
#middle a {
	color:#333;
}
ul {
	list-style:none;
}

abbr {
	text-decoration: none;
}

table {
	width:100%;
	margin:20px 0;
}

ul.actualidad,
p.aviso {
	padding:10px;
	background:#ddd;
	border-top:2px dotted #bbb;
	border-bottom:2px dotted #bbb;
	margin:0 0 20px 0;
}

p.aviso::before {
	content:' \2757 ';
	background-color:#2e1200;
	padding: 2px 20px;
	color:#fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
ul.actualidad li,
ul.actualidad li:last-child {
	background-color:transparent;	
	border:none;
}

a.enlaceseccion {
	display:none;
}

div#menu-principal > div {
	flex-basis:100%;
	box-sizing: border-box;
	border: 1px solid #aaa;
    margin: 10px 0;
    padding: 20px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#menu-principal > div:first-child {
	border-color:#FFBF40;
	background:#FFD073;
}

.telefonos::before {
	color:#6a1204;
	content: '\260E  ';
}

p.telefonos {
	font-size:150%;
}

div#menu-principal ul,
ul#listado-especialidades,
ul.menu {
	margin:0;
}

#middle div.menu a,
#middle ul.menu a {
	display:block;
	color:#fff;
	background:#6a1204;
	padding:10px;
	box-sizing: border-box;
	width:100%;
	margin-bottom:10px;
}



ul#lista-grupos,
ul#lista-grupos ul {
	margin:10px 0;
}
#lista-grupos > li {
	border-bottom:3px solid #ccc;
	margin-bottom:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	padding:0;
}
span.grupo {
	background:#333;
	color:#fff;
	display: block;
	font-size:120%;
	padding:10px;
	border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
}

span.categoria {
	color:#333;
	display:block;
	padding:10px;
	font-size:110%;
	font-weight: bold;
	border-bottom:3px dotted #333;
	margin-bottom:5px;
}


div.ficha-bolsas-convocatoria-anyo {
	background:#faddc8;
	border-bottom:3px dotted #d6ac8f;
}

div.listados_auxiliar div {
	border-bottom:3px dotted #555;	
}
div.ficha-bolsas-convocatoria-anyo,
div.listados_auxiliar div {
	box-sizing: border-box;
	padding:10px;
}
div.ficha-bolsas-convocatoria-anyo ul,
div.listados_auxiliar div ul {
	margin:0;
}


div.ficha-bolsas-convocatoria-anyo li:not(:last-child),
div.listados_auxiliar li:not(:last-child) {
	border-bottom:3px dotted #d6ac90;
}



div.ficha-bolsas-convocatoria-anyo li,
div.listados_auxiliar div li {
	padding:10px 5px;

}
div.ficha-bolsas-convocatoria-anyo a span {
	font-weight:bold;
}
/***************************************************
*****************************         LISTADOS    **
***************************************************/

.listados-bolsa thead {
	display:none;
}

.listados-bolsa caption {
	 color:#6a1204;
	 padding:20px 0;
	 font-size:120%;
}

.listados-bolsa tr {
	padding:10px;
	border-bottom:3px dotted #6a1204;
}

#llamamientos.listados-bolsa tr {
	border-bottom:none;
}
.listados-bolsa td {
	display:inline;
	border:none;
}

#admitidos-excluidos tr.ver-detalles td:nth-child(4),
#admitidos-excluidos tr.ver-detalles td:nth-child(5),
#admitidos-excluidos tr.ver-detalles td:nth-child(6),
#admitidos-excluidos tr.ver-detalles td:nth-child(7),
#listados-puntuacion td:nth-child(3),
#listados-puntuacion td:nth-child(4),
#listados-puntuacion td:nth-child(5),
#llamamientos td {
	display:block;
}

#llamamientos td:first-child {
	font-weight: normal;
}

#llamamientos td[headers="area"] {
	border-top:3px dotted #6a1204;
	font-weight: bold;
}
#admitidos-excluidos tr td:nth-child(4),
#admitidos-excluidos tr td:nth-child(5),
#admitidos-excluidos tr td:nth-child(6),
#admitidos-excluidos tr td:nth-child(7) {
	display:none;
}

#admitidos-excluidos td[headers='admexc'] a::after {
	content: ' \1F53B ';
}
#admitidos-excluidos td[headers='admexc'] a.cerrar-detalles::after {
	content: ' \1F53A ';
}

a#mostrar-anteriores {
	display:block;
	background:#6a1204;
	color:#fff;
	text-align:center;
	padding:5px 0;
	margin:10px 0;
}
a#mostrar-anteriores.displaynone {
	display:none;
}
#middle td[headers="detalles"] a {
	background:#555;
	color:#fff;
	display:block;
	padding:3px 5px;
	border-radius: 5px;
	text-align: center;
}

ul.faq-bolsas > li > ul {
	display:none;
}

/***************************************************
*****************************         PAGINADOR   **
***************************************************/

div.paginador ul {
	display: -webkit-flex;
	-webkit-flex-direction: row;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:10px 0;
	justify-content: space-between;
}


div.paginador ul li {
	display:none;
}
div.paginador ul li:first-child,
div.paginador ul li:last-child {
	display:flex;
	flex-basis:49%;
	box-sizing: border-box;
}
div.abecedario ul li,
div.abecedario ul li:first-child,
div.abecedario ul li:last-child {
	display:flex;
	flex-basis:100px;
}

#middle div.paginador ul a,
div.paginador ul span,
#middle div#paginador-letras a {
	display:block;
	padding:6px 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	margin:3px;
	color:#fff;
	box-sizing: border-box;
	width:100%;
	text-align:center;
}
div#paginador-letras a {
	flex:1 0 49%;
	text-align: center;
}

div.paginador ul a,
div#paginador-letras a {
	background:#6a1204;
}

div.paginador ul a:hover,
div#paginador-letras a:hover {
	background:#d6ac8f;
}

div.paginador li.anterior,
div.paginador li.siguiente {
	text-transform: capitalize;
}
div.paginador ul span {
	background:#555;
}



/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {


}
@media (min-width: 1024px) {
	h1 {
		background:url('../imagenes/bolsas.gif') bottom repeat-x;
		padding-bottom:55px;
		border-bottom:1px solid #6a1204;
		margin-bottom:20px;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		 text-align:left;
	}
	p.aviso::before {
		padding: 2px 8px;
	}
	div#menu-principal > div {
		flex-basis:49%;
		text-align:left;
		max-width:49%;
	}


	#middle div.menu a,
	#middle ul.menu a  {
		color:#333;
		background-color:transparent;
		background:url('../imagenes/bullet-adelante.png') left 10px no-repeat;
		padding:5px 5px 5px 20px;
		margin-bottom:0px;
		display:inline-block;
	}

	#lista-grupos > li {
		border:1px solid #ccc;
	}
	span.categoria {
		border-bottom:1px dotted #333;
	}
	ul#lista-opciones,
	ul#lista-categorias {
		padding:20px;
	}
	div.ficha-bolsas-convocatoria-anyo,
	div.listados_auxiliar div  {
		border: 1px solid #d6ac8f;
		margin-bottom:10px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		padding:20px;
	}
	div.listados_principal {
		flex-basis:73%;
	}

	div.ficha-bolsas-convocatoria-anyo li,
	div.listados_auxiliar div li {
		line-height: 25px;
		padding:5px 5px 5px 20px;
		background:url('../imagenes/bullet-adelante.png') left 10px no-repeat;
	}
	div.ficha-bolsas-convocatoria-anyo li:not(:last-child),
	div.listados_auxiliar div li  {
		border-width:1px;
	}
	div.listados_auxiliar {
		flex-basis:24%;
	}
	ul#listado-especialidades li {
		flex-basis:33%;
		box-sizing: border-box;
	}

	/***************************************************
	*****************************         LISTADOS    **
	***************************************************/

	.listados-bolsa thead {
		display:table-header-group;
	}

	.listados-bolsa tr {
		padding:10px;
		border-bottom:none;
	}
	.listados-bolsa td,
	#admitidos-excluidos tr td:nth-child(4),
	#admitidos-excluidos tr td:nth-child(5),
	#admitidos-excluidos tr td:nth-child(6),
	#admitidos-excluidos tr td:nth-child(7), 
	#listados-puntuacion td,
	#listados-puntuacion td:nth-child(3),
	#listados-puntuacion td:nth-child(4),
	#listados-puntuacion td:nth-child(5),
	#llamamientos td,
	#llamamientos td[headers="area"] {
		display:table-cell;
		border:1px dotted #ccc;
	}

	.listados-bolsa td {
		text-align:center;
	}
	.listados-bolsa td[headers='admexc'],
	.listados-bolsa td[headers='nombre'],
	.listados-bolsa td[headers='ap'],
	.listados-bolsa td[headers='de'],
	.listados-bolsa td[headers='amb'] {
		text-align: left;
	}

	#middle a.boton_upload {
		display: inline-block;
		color:#fff;
		background: #333;
		padding:10px;
		border-radius:5px;
		margin:20px 0;
	}
	ul.faq-bolsas > li > ul {
		display:block;
	}
	ul.faq-bolsas > li > a{
		font-weight: bold;
	}
	#middle ul.menu a.editar {
		background:none;

	}

	.solo-movil {
		display:none;
	}

	/***************************************************
	*****************************         PAGINADOR   **
	***************************************************/
	div.paginador ul {
		justify-content: flex-start;
	}
	div.paginador ul li,
	div.paginador ul li:first-child,
	div.paginador ul li:last-child  {
		display:flex;
		flex-basis:auto;
	}
}
@media (min-width: 1200px) {

}