@charset "utf-8";
/* CSS Document */
/** CLASIFICADORA *******************************************************************************/
@media  (min-width: 737px)  {
/* comun */
	.ocdesk /*oculta div de detalle de las clasificaciones en móvil o desk */
	{display: none !important;}
	section:last-child, article:last-child {
		margin-bottom: 0; 
	}
	section.left-content {
		padding-right: 30px;
	}
	section.right-content {
		padding-left: 30px;
	}
	section.middle-content {
		padding: 0 30px 0 30px; 	
	}
	ul.small-image-list img {
		width: 28%;
		border-radius: 4px;
	}
	ul.covid-image-list img {
		max-width: 230px;
		min-width: 200px;
		border-radius: 4px;
	}	
	ul.medium-image-list img {
		width:84px;
		border-radius: 7px;
	}
	ul.big-image-list img {
		border-radius: 7px;
	}
	ul.cuadrado-image-list img {		
	}
	ul.indexart-image-list li {
		min-height: 21em;
	}			
/* Reusable */

	.blog-post-image {
		width: 588px;
	}

	#header-wrapper {
		background: #005293 url(images/x.png);
	}
	.logoscroll {display: flex;}
/* login (arriba izquierda) */
	.login {
		position:fixed;top:0em;right:0px;
		margin: 0% 1em 0 0; /*2.5% 0 2.5% 0; */
		color: rgba(116,135,165,.6); 
		font-size: 0.9em;z-index:101;
		display: flex;
		
	}
		/*#header img{ width:100%;	height:100%;} agregado por mi para q en el movil pueda ser, por ej 80% ; en movil  está en title bar*/

	.login table{
			
			float:right;
	}
	.login table a,.login table span {
			color: rgba(80,99,130,1.00);
	}
	.login table a:hover{
			color: rgba(87,125,187,1.00);
	}
/** logo páginas internas */
	#logopagint {
		position: relative;
		margin: 0% 0.5% 0.5% 3%; 
	}
	#divfiltro {
		position:absolute; 	top:9em; 	right:0px;
		border:6px solid #E6E6E6; 
		width:30%; 
		height:auto; margin-left:0px; padding: 5px; font-size: 0.9em; color: #666666; line-height: 1em; z-index:99;  background-color: #fff;
	}
	#divfiltro a:hover {
		font-weight: normal;
	}
/*****************************************************************
 estilos para el index version 2*/
 	#banner-wrapper3 {
		background: #ffffff;
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.0);
	}	
	#logo2{ 
		margin-top:30px;width:230px;margin-left:30px;
	}	
	#img-wrapper {
		padding: 2em 2em;
		z-index:50;
	}
	#compromiso {
		display:none;margin-top:-40px; float:right;margin-right:70px;
		}	
/*****************************************************************
fin estilos para el index version 2*/
	
	.banner-wrapper-cr {
		margin-top:10px;
		padding: 0em 0 15px 10px;
		border-bottom: solid 0px #DDE1E1;
		z-index:100;
		background: #fff;
		-webkit-transition: background-color 400ms linear;
    	-ms-transition: background-color 400ms linear;
    	transition: background-color 400ms linear;	
	}
	.banner-wrapper-cr-mini {top:0;
		margin-top:0px;
		height:43px;
		width: 100%;
		padding: 0em 0 0% 0%;
		background: rgba(240, 244, 246);
		overflow: hidden;
		position: fixed;
		-webkit-transition: background-color 1000ms linear;
   		 -ms-transition: background-color 1000ms linear;
   		 transition: background-color 1000ms linear;
		box-shadow:   20px -4px 15px 1px #605858; 
	}	
	#logo3{ 
		display:none;
	}
	header img {
		overflow: hidden;
		float: left;	
		}
	.banner-wrapper-cr .imglogo {
		margin:0px 1em 0 1em;/*margin:15px 1em 0 1em;*/
		max-width:268px;
	}
	.banner-wrapper-cr .imglogocorp {
		margin:0px 1em 0 1em;
		max-width:248px;
	}
	.banner-wrapper-cr .logo3 {
		margin-top:0px;
		margin-left:1em;
		color:var(--color3);
		align-items:flex-end;
		padding-top:.2em;
	}
	.banner-wrapper-cr p
	{	
	font-size: 1em;
	font-weight: 200;
	line-height: 1.25em;
	padding-right: 1em;
	margin: 1em 0 0 0;
	text-align:left;
	}
	header {
		display: inline-flex;
	}

/* Main */
	#main-wrapper {
		background: #fff;
		MARGIN-TOP:10PX;
	}
	#main {
		padding: 5em 0 4em 0;
		background: #fff;
		min-height: 70vh;
	}
	#varios-wrapper
	{
		background: #fff;
		padding: 4em 0 6em 0;
		color: #546b76;
	}

/* páginas internas wrapper */
	#pagint-wrapper
	{
		
		padding: 2em 0 10px 0;background: rgba(237,239,239,0);color: #546b76;
	}
	
/* Footer */

	#footer-wrapper {
		padding: 5% 0 0% 0;
		min-height: 50vh;
	}
#accordionclasif{ 
		display: none;
	}
	
	.menutop {
		position: fixed;
		overflow-y: auto;
		width:20%;
		max-height: 80%;
		top:122px;
		z-index:101;
		background:rgb(255,255,255);
		background:rgba(255,255,255,0.95);
		border: solid 1px #DDE1E1;
		-webkit-box-shadow: 5px 7px 12px 2px rgba(66,66,66,0.38);
		-moz-box-shadow: 5px 7px 12px 2px rgba(66,66,66,0.38);
		box-shadow: 5px 7px 12px 2px rgba(66,66,66,0.38);
	}
	.menutop::-webkit-scrollbar {display: none;}
	.menutop-mini {
		max-height: 95%;	
		top:40px;
	}	
	.menuicon  {margin-top:85px;display: inline-flex}
	.menuicon-mini  {
		margin:11px 0px 0 15px;
		vertical-align: top;
		}
}	

@media  (min-width: 737px) and (max-width: 980px) {
	body {
		font-size: 11pt;
		}	
	header img {
		width:220px;

		}
		.login {
			top:0px;right:0px;
			padding: 0 0px 0 5px;
		}		
	#banner-wrapper header h1	
		{
			font-size:.9em;
		}
	.banner-wrapper-cr-mini
		{display: flex;align-items: flex-end;height: 68px}

	 .SelectStyle2 {
		padding: 2px;
	}

	.menutop {
	top:118px;
	width: 40%;
	}
	#menuicon  {}	
	.menutop-mini {	
		top:40px;
	}	
}