@charset "UTF-8";
/* CSS Document */


/*-------------------------------------------------------------------------------------------------*/
	/* titulo de la pagina  fondos claros  */
/*-------------------------------------------------------------------------------------------------*/

#titulopagina {
	position:absolute;z-index:30;
	top:50px;left: 55px;
	text-decoration:none;
	
	padding:0px 0px 2px 0px;
	color: #000000;
	list-style: square;
	text-transform:Uppercase;
	margin: 0; font-size: 12.5px;    
	width:88%;
	letter-spacing:-0.5px; opacity: 0.8;


	
	
}
	
	#titulopagina b{ color:#CCC; letter-spacing:-0.5px;opacity: 0.8; font-weight: 200; padding-left: -3px;padding: 0px 4px  }
	/* linea under  izquierda    */
	#titulopagina b:before{content:"•  "; background-position:bottom center; font-weight: 800;font-size:15px; background-repeat:no-repeat;color:rgba(0, 0, 0, 1);width:20px}
	#titulopagina span{ float:right;text-align:right; width:100px; color:grey;  font-size:18px;  }
	#titulopagina span em{    font-size:10px; font-size:10px; background-image:url(/images/icons/circle.png); background-position:bottom; background-size:8px; background-repeat:no-repeat;-webkit-filter: grayscale(100%);
    filter: grayscale(100%);}
	#titulopagina span  strong{ color:#ededed; font-weight:normal}
	#titulopagina span em:before{content:"_"; color: rgba(255, 248, 248, 0)  }
	
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

#titulopagina span {
    float: right;
    text-align: right;
    width: 100px;
    color: grey;
    font-size: 16px; padding-right: 20px}


    
    #titulopagina {
	position:absolute;z-index:30;
	top:25px;left: 25px;
	text-decoration:none;
	
	padding:0px 0px 2px 0px;
	color: #000000;
	list-style: square;
	text-transform:Uppercase;
	margin: 0; font-size: 11.5px;    
	width:90%;
	letter-spacing:-0.5px;


	
	
}
    
    
}