/** 
-------------------------------------------------------------------------------
@system	CENTRO MEDICO MISTRAL - BLOG QUINQUI.
@about	Modulo Estilos CSS para MOVILES.
@autor	Carolina Casanova Garcia, aka, quinqui
@date	31-03-2020
@update	30-04-2020 ccasanova: Agregados estilos de Botones y Banners Solicita Hora.
@update	13-10-2020 ccasanova: Agregado word-wrap a #cmNavegacionPie P.
-------------------------------------------------------------------------------
*/

#cmMobile		/** BODY */
{
	margin:0;
	padding:0;
	font-size:48pt;
}
#cmMobile #cmTodo
{
	width:100%;
	margin:0;
	padding:0;
}

/**
---------------------------------------
 TOP
---------------------------------------
*/

#cmMobile #cmTop #cmMenuTopContenedor
{
	height:auto;
}

#cmMobile #cmTop,
#cmMobile #cmTopContenedor
{
	width:100%;
	height:auto !important;
}
#cmMobile #cmTop DIV
{
	display:block;
}

/** TOP: LOGO */
#cmMobile #cmTop #cmLogo
{
	width:100%;
	height:600px;
	background-size:90% auto;
	background-position:center center;
}

/** TOP: Menues */
#cmMobile #cmNavegacionTop
{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#cmMobile #cmNavegacionTop #cmTituloMenuTop
{
	width:100%;
	height:auto;
	min-height:156px;
	margin:0;
	background-color:#0073BC;
	background-image:url("../img/cmm_icon_menu.png");
	background-size:96px;
	background-repeat:no-repeat;
	background-position:36px 18px;
}
#cmMobile #cmNavegacionTop #cmTituloMenuTop P
{
	padding:48px 0 0 169px;
	font-size:inherit;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}
#cmMobile #cmNavegacionTop #cmContenedorMenuTop
{
	width:100%;
	margin:0;
	padding:0;
	background-color:#00ABE8;
}
#cmMobile #cmNavegacionTop #cmContenedorMenuTop .cmcNavTopOpcion
{
	width:100%;
	padding:24px 0;
	font-size:inherit;
	text-align:center;
	color:#FFFFFF;	
}
#cmMobile #cmNavegacionTop #cmContenedorMenuTop .cmcNavTopOpcion A
{
	color:#FFFFFF;	
}
#cmMobile #cmNavegacionTop #cmContenedorMenuTop .cmcNavTopOpcion:active
{
	background-color:#10BBF8;
	border:none;
}
#cmMobile #cmNavegacionTop #cmContenedorMenuTop .cmcNavTopOpcion.cmcSeleccionada
{
	background-color:#FFFFFF;
	font-weight:bold;
	color:#00ABE8;
}
#cmMobile #cmNavegacionTop #cmContenedorMenuTop .cmcNavTopOpcion.cmcSeleccionada A
{
	color:#00ABE8;
}
#cmMobile #cmNavegacionTop .cmcTopUltima
{
	width:100%;
	height:96px;
	margin:0;
	padding:0;
	background-color:transparent;
	background-image:url("../img/cmm_bg_sombra-inf.png");
	background-size:96px;
	background-repeat:repeat-x;
	background-position:top;
}

/** TOP: Enlaces */
#cmMobile #cmTop #cmEnlacesTop
{
	width:100%;
	height:auto;
	clear:both;
}
#cmMobile #cmEnlacesTop .cmcEnlaceTopOpcion,
#cmMobile #cmTopReservarHora
{
	width:90%;
	min-height:96px;
	margin:12px auto;
	padding:120px 0 36px 0;
	font-size:inherit;
	text-align:center;
	vertical-align:middle;
	background-position:top center;
	background-size:96px;
}
#cmMobile #cmTopReservarHora
{
	border-radius:36px;
	background-color:#0073BC;
	background-image:url("../img/cmm_icon_hora.png");
	background-position:center 36px;
	padding:156px 0 0 0;
	color:#FFFFFF;
	font-size:inherit;
	font-family:"Myriad Pro", Arial, sans-serif;
	text-transform:uppercase;
	cursor:pointer;
}


/**
---------------------------------------
CONTENIDO
---------------------------------------
*/

/** Seccion */
#cmMobile #cmContenedorContenido,
#cmMobile #cmSeccion.cmcTable,
#cmMobile #cmSeccion.cmcTable .cmcRow,
#cmMobile #cmSeccion.cmcTable .cmcCell,
#cmMobile #cmSeccion .cmcContenidoSeccion,
#cmMobile #cmSeccion .cmcContenidoSeccion100,
#cmMobile #cmSeccion .cmcColumnaLateral,
#cmMobile #cmSeccion #cmBuscador
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size:inherit;
}
#cmMobile #cmSeccion.cmcTable,
#cmMobile #cmSeccion.cmcTable .cmcRow,
#cmMobile #cmSeccion.cmcTable .cmcCell
{
	display:inline;
}
#cmMobile #cmSeccion .cmcContenidoSeccion,
#cmMobile #cmSeccion .cmcContenidoSeccion100,
#cmMobile #cmSeccion .cmcColumnaLateral,
#cmMobile #cmSeccion #cmBuscador
{
	display:block;
}
#cmMobile #cmSeccion #cmBuscador
{
	width:90%;
	margin:24px auto;
}


