/** CLASIFICADORA *******************************************************************************/
/* escritorio (>= 480px)                                                            */
@media  (min-width: 737px)  {
/* comun */

	body {
		/*min-width: 1200px;*/
	}

	/*section, article {
		margin: 0 0 60px 0; 
	}*/

	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%;
		/*height: 45px;*/
		border-radius: 4px;/*border-bottom-right-radius:*/
	}
	ul.medium-image-list img {
		width:84px;
		border-radius: 7px;/*border-bottom-right-radius:*/
	}
	ul.big-image-list img {
		border-radius: 7px;/*border-bottom-right-radius:*/
	}
	ul.cuadrado-image-list img {
		
	}
	ul.indexart-image-list li {
		min-height: 11em;
	}			


/* login (arriba izquierda) */
	#login {
		position:absolute;top:1em;right:0px;
		margin: 0.5% 0.5% 0.5% 0; /*2.5% 0 2.5% 0; */
		padding: 0 20px 0 20px;
		width:50%;	
		color: rgba(116,135,165,.6); 
		font-size: 0.9em;		
	}
		/*#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;cellspacing:0px;cellpadding:0px;
	}
	#login a{
			color: rgba(116,135,165,.6);
	}
	#login a:hover{
			color: rgba(116,135,165,1);
	}
/** logo p�ginas internas */
	#logopagint {
		position: relative;
		margin: 0% 0.5% 0.5% 3%; 
	}

/*****************************************************************
 estilos para el index version 2*/
	
	#img-wrapper {
		margin-top:20px;
		z-index:50;
	}

	#compromiso {
		display:none;margin-top:-40px; float:right;margin-right:70px;
		}	
/*****************************************************************
fin estilos para el index version 2*/
/* logo feller rate CR fondo azul ***********/

	.banner-wrapper-cr {
		margin-top:0px;
		padding: 0 0 6px 10px;
		border-bottom: solid 1px #DDE1E1;
		position: fixed;
		width: 100%;
		height: 105px;
		z-index:100;
		background: #fff; /* #005293 azul feller */
	}

	.banner-wrapper-cr-mini {

		height:40px;
		padding: 0 0 0% 0%;
		background: rgb(51,109,164); 
		background: rgba(51,109,164,.8); 
		overflow: hidden;
	}	
	#logo3{ 
		display:none;
	}


	#banner-wrapper-cr .imglogo {
		margin-top:15px;
		overflow: hidden;
		float: left;
		margin-right:1em;
	}
#banner-wrapper-cr .logo3 {
		margin-top:5px;
		margin-left:1em;
		color:#fff;
		align-items:baseline;
	}
	#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; /*yo lo puse por si quer�a alinearlo a la derecha*/
	}

	header li {
		overflow: hidden;
		list-style: none;
	}
	header {
		display: inline-flex;
		 
	}



/* p�ginas internas wrapper */
	#pagint-wrapper
	{
		background: rgba(237,239,239,0.5);
	}
	.pagint 
	{
		padding: 10em 0 4em 0;
		color: #546b76; /*283121 */ 
	}
	#pagint .container
	{
	/*width:98%;*/
	}

/* Footer */

	#footer-wrapper {
		padding: 1% 0 0% 0;/* agregado todo*/
		background: rgba(133,163,192,0.8) ; /* 7fabcd agregado todo #69AFE9; rgba(105, 175, 233, 0.8) celeste    anterior: 143,183,215,1*/
		color: #666666; /* agregado todo*/
	}


	.ocdesk /*oculta div de detalle de las clasificaciones en m�vil*/
		{display: none;}

	
	.menutop {
	position: fixed;
	overflow-y: auto;
	width:20%;
	max-height: 80%;
	top:113px;
	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 !important;
	}	
	.menuicon  {
		margin-top:70px;
		display: inline-flex
		}
	.menuicon-mini  {
		margin:11px 0px 0 15px;
		vertical-align: top;
		}
	.menuicon-mini i {
		color: #ffffff;
		border: solid .15em rgba(105, 175, 233, 0.8);
	}
}	

@media (min-width: 737px) and (max-width: 980px) {
	body {
		font-size: 11pt;
		}	
	header img {
		width:220px;
		overflow: hidden;
		float: left;
		margin-right:1em;
		}
		#login {
			top:0px;right:0px;
			padding: 0 0px 0 5px;
		}		
	#banner-wrapper header h1	
		{
			font-size:.9em;
		}
	.ui-button {
		margin: 0em;
		font-size:8pt;
	}
	 .SelectStyle2 {
		padding: 2px;
	}
	.menutop {
		top:117px;
	}
	.menutop-mini {	
		top:40px !important;
	}			

}