/*********CLASIFICADORA ************************************************************************/
/* Movil (<= 480px)                                                             */
/*********************************************************************************/
	@media screen and (max-width: 736px) {
/* comun */

	body {
		font-size: 14pt; /* era 13.5*/
	}


	h2 {
		font-size: 1em;
	}

	h3 {
		font-size: 1.2em;
	}


/* Reusable */

	ul.small-image-list img {
		width: 45px;
		border-radius: 4px;/*border-bottom-right-radius:*/
	}

	ul.medium-image-list img {
		width:84px;
	}
	
	ul.big-image-list img {
		border-radius: 7px;/*border-bottom-right-radius:*/
		 width: 40%;
	}
	ul.indexart-image-list img, ul.articulo-image-list img{   
		width: 40%;
		margin:0em .5em 0em 0em;
	}
	ul.indexart-image-list{   
	 	margin: .7em;
	}
	ul.articulo-image-list li {
		border-top:1px solid #cccccc;min-height:0em;
		}
	
	ul.link-list {
		margin: 0 0 2em 0;
	}

	section, article {
		padding: 5px 0px 5px 0px; /*40px 20px 40px 20px; separacion enrte cada secccion */
	}

	.button {
		font-size: 1em;
	}

	.blog-post-image {
		width: 100%;
	}

/* Header */

	#header-wrapper { /* cambiado todo */
		background-color: #fff;
		background-image: -moz-linear-gradient(top, #fff, #fff);
		background-image: -webkit-linear-gradient(top, #fff, #fff);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff));
		background-image: -ms-linear-gradient(top, #fff, #fff);
		background-image: -o-linear-gradient(top, #fff, #fff);
		background-image: linear-gradient(top, #fff, #fff);
	}
	
	#logopagint { /* logo pag. interiores */
		display: none;
	}	
	.pagint
	{
		background: rgba(237,239,239,0.5);
		padding: 1em 0.8em 4em 1em;
	}
	
	#login {
		
	}

	
	#img-wrapper {
		margin:50px 0 0 0;		
	}		

	#compromiso	{ 
		display: none;
	}	

	#divfiltro {top:84px;left:0px;width:90%;
	}		
	.ocmob /*oculta div de detalle de las clasificaciones en móvil*/
		{display: none;}

/* Banner */		

	#banner-wrapper-cr, .banner-wrapper-cr {
		background: rgb(51,109,164,.8);/*57, 122, 183 */ 
		position:fixed;
		top:0;
		width:100%;
		height:40px;
		z-index:1000;		
		box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.20); 
	}
	#logo3 {
		position:relative;left:70px;top:5px;
	}
	header{
		display:none;
	}

/* Main */
	#pagint-wrapper
	{/* páginas internas wrapper */
		 /*para que se vea el titulo, si no, el logo fijo del sitio movil lo tapa*/
		
		padding:0em;
		margin-top: 40px;
	}

	section.crop-img {/* clase creada para cortar la imagen en mobile*/
		max-width: 100%;
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		position: relative;
		border-radius: 8px;
    	box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.2);
	} 
	h7 { /*palabras destacadas */
		display: none;
	}
/* Footer */

	#footer-wrapper section, #footer-wrapper article, #varios section {
		border-bottom: solid 1px #ced0b7;margin-left:10px;
	}
	#footer-wrapper section:last-child, #varios-wrapper section:last-child{
		border-bottom: 0px #ced0b7;
	}	

	#divsection /* para poder usar el last-child tuve que poner este ID a los div que usan 3u y 4u porque no 
	funciona el css de otro modo; no me sirve usar section:last-child porque está dentro de otro div */
		{
			padding: 0px 0px 0px 0px;
			margin: 0px 15px 0px 15px;
			border-bottom: solid 1px #cccccc;
		}		
	#divsection:last-child
		{
			border-bottom: solid 0px #cccccc;
		}	


/*********************************************************************************
/* Mobile UI - aqui iba titlebar - eliminado*/

/*********************************************************************************/
/* Mobile UI - aqui iba navpanel - eliminado*/

	.marco, .marcoazul { 
		margin: 0 0 1em 0;
	}

	#menuicon  {
		position:absolute;top:10px;left:15px;
	}
	#menuicon i {
		color:#ffffff;border: solid .1em rgba(105, 175, 233, 0.8);
	}
	#menuicon i:hover{
		color: rgba(105, 175, 233, 0.8);
	}
	#menutop {
		position:fixed;overflow-y: auto;
		width:80%;
    	max-height: 100%;
		top:40px;
		z-index:99;
		background:rgba(255,255,255,0.95);
		border:1px solid rgba(180, 180, 180,1);
		-webkit-box-shadow: 1px 0px 6px 5px rgba(50, 50, 50, 0.2);
		-moz-box-shadow:    1px 0px 6px 5px rgba(50, 50, 50, 0.2);
		box-shadow:         1px 0px 6px 5px rgba(50, 50, 50, 0.2);
	}
		
}	

@media screen and (max-width: 570px) {
/* comun */

	
	ul.big-image-list img {
		
		 width: 100%;
	}
}