/** Presentacion */
#cmMobile #cmPresentacion
{
	width:100%;
	height:auto;
	margin:0 0 60px 0;
	padding:0;
	font-size:42pt;
}
#cmMobile #cmPresentacion .cmcAnuncio,
#cmMobile .cmcCarrusel .cmcAnuncio,
#cmMobile #cmPresentacion .cmcAnuncio.cmcTable,
#cmMobile #cmPresentacion .cmcAnuncio .cmcRow,
#cmMobile #cmPresentacion .cmcAnuncio .cmcCell
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	display:block;
}
#cmMobile .cmcCarrusel .cmcAnuncio
{
	float:none;
}
#cmMobile .cmcCarrusel .cmcAnuncio .cmcImagenAnuncio,
#cmMobile .cmcCarrusel .cmcAnuncio .cmcTextoAnuncio
{
	position:inherit;
}
#cmMobile .cmcCarrusel .cmcAnuncio .cmcTextoAnuncio .cmcTexto
{
	position:inherit;
}
#cmMobile #cmPresentacion .cmcAnuncio .cmcImagenAnuncio,
#cmMobile #cmPresentacion .cmcAnuncio .cmcTextoAnuncio
{
	width:100%;
	height:auto;
	margin:0;
}
#cmMobile #cmPresentacion .cmcAnuncio .cmcTextoAnuncio
{
	margin:0;
	padding:0;
	font-size:inherit;
}
#cmMobile #cmPresentacion .cmcAnuncio .cmcTextoAnuncio P
{
	padding:0 60px 48px 60px;
}
#cmMobile #cmPresentacion .cmcAnuncio .cmcTextoAnuncio H1
{
	padding:48px 60px 24px 60px;
}

/** Enlaces Frecuentes */
#cmMobile #cmContenedorEnlacesFrecuentes
{
	width:90%;
	height:auto;
	margin:48px auto;
	padding:0;
	font-size:42pt;
}
#cmMobile #cmContenedorEnlacesFrecuentes .cmcEnlace
{
	clear:both;
}
#cmMobile #cmContenedorEnlacesFrecuentes .cmcEnlace
{
	width:100%;
	height:auto;
	margin:24px 0;
	padding:0;
	border-radius:36px;
	font-size:inherit;
}
#cmMobile #cmContenedorEnlacesFrecuentes .cmcEnlace .cmcTitulo
{
	width:100%;
	height:auto;
	background-size:96px;
	background-position:center 36px;
	padding:64px 0 0 0;
}
#cmMobile #cmContenedorEnlacesFrecuentes .cmcEnlace .cmcContenido
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
#cmMobile #cmContenedorEnlacesFrecuentes .cmcEnlace .cmcContenido P
{
	width:90%;
	height:auto;
	padding:0;
	margin:0 auto 48px auto;
}
#cmMobile #cmContenedorEnlacesFrecuentes .cmcEnlace .cmcContenido LI
{
	width:90%;
	height:auto;
	padding:0 48px 48px 96px;
	margin:0 auto 12px auto;
	border-left-width:24px;
}

/** Banner Form Solicita Hora */
#cmMobile .cmcBannerReservarHora
{
	padding:30px 30px;
}
#cmMobile .cmcBannerReservarHora P
{
	border-radius:36px;
	font-size:1.5em;
}
#cmMobile .cmcBannerReservarHora A
{
	padding:180px 18px 18px 18px;
	background-size:120px;
	background-position:center 36px;
}

