@media screen and (min-width: 1600px) {
	#focus {
		max-width: 1600px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 1042px) {
	#secbros .secfullin {
		max-width: var(--max-width);
	}
	#broshead {
		margin: 0;
	}
}







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

	.blockframe, .blkfrmlrg {
		padding: .6em;
	}

	#blocklog {
		padding: .6em 1em 2em;
	}

	#chatroll {
		padding: 0;
	}

	#mainin, .blocknavcentre {
		width: 100%;
		margin: 0;
	}

	#mainnavtabin {
		padding: 2em 2em 0;
		margin: 0;
		float: none;
	}

	#mainin, .blockarticle {
		padding: 3em 2em 6em;
	}

	.blockenkidu {
		padding: 1em;
	}

	#blocknav ul {
		text-align: left;
	}

	#search2 {
		float: left;
		margin-left: .4em;
	}

	#textmain .frmright {
		float: none;
		margin: 2em 0 2em;
	}

	#textmain .frmright img, #textmain .frmextended img {
		width: 100%;
		max-width: 100%;
	}

	#blkintro li {
		width: 8em;
	}

	.edition {
		padding: 2em 0;
	}

}




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

	:root {
		--max-width: 100%;
	}

	#mainnavtab, #main, #blockfooter, .blocksearchcentre, .secfull, .col60, .col30, #center, #right, #center, #center, .left, .center, h1, h2, .figura img, .divlabel, .divinput, .ochenta, .sesenta, #foocols, #focus, #vale, #caput, .car100txt {
		width: 100% !important;
		float: none;
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
		height: auto;
	}

	.cards {
		grid-template-columns: 1fr 1fr;
	}


	#blockheader {
		padding: 3em 1em 1.6em;
	}

	.blocksearchframe {
		padding: 0 .4em;
	}

	.frmextended {
		width: 100%;
	}

	/* #maintopin,  */
	#mainfooterin, #focusin, .secfullin, .sectagin {
		padding: 0 2em;
		margin: 0;
		float: none;
	}

	#googlemap {
		padding: 0 2em 4em;
		margin: 0
	}

	#focus {
		overflow: inherit;
		background-position: center top !important;
		background-size: 100%;
	}

	#focusin {
		width: 100%;
		padding: 0;
	}

	#focus #fcsimgmob {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-color: var(--color-neutral03);
		height: 32em;

		display: block;
		height: 20em;
		position: relative;
	}

	#fcsimgmob .tagup {
		position: absolute;
		bottom: 0;
		left: 0;

	}

	.tagupfcs {
		display: none;
	}

	#fcstxt {
		width: 100% !important;
		margin-bottom: 4em;
	}

	#fcstxtin, .car100txtin {
		background: rgba(255,255,255,1);
		padding: 2em;
	}

	.secfull {
		padding: 3em 0;
	}

	#secnewsletter input[type=email] {
		width: 60%;
	}

	.btnright {
		float: none; margin: 1em 0 0;
	}

	#seclibfocus {
		padding: 2em;
	}

	#fcslibin {
		padding: 0;
		margin: 0;
		font-size: 1em;
		width: 100%;
	}

	#seclibfocus img, .foologo {
		display: none;
	}

	#blockfootercentre {
		padding-top: 0;
		padding-bottom: 2em;
	}

	.col60, .col60in, .col30, .diez, .quince, .veinte, .treinta, .cuarenta, .cincuenta, .car100img, .car100txt, .blk50, #fcslibtxt {
		padding: 0;
		margin: 0;
		width: 100%;
		float: none;
		display: block;
		font-size: 1em;
		clear: both;
	}

	/* .cardin {
		min-height: auto;
	} */

	.col30 h1 {
		margin: 1.6em 0 0;
	}

	article header, article #center, article .left {
		margin: 0;
	}

	#profile label {
		margin-left: 0;
	}

	.btntop {
		font-size: .9em;
		margin: 1em 0 1.6em;
	}

	#logo {
		font-size: .8em;
	}

	.col30 p, .col50 p {
		font-size: 1em;
	}

	.left20 {
		margin-left: 0;
	}

	#alba, #logo p, #navpersa, .quote, .nomobile, .tdlight {
		display: none;
	}

	#ocaso {
		display: block;
		margin: 1em 0 0;
	}


	/*#alba {
		font-size: 1.4em;
		margin-top: .4em;
	}*/

	#seclibri li {
		width: 33.33%;
		margin: 2em auto;
	}

	.imgmnm {
		width: 100%;
		height: auto;
	}

	.splide .imgmnm {
		max-height: 30em;
		max-width: 100%;
		width: auto;
	}

	.btnowner {
		margin: .2em;
	}

	#textmain {
		order: 1;
	}

	#right {
		order: 2;
		margin-top: 2em;
	}

	#comments {
		order: 3;
	}

	.mosaic li {
		width: 50%;
		height: 16em;
	}
	.tesela {
		height: 16em;
	}
	.tesimg {
		height: 16em;
	}

	.blksep {
		border-left: none;
	}

	.btnmobtransblk {
		display: block;
		margin: 0 0 2em;
	}

	.btnmobtrans {
		font-size: 1.4em;
		margin: .4em;
		padding: .6em;
		text-align: center;
		display: block;
		border: 1px solid var(--color-neutral08);
		color: var(--color-neutral55);
		border-radius: 3em;
		clear: both;
	}

	/* Formularios */

	label {
	}

	input[type=text], input[type=url], input[type=email], input[type=date], input[type=file], input[type=password], input[type=number], select, textarea {
		width: 100%;
	}

	#filter select { width: 10em; }

	#center input[type=text], #center input[type=url], #center input[type=email], input[type=date], input[type=file], input[type=password], input[type=number], #center textarea {
		width: 100%;
	}

	.indent, .indent10, .indent20 {
		margin-left: 0;
	}

	.btntop {
		float: left !important;
		margin:  .6em .4em 1.6em 0 !important;
	}

	#inpheading {
		width: 100%;
	}

	#inplead {
		width: 100%;
	}

	#inpcontent {
		width: 100%;
	}

}










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

	.no800 {
		display: none;
	}

	#content, .blkcontent {
		gap: 2em;
	}

	/* #maintopin,  */
	#mainfooterin, #googlemap, .secfullin, .sectagin {
		padding: 0 1em;
	}

	.onewall, .onecolumn {
		margin: 4em 0 0 !important;
		width: 100%;
	}

	.leadmember {
		width: 100%
	}

	/* #mainheaderin {
		padding: 0 1em 1em;
	} */

	#mainnavtabin {
		padding: 2em 1em 0;
	}

	#navprofile, #navediting, #navmiles, #navleo {
		display: none;
	}

	#mainin, .blockarticle {
		padding: 2em 1em 6em;
	}

	.car100txtin {
		padding: 1em;
	}

	#fcstxtin {
	}

	.mosaic h1 {
		width: 60%;
	}

	.secfull {
		padding: 2em 0;
	}

	.blk25, .blk30, .blk33, .blk70, .blk75, table {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0;
	}

	.boxres {
		width: 50%;
	}

	#acta #content, #content, #acta header {
		gap: 2em;
	}

}














