/*
    Autor: Guillermo Rodriguez Morales
    Fecha: 04-Abril-2016
*/

body {
    color: #646472;
}

.Section_3 {
    background-image: url('../../Image/Banner/bannerModeloServicio2.jpg');
    background-size: cover;
    width: 100%;
    height: auto;
}

.CircleImg:hover {
    background-color: rgba(73, 85, 119,0.1);
    width: 185px;
    height: 185px;
    left: 50%;
    margin-left: -92.5px;
    position: relative;
    z-index: 10011;
}

.CircleImg {
    background-color: rgba(73, 85, 119,0.8);
    height: 185px;
    width: 185px;
    left: 50%;
    margin-left: -92.5px;
    position: relative;
    z-index: 10011;
}

.CenterCircleImg {
    left: 51%;
    margin-left: -96px;
    top: -3px;
    position: absolute;
}

.CircleImgMini:hover {
        background-color: rgba(73, 85, 119,0);
        left: 50%;
        margin-left: -44px;
        position: relative;
        z-index: 10011;
    }

.CircleImgMini {
    background-color: rgba(73, 85, 119,0.8);
    width: 97px;
    height: 97px;
    left: 50%;
    margin-left: -45px;
    position: relative;
    z-index: 1000;
}

.CenterCircleMiniImg {
    left: 50%;
    margin-left: -45px;
    top: -1px;
    position: absolute;
}

.CircleImgMiniActive {
    background-color: rgba(73, 85, 119,0);
    left: 50%;
    margin-left: -45px;
    position: relative;
    z-index: 1000;
}

.BannerTopDiv {
    background-image: url('/Image/Banner/BannerHover1.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 60%;
    height: 100%;
    position: absolute;
    z-index: 1011;
}

.BannerTopDiv2 {
    background-image: url('/Image/Banner/BannerHover2.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 60%;
    height: 100%;
    position: absolute;
    z-index: 1011;
}

.TopText {
    padding-top: 10%;
    padding-left: 10%;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
}

.BottomText {
    padding-top: 5%;
    padding-left: 10%;
    text-align: justify;
    padding-right: 10%;
    color: #FFFFFF;
    font-family: Candara;
}

.BottomTextMobile
{
    font-size: 15px;
    text-align: left;
}

/*Descripcion del Perfil*/
.middleDiv {
    width: 100%;
    height: 100%;
    background-color: #E7E7ED;
}

/*Mas Asistencia*/

.MABackground {
    background-image: url('../../Image/Banner/bannerMasAsistenciaSection2.jpg');
    background-size: cover;
}

.MABannerText {
    color: #FFFFFF;
    z-index: 20000;
    padding-bottom: 3%;
}

.SecondBannerMAHover {
    background-image: url('../../Image/Banner/bannerAsistenciaHogarHover.png');
    width: 100%;
    height: 40%;
    position: relative;
    bottom: 0px;
}

.SecondBannerMA {
    background-image: url('../../Image/Banner/bannerAsistenciaHogar.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
    border-color: red;
}

.SecondMABackground {
    /*background-size: cover;
    background-image: url('../../Image/Banner/bannerMasAsistenciaSection3.jpg');*/
}

/*Mas Soluciones*/

.MSBackground {
    background-image: url('../../Image/Banner/backgroundHover.png');
    background-size: cover;
}

.MSBannerText {
    color: #FFFFFF;
    z-index: 20000;
    padding-bottom: 3%;
}

.SecondBannerMSHover {
    background-image: url('../../Image/Banner/bannerAsistenciaHogarHover.png');
    width: 100%;
    height: 40%;
    position: relative;
    bottom: 0px;
}

.SecondBannerMS {
    background-size: cover;
    width: 100%;
    height: 100%;
    border-color: red;
}

.SecondMSBackground {
    background: #FFFFFF url('../../Image/Banner/secondBannerSo.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

/*Modelo de Servicio*/

.BanneModeloServicioCHover {
    background-image: url('../../Image/Banner/bannerModeloServicioHover.png');
    width: 100%;
    height: 40%;
    position: relative;
    bottom: 0px;
}

.BannerModeloServicio {
    background-image: url('../../Image/Banner/bannerModeloServicio.png');
    background-size: cover;
    width: 100%;
    height: 100%;
}

.ServiceModelBannerText{
    color:#FFFFFF;
    padding-bottom:20%;
}

/*Mas Salud*/

.SecondMSaludBackground {
    background-size: cover;
    background-image: url('../../Image/Banner/MasSaludBackground.png');
}

/*Mas Corporativo*/

.SecondMasCorporativoBackground {
    background-size: cover;
    background-image: url('../../Image/Banner/MasCorporativoBackground.png');
    background-position: center;
}

/*Mapa*/
.MapBackground {
    background-image: url('../../Image/Others/map_background.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
}

.MapDescription {
    background-color: rgba(255, 255, 255,.8);
    border-radius: 10px;
    padding-top: 3%;
    padding-left: 4%;
    padding-bottom: 5%;
    width: 80%;
    font-weight: bold;
    margin: auto;
    list-style: square;
}

    .MapDescription ul li p {
        color: #646472;
    }

.NorteRegionLi{
    color: #F3AD58;
}

.CentroSurRegionLi{
    color: #42B297;
}

.OccidenteRegionLi{
    color: #5474A5;
}

/*Proveedores*/

.ProviderForm
{
    font-family: Candara;
    background-color: #FFFFFF; 
    padding: 20px;
}







.LoadingDiv {
    background-color: rgba(0, 0, 0,.8);
	left: 0px;
	height: 100%;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1030;
    display: none;
}

.LoadingDiv .LoadingImageDiv {
	height: 124px;
	left: 50%;
	margin-left: -62px;
	margin-top: -62px;
	position: relative;
	top: 50%;
	width: 124px;
}

.NoticePrivacyDiv {
    font-family: Candara;
}

.NoticePrivacyDiv .PrivacyHeader {
    font-size: 30px;
    font-weight: bold;
}

.NoticePrivacyDiv .PrivacySubHeader {
    font-size: 20px;
    font-weight: bold;
}

.NoticePrivacyDiv .PrivacyContent {
    font-size: 18px;
}

.ClientLogoImage
{
    max-width: 100%;
    height: auto;
}