/** 
-------------------------------------------------------------------------------
@system	BLOQ QUINQUI - CENTRO MEDICO MISTRAL.
@about	Lista de Estilos CSS - Layout.
@autor	Carolina Casanova Garcia, aka, quinqui
@date	19-11-2019
@update	21-03-2020 ccasanova: Agregado .cmcGmapLink
-------------------------------------------------------------------------------
*/

#cmTodo
{
	width:100%;
	margin:0;
	padding:0;
}

/** 
-----------------------------
AREA TOP Y MENU
-----------------------------
*/
#cmTopContenedor,
#cmTop
{
	width:100%;
	height:142px;
	margin:0;
	padding:0;
	border:0;
	background-color:#FFFFFF;
}

#cmTop #cmLogo
{
	width:264px;
	padding:0;
	vertical-align:top;
	height:130px;
	padding:0;
	background-image:url("../img/cmm_logo.png");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 102px;
	cursor:pointer;
	/*border:1px solid #FFFF00;*/
}

/** Contenedor de los Menues TOP */
#cmTop #cmMenuTopContenedor,
#cmTop #cmMenuTop
{
	height:142px;
	margin:0;
	padding:0;
}
#cmTop #cmMenuTop
{
	padding:0;
	width:100%;
}

/** MENU 1: Enlaces y Reserva */
#cmMenuTopContenedor1
{
	vertical-align:bottom;
	/*border:1px solid #FF0000;*/
}
#cmMenuTopContenedor1,
#cmEnlacesTop
{
	width:100%;
	height:77px;
	margin:0;
	padding:0;
}
#cmEnlacesTop
{
	height:45px;
	margin:0 24px 0 0;
	padding:0;
	/*border:1px solid #00FF00;*/
}
#cmEnlacesTop .cmcEnlaceTopOpcion,
#cmTopReservarHora
{
	font-size:11pt;
	text-align:left;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 24px;
	width:1px;
	white-space:nowrap;
	padding:4px 30px 0 30px;
}

#cmTopTelefonos
{	background-image:url("../img/cmm_icon_fono.png");	}
#cmTopDireccion
{	background-image:url("../img/cmm_icon_map.png");	}
#cmTopFAQ
{	background-image:url("../img/cmm_icon_info.png");	}

/** Boton TOP Reservar Hora */
#cmTopReservarHora
{
	border-radius:9px;
	background-color:#0073BC;
	background-image:url("../img/cmm_icon_hora.png");
	background-position:18px center;
	color:#FFFFFF;
	font-size:13pt;
	font-family:"Myriad Pro", Arial, sans-serif;
	text-transform:uppercase;
	padding-left:54px;
	cursor:pointer;
}
#cmTopReservarHora:hover
{
	background-color:#0085C9;
}
/** MENU 2: Secciones (Navegacion de Sitio) */
#cmMenuTopContenedor2
{
	vertical-align:middle;
	/*border:1px solid #0000FF;*/
}
#cmMenuTopContenedor2,
#cmNavegacionTop
{
	padding:0;
	height:54px;
}
#cmNavegacionTop
{
	width:100%;
	margin:12px 0 0 0;
	/*border:1px solid #0000FF;*/
}
#cmNavegacionTop .cmcNavTopOpcion
{
	text-align:center;
	vertical-align:middle;
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size:14pt;
	text-transform:uppercase;
	color:#00395D;
	padding:15px 15px 0 15px;
	width:1px;
	white-space:nowrap;
	cursor:pointer;
	border:0;
	border-bottom:6px solid transparent;
	/*border:1px solid #0000FF;*/
}
#cmNavegacionTop .cmcNavTopOpcion A
{
	color:#00395D;
	text-decoration:none;
}
#cmNavegacionTop .cmcNavTopOpcion:hover,
#cmNavegacionTop .cmcNavTopOpcion:focus
{
	border-bottom-color:#00395D;
}
#cmNavegacionTop .cmcNavTopOpcion.cmcSeleccionada
{
	font-weight:bold;
}

/** Estilos Transversales en el TOP */
#cmTop .cmcTopUltima
{
	padding:0;
	width:48px;
}
#cmSubrayadoTopMenu .cmcCell
{
	background-color:#0073BC;
	height:12px !important;
	padding:0 !important;
}


/** Area Menu Top Expandido */
#cmContenedorMenuExpandido
{
	color:#00395D;
	font-size:12pt;
	width:100%;
	position:absolute;
	z-index:9999;
	left:0;
	top:inherit;
}
#cmContenedorMenuExpandido A
{
	color:#00395D !important;
}
#cmContenedorNavTopExp
{
	background-color:#FFFFFF;
}
#cmContenedorNavTopExpBordeInf
{
	background-color:transparent;
	background-repeat:repeat-x;
	background-position:top;
	background-image:url("../img/cmm_bg_sombra-inf.png");
	height:21px;
	border:0;
}
#cmContenedorNavTopExp,
#cmContenedorNavTopExpBordeInf
{
	width:100% !important;
	min-width:1024px;
	margin:0;
	padding:0;
	border:0;
	left:0;
}
#cmContenedorNavTopExp .cmcMenuExp
{
	position:relative;
	padding:15px 0;
	left:0;
	border:0;
	border-top:4px solid #00395D;
}
#cmContenedorNavTopExp .cmcMenuExp .cmcCell
{
	padding:6px 48px 6px 0;
}