@media screen and (max-width: 700px) {
	.no700 {
		display: none !important;
	}

	#secintro {
	  background-attachment: scroll;
	}

	#blkintro li {
		width: 12em;
	}

}












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

	#acta header {
		display: block;
		margin: 0;
	}

	#gname {
		font-size: 1.2em;
	}

	article #content, #acta #content, #blockmain #content {
		margin: 1em;
		grid-template-columns: auto;
	}


	article #content main {
		order: 2;
	}

	article #content aside {
		order: 1;
		text-align: center;
	}

	#article #content main {
		order: 1;
	}

	#article #content aside {
		order: 2;
		text-align: center;
	}

	.blkfrmlrg {
		padding: 0;
	}

	.blkfrmlrg header {
		padding: 0 1em;
	}

	#content aside {
		margin-top: 1em;
		padding-top: 1em;
		font-size: 1em;
		text-align: center;
	}

	.headtext {
		margin-top: 1em;
	}

	.headvisual {
		padding: 0 1em;
	}

	.actafocus {
		padding: 0 .8em;
	}

	.socparent, .socpar {
	}

	.socparform {

	}
	.socparent .socparent {
		font-size: .8em
	}

	.socparent, .socparform, .socpost {
		grid-template-columns: 3em auto;
/*		grid-gap: .7em;*/
/*		padding: .7em 0;*/
	}

	.blocksearchframe {
		padding: 0 .4em .4em;
	}

	#logo {
		font-size: .7em;
	}

	.titlemobile {
		font-size: 2em;
	}

	.onewall {
		font-size: .9em;
	}

	#blocksubmenus {
		padding-top: 1em;
		background: var(--color-neutral09);
	}

	.blockarticle, #blockmain {
		padding-bottom: 6em;
		padding-top: .6em;
	}

	.lead {
		width: 100% !important;
	}

	.cards {
		grid-template-columns: 1fr;
		width: 100%;
	}

	#blockchat .blockframe, #blockchat .blkfrmlrg {
		padding: 0 1em 1.2em !important;
	}

	#blocksearch {
		display: block;
	}

	#blockmenus, #blocksubmenus, #ocaso {
		display: none;
	}

	#mainnavtab {
		display: none;
	}

	#topnav {
		display: block;
		z-index: 100;
		position: fixed;
		top: 0;
		background-color: rgba(0,0,0,.9);
		font-size: 1.2em;
		width: 100%;
	}

	#tnbar {
		line-height: 0;
	}

	#tnbar a {
		display: inline-block;
		padding: .6em;
		border: none;
	}

	#tnsymbol {
		border: .5em solid var(--color-accenthigh);
		width: .5em;
		height: .5em;
		border-radius: 10em;
		float: left;
		margin: 0 .4em 0 0;
		padding: 0;
		background-color: var(--color-neutral01);
	}

	#tnname {
		float: left;
		font-family: 'Roboto slab', sans-serif;
		font-weight: 600;
		padding: .1em 0 0;
	}

	.topnav a, .topnav .tntitle {
		color: rgba(255,255,255,.8);
	  	display: block;
	  	text-decoration: none;
		line-height: 1.4em;
		overflow: auto;
		border-top: .1em solid var(--color-neutral05);
	}

	.topnav a {
	  	padding: .6em 1em .6em 2.5em;
		font-family: 'Roboto', sans-serif;
	}

	.topnav .tntitle {
		text-transform: uppercase;
		font-size: .8em;
		letter-spacing: .3em;
		background-color: var(--color-neutral04);
		color: var(--color-neutral07);
		text-align: center;
		padding: .4em 0;
		font-family: 'Roboto slab', sans-serif;
	}

	.topnav a.subitem {
	  	padding: .6em 1em .6em 4em !important;
	  	font-size: .9em;
	}

	.topnav a.subitem::before {
	  	content: "— ";
	}



	.topnav a:hover {
		color: rgba(255,255,255,1);
		background-color: var(--color-neutral00);
	}

	.topnav a:not(:first-child), .topnav span:not(:first-child)  {
		display: none;
	}

	.topnav .icon {
	  display: none;
	  position: relative;
	}

	.icon {
		float: right !important;
	}

	.iconin {
		width: 1.4em;
		aspect-ratio: 1/1;
		opacity: .8;
	}

	.iconin:hover {
		opacity: 1;
	}

	.icoburger {
		background: url('/images/ico-burger-white-50.png');
		background-position: center;
		bacground-repeat: no-repeat;
		background-size: cover;
	}

	.iconotification {
		background-image: url('/images/ico-notification-white3.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.icochat {
		background-image: url('/images/ico-crow-white.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.topnav.responsive a, .topnav.responsive .tntitle {
		float: none;
		display: block;
	}

	.caption {
		font-size: .9em;
		padding-left: 1em;
	}

	.inner {
		width: auto;
		margin: 0;
		padding: 0 2em;
	}

	#blockback {
		padding-bottom: 6em;
		padding-top: 1em;
	}

	#blockheader {
		padding: 3em 1em 1em;
		margin: 0 auto;
	}

	#secbros {
		display: none;
	}

	.avaheading {
		padding-left: 0;
		margin-top: 2em;
	}

	.avabig {
		float: none;
		width: 20em;
		height: 20em;
		margin: 0 auto;
	}

	.avaboxsec {
		width: 20em;
		height: auto;
		margin: 0 auto;
		float: none;
	}

	.mosaic li {
		width: 50%;
		height: 16em;
	}

	.tesela {
		height: 16em;
	}

	.tesimg {
		height: 16em;
	}

	.restxt {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	#navheliodromus, #nhome, .no600 {
		display: none !important;
	}

	
	.foocol {
		width: 50%;
	}

	#seclibri li {
		height: 10em;
	}

	.overlay-content {
		font-size: 80%;
		width: 80%
	}

	.splide {
		font-size: .6em;
	}

	.headavatar {
		grid-template-columns: auto;
		row-gap: 2em;
	}
	.avatarneo {
		width: 80%;
	}

	.result {
		grid-template-columns: 100%;
		grid-row-gap: 1.4em;
	}

	.resimg {
		text-align: center;
		padding: 0;
	}
	.restxt > * {
		padding: 0 1em;
	}
	.socparform, .socpost {
		grid-template-columns: auto;
	}

	.socparform .avatar, .socpost .avatar {
		display: none;
	}

	.mosaic {
		display: grid;
		grid-template-columns: 50% 50%;
	}

	#fconloc {
		margin-top: 1em;
	}


}



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

	#focus #fcsimgmob {
		height: 16em;
	}

	#portada, .boxres {
		width: 100%;
		float: none;
	}
	.car100img {height: 16em;}
	.col60 .destacadotxt {
		padding: 1.4em;
	}
	#navnymphus, .no500 {
		display: none !important;
	}

	.cmtul {
		font-size: .9em;
	}

	.cmtavatar {
		width: 20%;
	}

	.cmtdiv {
		width: 80%;
	}

	.mosaic h1, .foocol, .lead {
		width: 100%;
	}

	.boxresin {
		margin: .6em
	}
	.mosaic {
		display: grid;
		grid-template-columns: 100%;
	}

	.mosaic a {
		aspect-ratio: 4/3;
		display: block;
		position: relative; 
	}

}