#cmMobile #cmContenedorFormSolicitaHora
{
	padding:30px 60px;
}


/** Buscador-Galeria */
#cmMobile #cmBuscador
{
	font-size:42pt;
}
#cmMobile #cmBuscador .cmcArchivo
{
	width:100%;
	height:auto;
	margin:0 0 120px 0;
	clear:both;
	font-size:inherit;
}
#cmMobile #cmBuscador .cmcArchivo .cmcFotoFicha
{
	border-radius:36px;
	height:900px;
	margin:120px 0 48px 0;
}

/** Formularios */
#cmMobile .cmcForm,
#cmMobile FORM,
#cmMobile .cmcForm .cmcTable
{
	font-size:inherit;
	width:100%;
	padding:0 !important;
}
#cmMobile .cmcForm,
#cmMobile FORM
{
	margin:0 0 128px 0;
}
#cmMobile FORM .cmcTable,
#cmMobile .cmcForm .cmcTable
{
	width:90%;
	margin:24px auto !important;
}
#cmMobile FORM .cmcTable,
#cmMobile FORM .cmcRow,
#cmMobile FORM .cmcCell,
#cmMobile .cmcForm .cmcTable,
#cmMobile .cmcForm .cmcRow,
#cmMobile .cmcForm .cmcCell
{
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
#cmMobile FORM .cmcCell.cmcLeyenda P,
#cmMobile .cmcForm .cmcCell.cmcLeyenda P
{
	padding:48px 0 24px 0;
}
#cmMobile FORM INPUT,
#cmMobile .cmcForm INPUT,
#cmMobile FORM TEXTAREA,
#cmMobile .cmcForm TEXTAREA,
#cmMobile FORM SELECT,
#cmMobile .cmcForm SELECT
{
	width:90%;
	border-radius:36px;
	border:4px solid #AAAAAA;
	padding:24px;
	margin:0;
}

#cmMobile .cmcBtnTexto
{
	border-radius:36px;
	background-position:36px center;
	background-size:96px;
	font-size:1.1em;
	padding:36px 64px 24px 156px !important;
}

/** Mensajes */
#cmMobile .cssMensaje,
#cmMobile .cmcMensaje,
#cmMobile .cmcNota
{
	font-size:inherit;
	border-radius:36px;
	background-position:36px center;
	background-size:96px;
	font-size:1em;
	padding:36px 64px 24px 156px !important;
}
#cmMobile .cmcNota
{
	padding:36px 64px 24px 64px !important;
}


/**
---------------------------------------
PIE
---------------------------------------
*/
#cmMobile #cmNavegacionPieContenedor,
#cmMobile #cmCreditosPie
{
	font-size:inherit;
	margin:0;
	padding:0;
}
#cmMobile #cmNavegacionPie,
#cmMobile #cmNavegacionPie.cmcTable,
#cmMobile #cmNavegacionPie .cmcRow,
#cmMobile #cmNavegacionPie .cmcCell
{
	margin:0;
	padding:0;
	display:block;
}
#cmMobile #cmNavegacionPie
{
	width:90% !important;
	margin:0 auto !important;
	padding:128px 0;
}
#cmMobile #cmNavegacionPie .cmcBloquePie
{
	width:100%;
	margin:128px 0;
}
#cmMobile #cmNavegacionPie LI,
#cmMobile #cmNavegacionPie P
{
	border-left-width:6px;
	margin:0 0 24px 0;
	padding:0 0 0 48px;
	font-size:0.5em;
	word-wrap:break-word;
}
#cmMobile #cmNavegacionPie .cmcLeyenda
{
	background-position:0 center;
	background-size:64px;
	min-height:96px;
	margin:96px 0 16px 0;
	padding:32px 0 0 64px;
}

#cmMobile #cmCreditosPie
{
}
#cmMobile #cmCreditosPie P
{
	width:90%;
	margin:48px auto;
	padding:0;
	font-size:0.5em;
}
#cmMobile #cmCreditosPie .cmcDestacado
{
	font-size:inherit;
}
#cmMobile #cmNavegacionPieContenedor P.cmcLinkReservarHora
{
	width:90%;
	margin:0 auto 0 0;
	padding:32px 48px 27px;
	border-radius:36px;
	background-position:32px center;
	background-size:64px;
	font-size:1em;
}