header{
	background:#fff;
	color:#333;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding:.6em 2rem;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:2em;	
}

header .links span{
	margin:0px 0rem;
	font-size:.8rem;
	color:#707070;
	font-weight:normal;
}
header .links a{
	font-family:'Open Sans', Arial,sans-serif;
	font-size:.8rem;
	color:#707070;
	padding:0 1.2rem;
	font-weight:normal;
	text-decoration:none;
	border-left:#ccc 1px solid;
	text-align:center;
}
header .links a:hover,header .links a:focus{
	color:#333;
}


h1{
	color:#00548E;
	font-size:1.3rem;
	margin:0px;
	padding:1rem 2rem;
	text-align:left;
}
h2{
	color:#1B75BB;
	font-size:1.5rem;
	margin:0px;
	padding:0rem 2rem 1rem 2rem;
	text-align:left;
}

body{
	/*background: #5DC1B9 linear-gradient(360deg, #5DC1B9 20%, #D1E3F1 100%) 0% 0% no-repeat;*/
	background: #5DC1B9 linear-gradient(360deg, #5DC1B9 0%, #CDDFED 80%) 0% 0% no-repeat;
	
	height:100%;
	display:block;

	position: relative;
}


[x-cloak] { display: none !important; }

.homeImg{
	display:block;
	width:34px;
	height:30px;
	border:none;
	background:url(img/home.png) no-repeat top left;
	background-size:100% 100%;
}


.BarraLogo{
	background: transparent linear-gradient(90deg, #1E2445  0%, #025692 100%) 0% 0% no-repeat padding-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:2em;
	opacity: 1;
}

.LogoDiv{
	position:relative;
	padding:.6rem 0 0 2rem;
}

.LogoDiv a.Logo{
	display:block;
	font: normal normal bold 41px/49px 'Fira Sans';
	letter-spacing: 0px;
	color: #FFFFFF;
	text-decoration:none;	
	
	background: url(img/ACDCheaderlogo.png) 0px 0px no-repeat;
	width:226px;
	height:40px;
	background-size:100% 100%;
	margin-top:8px;
	}

.LogoDiv img{
	width:100%;
}


.BusquedaGeneral{

	gap:4px;
	background-color: #ddd;
	padding:6px 20px;
	align-items: center;
}
.InputDiv{
	background-color: #fff;
	border:#ccc 2px solid;
	border-radius: 5px;

	display: grid;
	grid-template-columns: 1fr 40px 5px 36px;
	align-content: end;
}
.InputDiv input{
	border:none;
}
.BusquedaGeneral select{
	border-radius:5px;
}
.InputDiv .barrita{
	margin:6px 2px;
	background-color: #aabccb;
	width:1px;
}

.icon.Fic{
	width:30px;
	height:30px;
	background-color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.BusquedaGeneral input[name='buscar']{
	border:none;
	padding:.35rem .6rem;	
}


#barraBusqueda{


}

.tabsSuperior{
display: flex;
justify-content: center;
align-items: flex-end;
gap:5px;
}
.tabsSuperior a{
display: inline-block;

font-size: 1.1rem;
border-top-left-radius: 5px;	
border-top-right-radius:5px;
padding:4px 12px;
cursor:pointer;
background-color: #aabccb;
color:var(--titular);
font-weight: bold;
}
.tabsSuperior a.activo{
background-color: #dddddd;
color:var(--activo);
}


.Contenido{
background-color: #dddddd;
}


#FiltrosLateral{
	padding:0px 12px 20px 12px;
	color: var(--liga);
	box-shadow: #bbbbbb 0px 3px 6px;
}
#FiltrosLateral h2{
border-bottom: #bccedc 1px solid;
color:var(--verde);
padding:.6rem 0 .2rem .6rem;
margin:0px 0px 10px 0px;
font-weight: bold;
font-size:1.1rem;
}
#FiltrosLateral .fitroheader{
	display: block;
	padding:3px 10px;
	margin:0px;
	font-size:1.1rem;
	letter-spacing: 1px;
	text-decoration: none;
	cursor:pointer;	
	
}



#dialogBody{
	width:80vw;
}
dialog{
	z-index:50;
}


.Flotante{
position:absolute;
top:100;
left:100;
box-shadow: #666 1px 3px 6px;
width:20rem;
}






#parBuscar{
	display:grid;
	grid-template-columns:1fr 6rem;
	grid-template-rows:auto;
	gap:5px;
}

.selTipoBusqueda{
	text-align:left;
	color:#fff;
	font-size:.9rem;
	font-weight:light;
	padding:0 0 .2rem 0;
	font-family:Fira Sans,Open Sans,Arial;
}



.linkview{
	display:inline-block;
	padding:.2rem 1rem;
	font-size:1rem;
	border:#888 1px solid;
	border-radius:5px;
	margin:.2rem auto;
	text-decoration:none;
}