@media screen and (max-width: 460px) {
	#pr h1 {
		font-size: 4.2em;
	}
	#pr h2 {
		font-size: 3em;
	}
}

@media screen and (max-width: 416px) {
	#logo {
		font-size: .7em;
	}

	#filter { padding: .4em .6em;}

/*	.rescolava .avamedium {
		width: 14em;
		height: 14em;
	}
*/
	#googlemap {
		padding: 0;
	}

	.leadmini {
		width: 100%;
		float: none;
	}

	.lead {
		font-size: 1.3em;
	}

	.cmtulin {
		margin-left: 0;
	}

	#blkintro li, .treinta {
		width: 100%;
		float: none;
		display: block;
	}
	.car100img {height: 14em;}


	#secnewsletter input[type=email] {
		width: 100%;
		margin-bottom: .6em;
	}

}

@media screen and (max-width: 400px) {
	.cmtdiv {
		/* float: none;
		width: 100% */
	}
	/* .avatar {
		margin: 0 1em 1em 0;
	} */

	.no400 {
		display: none;
	}
}


@media screen and (max-width: 360px) {
	#logo {
		font-size: .6em;
	}


	.no360 {
		display:none;
	}

	.avabig {
		width: 16em;
		height: 16em;
	}

	#alba, #alertclose {
		display: none;
	}

	h1 {
		font-size: 2.4em;
	}

	.mosaic h1 {
		font-size: 3em;
	}

	.car100img {
		height: 12em;
	}

	#seclibri li {
		width: 100%;
		margin: 1em auto;
		height: auto;
	}

	.mosaic li {
		width: 100%;
		height: 14em;
	}
	.tesela {
		height: 14em;
	}
	.tesimg {
		height: 14em;
	}

	#navcorax {
		display: none;
	}


	#pr h1 {
		font-size: 3.2em;
	}
}