/** Texto en Menu Expandido */
#cmContenedorNavTopExp UL,
#cmContenedorNavTopExp LI
{
	list-style-type:none;
	margin:0;
	padding:0;
}
#cmContenedorNavTopExp LI
{
	border:0;
	border-left:3px solid #00ABE8;
	padding:4px 0 2px 9px;
	margin:0 0 3px 0;
}
#cmContenedorNavTopExp LI:hover
{
	border-left-color:#00395D;
}
#cmContenedorNavTopExp .cmcLeyenda
{
	color:#00ABE8;
	font-weight:bold;
	font-size:1.1em;
	padding:0 24px 0 0 !important;
}
#cmContenedorNavTopExp .cmcLeyenda A
{
	color:#00ABE8 !important;
}

/** 
-----------------------------
AREA CONTENIDO CENTRAL
-----------------------------
*/

#cmContenedorContenido
{
	background-color:#FFFFFF;
	padding:0;
	font-size:12pt;
	text-align:justify;
	color:#00395D;
}

#cmGMap
{
	width:100%;
	height:400px;
}
#cmSeccion
{
	width:100%;
	margin:0;
	padding:0;
}
#cmSeccion .cmcTable
{
	width:100%;
}

/** Transversales en Layout */
.cmcColumnaLateral
{
	width:25%;
	vertical-align:top;
	padding:12px 30px !important;
}
.cmcContenidoSeccion,
.cmcContenidoSeccion100
{
	vertical-align:top;
	padding:12px 30px 12px 75px !important;
}
.cmcContenidoSeccion
{
	width:75%;
}
.cmcContenidoSeccion100
{
	width:99%;
	padding-right:66px !important;
}

.cmContenidoBanner
{
	width:100%;
	margin:0;
}
.cmContenidoTexto
{
	width:90%;
	margin:36px auto;
}

/** Banner Reservar Hora */
.cmcBannerReservarHora
{
	clear:both;
	width:auto;
	height:auto;
	margin:auto;
	padding:30px 0 0 0;
	border:0;
}
.cmcBannerReservarHora P
{
	width:96%;
	margin:auto;
	background-color:#0073BC;
	border:0;
	border-radius:9px;
	color:#FFFFFF;
	text-align:center;
	font-size:2em;
}
.cmcBannerReservarHora A
{
	display:inline-block;
	padding:18px 18px 18px 60px;
	color:#FFFFFF;
	background-image:url("../img/cmm_icon_hora.png");
	background-size:auto 32px;
	background-position:18px center;
	background-repeat:no-repeat;
}

#cmContenedorFormSolicitaHora
{
	clear:both;
	width:auto;
	height:auto;
	margin:auto;
	padding:30px 30px 0 30px;
	border:0;
}
#cmContenedorFormSolicitaHora .cmcForm
{
	width:90% !important;
	margin:auto;
}


/** 
-----------------------------
AREA PIE
-----------------------------
*/

/** ---------------------- */
/** Enlaces PIE Pagina */
/** ---------------------- */
#cmNavegacionPieContenedor
{
	background-color:#00395D;
	color:#FFFFFF;
	font-size:11pt;
	text-align:left;
}
#cmNavegacionPieContenedor A
{
	color:#FFFFFF;
}
#cmNavegacionPieContenedor .cmcTable
{
	margin:36px 75px;
	width:auto;
}
#cmNavegacionPieContenedor P
{
	padding:1px 0 1px 12px;
	border:0;
	border-left:3px solid #888888;
}
#cmNavegacionPieContenedor P.cmcLinkReservarHora
{
	width:75%;
	margin:0 auto 0 0;
	padding:9px 12px 6px;
	text-align:center;
	border:0;
	border-radius:9px;
	background-color:#0073BC;
	background-image:url("../img/cmm_icon_hora.png");
	background-repeat:no-repeat;
	background-position:12px center;
	background-size:18px;
	color:#FFFFFF;
}
#cmNavegacionPieContenedor P.cmcLinkReservarHora:hover
{
	background-color:#0085C9;
}
#cmNavegacionPieContenedor .cmcLeyenda
{
	color:#00ABE8;
	font-weight:bold;
	min-height:24px;
}
#cmNavegacionPieContenedor .cmcLeyenda P
{
	margin:0;
	padding:8px 0 4px 32px;
	border:0;
}
#cmNavegacionPieContenedor UL
{
	margin:0;
	padding:0;
	list-style-type:none;
}
#cmNavegacionPieContenedor UL LI
{
	margin:0 0 2px 0;
	padding:1px 0 1px 12px;
	border:0;
	border-left:3px solid #888888;
}
#cmNavegacionPieContenedor UL LI:hover
{
	border-left-color:#00ABE8;
}

#cmNavegacionPieContenedor .cmcGmapLink
{
	width:90%;
	height:auto;
	border:1px solid #FFFFFF !important;
	cursor:pointer;
}

/** ---------------------- */
/** Creditos */
/** ---------------------- */
#cmCreditosPie
{
	background-color:#002E4C;
	color:#999999;
	font-size:8pt;
	text-align:center;
	vertical-align:middle;
	padding:36px;
}
#cmCreditosPie P
{
	margin:0;
	padding:0;
}
#cmCreditosPie .cmcDestacado
{
	font-size:10pt;
	color:#00ABE8;
}
#cmCreditosPie A
{
	color:#999999;
}