#DiraLink{
	position:relative;
}
#DiraLink  a.shower{
	cursor:pointer;
}
#DiraMenu{
	position:absolute;
	top:1.1rem;
	left:-1rem;
	display:block;
	padding:.5rem .2rem;
	background-color:#E2E6EA;
	box-shadow:#333 1px 1px 6px;
	display:none;
	z-index:105;
	text-align:left;
}
#DiraMenu a{
	display:block;
	border:none;
	padding:.2rem .5rem;
	margin:0 0 .5rem 0;
	text-align:left;
	text-justify:inter-text;
}
#DiraMenu a:hover,#DiraMenu a:focus{
	color:#000;
}


.Tira{
	display:flex;
	column-gap: 10px;
	flex-wrap: nowrap;
}


.Tabla th a{
	color:#fff;
}

.Tabla .Filtros th a{
	display:block;
	margin:0 0 0 0;
}

.Resultados tr{
	display:grid;
	grid-template-columns:1fr repeat(7, 8rem);
	grid-template-rows:auto;
	align-items:center;
}
.Resultados select{
	padding:.2rem .4rem;
	font-size:1.2rem;
}

.primerosBotones{
display:flex;
flex-wrap:nowrap;
justify-content:start;
align-items:start;	
gap:2rem;

margin-top:-.6rem;
}

.homeImg{
	margin:.5rem 0 0 0;
}

#idiomaSelectWrapper{
	position:relative;
	width:8rem;
}
.idiomaSelect{
	margin:0rem 0 0 0;
	position:absolute;
	top:0;
	left:0;
	font-family:Open Sans, sans-serif;
	z-index:10;
}
.idiomaSelect .idiomaMenu{
	border:#bbb 1px solid;
	background-color:#EEE;
}
.idiomaSelect .idiomaMenu a{
	display:block;
	padding:.3rem 1rem;
	margin:0;
	border-bottom:#bbb 1px solid;
	cursor:pointer;
	background:#EEE;
	color:#1C60AC;
	text-decoration:none;
	font-size:.9rem;
}
.idiomaSelect .idiomaMenu a:hover,.idiomaSelect .idiomaMenu a:focus{
	background-color:#ddd;
}
.idiomaSelect .bot{
	display:block;
	background-color:#BCCEDC;
	color:#1C60AC;
	padding:.3rem 1rem;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom:1px #BCCEDC solid;
	border-left:1px #BCCEDC solid;
	border-right:1px #BCCEDC solid;
	cursor:pointer;
	white-space:nowrap;
	font-size:1rem;
	font-weight:normal;
	
}

.idiomaSelect .bot:hover,.idiomaSelect .bot:focus{
	background-color:#1C60AC;
	color:#fff;
}


