/** 
-------------------------------------------------------------------------------
@system	BLOQ QUINQUI - CENTRO MEDICO MISTRAL.
@about	Lista de Estilos CSS - Anuncios.
@autor	Carolina Casanova Garcia, aka, quinqui
@date	05-11-2019
@update	14/10/2020 ccasanova: Agregado overflow:auto a .cmcTextoAnuncio
-------------------------------------------------------------------------------
*/

#cmPresentacion
{
	width:100%;
	/*height:600px;*/
	margin:0;
	padding:0;
}

#cmPresentacion .cmcAnuncio
{
	width:100%;
	height:360px;
	margin:0;
}
#cmPresentacion .cmcAnuncio .cmcImagenAnuncio
{
	width:50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-image:url("../img/cmm_portada-defecto.jpg");
}
#cmPresentacion .cmcAnuncio .cmcTextoAnuncio
{
	width:50%;
	background-color:#00ABE8;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:left !important;
	font-size:1.25em;
	padding:0 45px;
	overflow:auto;
}
#cmPresentacion .cmcAnuncio .cmcTextoAnuncio P
{
	text-align:justify;
	margin:0 auto 9px auto !important;
}
#cmPresentacion .cmcAnuncio .cmcTextoAnuncio H1
{
	color:#00395D;
	margin:18px auto 0 auto !important;
}
#cmPresentacion .cmcAnuncio .cmcEtiquetas
{
	text-align:right !important;
}
#cmPresentacion .cmcAnuncio .cmcEtiquetas A
{
	border-radius:9px;
	background-color:#0073BC;
	padding:9px 9px 6px 9px;
	color:#FFFFFF;
	font-size:0.75em;
}
#cmPresentacion .cmcAnuncio .cmcEtiquetas A:hover
{
}


/** Carrusel */
.cmcCarrusel
{
	width:100%;
	margin:0;
	padding:0;
}
.cmcCarrusel .cmcAnuncio
{
	float:left;
}
.cmcCarrusel .cmcAnuncio .cmcImagenAnuncio,
.cmcCarrusel .cmcAnuncio .cmcTextoAnuncio
{
	position:relative;
}
.cmcCarrusel .cmcAnuncio .cmcTextoAnuncio .cmcTexto
{
	position:absolute;
	top:0;
	left:0;
	height:auto;
	margin:auto;
	padding:0 45px;
}
.cmcCarrusel .cmcFlecha
{
	position:absolute;
	z-index:1;
	top:0;
	width:64px;
	height:360px;
	border:0;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */	
	background-repeat:no-repeat;
	background-size:32px;
	background-position:16px center;
	background-image:url("../img/cmm_icon_flecha.png");
	cursor:pointer;
}
.cmcCarrusel .cmcFlechaIzquierda
{
	left:0;
}
.cmcCarrusel .cmcFlechaDerecha
{
	transform:scaleX(-1);
	right:0;
}