.fontResizer{
	margin:0rem 0 0 0;

	font-family:Open Sans, sans-serif;
	background:#BCCEDC;
	height:1.9rem;
	min-height:22px;
	width:78px;
	padding:0 4px 1px 4px;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:start;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.fontResizer a{
	font-weight:normal;
	color:#1B75BB;
	font-size:14px;
	display:inline-block;
	padding:2px 6px 2px 6px;
	cursor:pointer;
	margin:0 2px 0 0;
	text-decoration:none;
}
.fontResizer a:hover, .fontResizer a:focus{
	font-weight:bold;
}
.fontResizer a.actual{
	font-weight:bold;
	border-bottom:#1B75BB 1px solid;
}
.fontResizer a.N{
	font-size:14px;
}
.fontResizer a.G{
	font-size:16px;
}
.fontResizer a.EG{
	font-size:18px;
}



.wAuto{
	width:auto;
}

.paginacionCorta{
	display:flex;
	padding:1px 0;
	margin:1rem auto;
	justify-content:center;	
	align-content:center;
	align-items:center;
	gap:.5rem;
	background:#BCCEDC;
	color:#1C60AC;
}
.paginacionCorta li{
	display:inline-block;
	padding:0;
	margin:0;
}
.paginacionCorta li a{
	display:block;
	padding:.4rem .6rem;
	font-size:1.1rem;
	color:#1C60AC;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.paginacionCorta li a.actual{
	cursor:not-available;
	border-radius:1.2rem;
	background:#E2E6EA;
	padding:.4rem .5rem;
}


.btnSearch{
	background: url(img2/btn_search.png) no-repeat center center;
    width:34px;
    height:34px;
    background-size: 80% 80%;
    cursor: pointer;
}



.citaBtn{
	border:#1b75bb 1px solid;
	border-radius:10px;
	width:4rem;
	height:4rem;
	background-color: #fff;
	margin-bottom:2px;
}

.citaBtn.nodos{
	background: url(img2/cita_nodos.png) center center no-repeat;
	background-size: 80% 80%;
}
.citaBtn.articulos{
	background: url(img2/cita_articulos.png) center center no-repeat;
	background-size: 80% 80%;	
}
.citaBtn.categorias{
	background: url(img2/cita_categorias.png) center center no-repeat;
	background-size: 90% 90%;
}
.citaBtn.etiquetas{
	background: url(img2/cita_etiquetas.png) center center no-repeat;
	background-size: 90% 90%;
}
.citaBtn.nodos.on,.citaBtn.nodos:hover{
	background: url(img2/cita_nodos_on.png) center center no-repeat;
	background-size: 80% 80%;
	background-color: #1b75bb;
}
.citaBtn.articulos.on,.citaBtn.articulos:hover{
	background: url(img2/cita_articulos_on.png) center center no-repeat;
	background-size: 80% 80%;	
	background-color: #1b75bb;
}
.citaBtn.categorias.on, .citaBtn.categorias:hover{
	background: url(img2/cita_categorias_on.png) center center no-repeat;
	background-size: 70% 70%;
	background-color: #1b75bb;
}
.citaBtn.etiquetas.on, .citaBtn.etiquetas:hover{
	background: url(img2/cita_etiquetas_on.png) center center no-repeat;
	background-size: 90% 90%;
	background-color: #1b75bb;
}


.iconSubcat{
	background: url(img2/icon_subcat.png) center center no-repeat;
	background-size: 100% 100%;
	width:20px;
	height:18px;
	display:inline-block;
}

.pastilla{
	display: inline-block;
	border:solid 1px var(--activo);

	padding:.2rem 1rem;
	border-radius: 6px;

}




.MiniFicha{
    color:#fff;
    padding:8px;
    background-color: #fff;
    border:var(--bordeclaro) 1px solid;
    border-radius:9px;
    height: 18rem;
    display: grid;
    grid-template-rows: minmax(1.2rem, max-content) 1fr 30px;
    transition: border ease-out 300ms;
}
.MiniFicha .Tit{
    display:grid;
	grid-template-columns: 1.5rem 1fr;
    color:var(--verde);
    font-weight: bold;
    padding:0px 0px 4px 0px;
    padding-left:0rem;
    margin:0;
    align-content: flex-start;
    align-items: flex-start;
}
.MiniFicha .Tit .Bull{
	display:inline-block;
    width: 1.2rem;
    height:1.2rem; 
    display: inline-block;
    margin:.1rem .5rem 0rem 0rem;
}
.MiniFicha .Tit .Bull.Cons1{
	background: url(../css/img2/cons1.png) center center no-repeat;
	background-size: 100% 100%;
}
.MiniFicha .Tit .Bull.Cons2{
	background: url(../css/img2/cons2.png) center center no-repeat;
	background-size: 100% 100%;
}
.MiniFicha .Tit .Bull.Cons3{
	background: url(../css/img2/cons3.png) center center no-repeat;
	background-size: 100% 100%;
}
.MiniFicha .Tit .TitText{
	text-align: justify;
}
.MiniFicha .Interior{
    color:#417AB9;
    padding:4px;
    background-color: #fafafa;
    color:.9rem;
}
.MiniFicha .Foot{
    /*flex justify-between gap-1 flex-wrap p-[1px_3px_1px_0px] m-[4px_0px_0px_0px]*/
    display:flex;
    justify-content:space-between;
    flex-wrap: nowrap;
    padding:0px 3px 0px 3px;
    margin:4px 0px 0px 0px;
    color:#3974B7;
    font-weight: bold;
    justify-items: start;
    align-items: end;
}
.MiniFicha .iconPais{
    height:30px;
}


.MiniFicha:hover{
        border: #666 1px solid;
}
.MiniFicha .Subfoot{
display: flex;
justify-content: flex-start;
gap:12px;
align-items: end;
}

.botMini{
	background-color: #007BFF;
	color:#fff;
	font-size: 1rem;
    padding:2px 12px;
    border-radius:5px;
    align-content: center;
    border: #007BFF 1px solid;
    font-size: .9rem;
    font-weight: normal;
}
.botMini:hover{
background-color: #1c8aff;
}

.iconVideo{
    display: inline-block;
    background: url(img2/icon_video.png) no-repeat center center;
    width:30px;
    height:24px;
    background-size: 100% 100%;
}
.spaceVideo{
       width:30px; 
       height:24px;
       align-self: center;
}






@media screen and (max-width:980px){

	#barraBusqueda{
	gap:0;
	}
	
}



@media screen and (max-width:860px){
	
	header .links span{
	display:inline-block;
	margin:.4rem .5rem;
	}
	

	
	#barraBusqueda .logoDiv{
	width:auto;
	}

	.linkview{
	display:inline-block;
	padding:.1rem .2rem;
	font-size:.8rem;
	}


	
	#dialogBody{
	width:90vw;
	}	
}





@media screen and (max-width:520px){
	.BusquedaGeneral{
		display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;

	}
	#parBuscar{
	display:block;
	}

	#dialogBody{
	width:99vw;
	}

	#BarraResultados{
				display: flex;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

}