/* CSS RESET INICIO */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
/* CSS RESET FINAL */

/*reset sp2013*/
body {font: normal 15px Helvetica !important;overflow: auto;}
#s4-workspace {overflow: auto; position: relative; height: auto !important; float: left; width: 100% !important;}
#contentRow {padding:0;}
.navbar-collapse, .navbar-default {box-shadow: none !important;}
.micro-sites > div > div > div,
.statistics-data > div > div > div,
.quick-access > div > div > div,
.main-banner > div > div > div,
.testimony > div > div > div,
.benefits > .container-fluid > div > div {margin-bottom:0}
ul.raw.nav.navbar-nav.navbar-right > li {margin: 0;padding: 0;}
a#botonPersona > div {width: auto;margin-right: 10px; white-space: nowrap; text-overflow: ellipsis;}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {border: 1px solid #fff !important; background:#fff;}
.navbar-default .navbar-toggle .icon-bar { width:100%; background:#0059a3 !important;}
.navbar-default .navbar-collapse {border:0px;}
.benefits {float: left; width: 100%;}
.row.news {float: left;width: 100%;}
.alert-success {float: left;width: 100%; margin: 20px 0 0 0 !important; background: #009fe3 !important; border: 1px solid #009fe3 !important; color: #fff !important;}
.alert-danger {float: left;width: 100%; margin: 20px 0 0 0 !important; background:#f6a6ab !important; border: 1px solid #f6a6ab !important; color:red !important;}
.ajax__scroll_auto {overflow: hidden !important;}
div#DeltaPlaceHolderMain table { width: 100% !important; padding: 0 10px;}
.ms-dlgFrameContainer { padding: 0px;}
.tableColmedica > div > table > tbody > tr > td {padding: 4px 8px 4px 4px;border: 1px solid #e5e5e5 !important;}
.ajax__tab_xp .ajax__tab_body {padding: 0px !important;}
.miga { margin: 10px; float: left; font: normal 0.8em Helvetica;}
.miga a:visited {color: #337ab7 !important;}
.miga > a:first-child {color: #333435;}
.miga > a:first-child:hover {text-decoration:none}
span#onetidPageTitleSeparator { margin-top: 5px; float: left;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.nav-pills li ul {
    position: absolute;
    width: 120%;
    background: #009bdb;
    z-index: 99;
    display: none;
}

.nav-pills li:hover ul {
    display: block !important;
}

clase centros css
.nav-pills > li {
    cursor: pointer;
    position: relative;
}
.dropdown-menu>div>li>a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;}
.dropdown-menu>div>li>a:focus, .dropdown-menu>div>li>a:hover {background-color: #e8e8e8;background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}
/*reset sp2013*/

/* ESTILOS PARA HEADER INICIO */
.logo-container {padding: 10px 0;}
.logo > div > div > a, .logo > div > div > a > img {float: left; width: 100%; max-height: none;}
.row{margin:0 !important;}
.navbar-collapse {padding: 0;}
.navbar-right, .navbar-nav {margin:0 !important; padding:0 !important;}
.panel-top {border-bottom: 1px solid #ccc;max-height: 35px;}
.panel-top ul.nav.navbar-nav.navbar-right > li {border-left:1px solid #ccc;}
.panel-top ul.nav.navbar-nav.navbar-right > li > a {padding: 7px 20px;font-size: 1em;color:#333435;text-align: center;width: 100%;}
.LogIn {background: #009fe3; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.LogIn > a {color:#fff !important; padding-bottom:12px !important; border-radius:5px;}
.LogIn > a:hover, .LogIn > a:focus { background:#028ac5 !important;}
.LogIn > a > span {margin: 3px 10px;float: left;}
.LogIn > a {float:left}
.LogIn > a > div {float: left; width: auto;}
.logo {text-align: center;}
.logo > a {float: left; width: 100%;}
.logo > a > img {float:left; width:100%; height:auto;}
.menuCM {background: #0058a3;font-size: 0.8em;font-weight: bold;}
.navbar-default {background: transparent !important;border:0 !important;}
.navbar {margin: 0 !important;min-height: 44px !important;border-radius: 0px;border: 0;}
.nav-pills > li {cursor:pointer;}
.nav-pills > li:last-child { border:0;}
.nav-pills > li > a {color:#fff;border-radius:0 !important;padding:15px 5px !important;font: bold 1.2em Helvetica; white-space:nowrap;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a:hover {color:#4c5153 !important;background:#edeaea !important;border-radius:0 !important;padding:15px;}
.OFVcolmedica { background:#003770;}
.LogIn {float: right !important;}
.PortalPresadores { margin: 10px; font: normal 1.1em Helvetica;}
.PortalPresadores > span { color:#0058a3; font-weight: bolder; margin-left: 5px;}
.AsistenciaColmedica {
    position: fixed;
    padding: 10px 5px;
    top: 230px;
    z-index: 100;
    background: #e20613;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.AsistenciaColmedica:hover { background:#a5040d; cursor:pointer;}
.AsistenciaColmedica > a {color: #fff !important; text-align:center; float:left;width:100% }
.AsistenciaColmedica > a:hover, .AsistenciaColmedica > a:focus {color:#fff !important; text-decoration:underline !important;}
.AsistenciaColmedica > a > span.glyphicon.glyphicon-comment {font-size: 1.3em;margin: 0 5px 0 0;float: left;width: auto;}
.AsistenciaColmedica > a > span:last-child{float:left;width: 60px;font-size: 12px;text-align: left;}
/* ESTILOS PARA HEADER FINAL */

/*ESTILOS PARA BANNER PUV INICIO*/
.main-banner > div.container-fluid {margin: 0; padding: 0;}
.main-banner .carousel-inner {max-height: 490px;}
.carousel-inner > .item > img { width: 100%;height: auto; width: 100%;position: relative;top: 0;left: 0;}

.carousel-indicators {bottom: 0px !important;}

.carousel-indicators li {width:12px !important; height:12px !important; margin:1px 10px !important;background-color: rgba(0, 159, 227, 0.20) !important; border: 1px solid #0058a2 !important;}
.carousel-indicators .active {width:12px !important; height:12px !important; margin:1px 10px !important; background-color: #0058a2 !important;}
.carousel-control.left,.carousel-control.right { background:none !important;}
.info-banner-cont {position: absolute;top: 80px;width: 320px;float: right;z-index: 10;right: 20%;}
.divider-dark {width: 100px;height: 1px !important;background: #4c5153;float: left;margin-bottom: 15px;min-height: 1px !important;}
.banner-tittle {color:#333435;font: bold 1.9em Helvetica;width:100%;max-width:500px;height:auto;float:left;text-transform:uppercase;text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);}
.banner-subtittle {color:#333435;font: normal 1.5em Helvetica;width:100%;max-width:500px;height:auto;float:left;text-transform:uppercase;     text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);}
.banner-parrafo {color:#333435;font: normal 1em Helvetica;width:100%;max-width:500px;max-height:250px;float:left;margin: 20px 0;overflow:hidden;text-overflow:ellipsis; text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);}
.main-banner .carousel-control {color: #028ac5 !important; text-shadow: 0 1px 2px rgba(255,255,255,1) !important;}
/*ESTILOS PARA BANNER PUV FINAL*/

/* ESTILOS PARA ACCCESO A MICROSITIOS INICIO */
.micro-sites {background: #e2eff7;}
.micrositios-ul > li {text-align: center;padding: 0;}
.micrositios-ul > li > a {float:left;width:100%;padding: 15px;font: normal 1em Helvetica;}
li.corredores {border:0 !important;}
li.corredores > a { color:#013473; background:#e2eff7;}
li.corredores > a:hover {background:#0183bd; color:#fff; text-decoration:none;}
li.empresas > a { color:#013473; background:#e2eff7;}
li.empresas > a:hover {background:#0183bd; color:#fff; text-decoration:none;}
li.prestadores > a {color:#013473; background:#e2eff7;}
li.prestadores > a:hover {background:#0183bd; color:#fff; text-decoration:none;}
/* ESTILOS PARA ACCCESO A MICROSITIOS INICIO */

/*ESTILOS PARA ACCESOS RAPIDOS INICIO*/
.quick-access .carousel-inner {height: 140px; white-space: nowrap;}
ul.access-container {padding: 10px 0px;}
.access-list {text-align: center;}
.access-list > a {height: 100px;float: left;width: 100%; margin-bottom:10px}
.access-list > p {float: left;width: 100%; font: normal 1.2em Helvetica}
.access-container {margin-top: 20px; float:left;}
.quick-access {padding: 20px 0;}
.quick-access .carousel-control {color:#ccc !important; width: 5%;}
/*ESTILOS PARA ACCESOS RAPIDOS FINAL*/

/*ESTILOS PARA DATOS ESTADISTICOS DE HOME INICIO*/
.statistics-data {background: #eee; padding: 20px 0;}
li.item-statistic img {float: left;margin-right: 3%;border: 0;width: 23%;height: 23%;}
li.item-statistic p.tittle {float: right;font: bold 1.6em Helvetica;color:#4c5153;margin: 20px 0 0 0;text-transform:uppercase;width: 73%;}
li.item-statistic p.subtittle {float: left;font: 100 13px Helvetica;color:#333435;text-transform:uppercase;width: 65%;}
/*ESTILOS PARA DATOS ESTADISTICOS DE HOME FINAL*/

/*ESTILOS PARA NOTICIAS INICIO*/
.row.news > .container {margin: 20px auto;}
.new-cont {float: left; padding-top: 30px; width: 100%;}
.new-cont > div > img {width: 100%;height: auto; float: left;}
.new-tittle { width: 100%; float: left; font: bold 1.5em Helvetica; color: #333435;}
.new-date {float: left; width: 100%; margin-bottom: 20px; color: #333435;}
.new-cont .parrafo { margin: 0 0 20px 0; width: 100%;}
.comment-news > span { margin-right: 5px; color: #617078;}
.comment-news { color: #617078;}
.new-cont ul { margin-bottom: 20px; float: left; width: 100%;}
.new-cont .btn-main { float: right;}
.btn-cont > .btn { float: right;}
.btn-cont { margin-top: 20px; float:left; width:100%;}
.news-detail {float: left;width: 100%;}
.news-detail > ul.row > li.col-sm-8.col-xs-12 {margin-top: 30px;}
.news-img > img {width: 100%; text-align: center;}
.news-detail .parrafo {width: 100%;margin: 0 0 20px 0;}
.news-comment {float: left;width: 100%;margin-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.news-comment > span {width: 100%;float: left;margin-bottom: 5px;font: normal 1.1em Helvetica;color: #333435;}
.news-comment input[type="text"] {border: 1px solid #ccc;border-radius: 5px; width: 100%;padding: 20px; height:8em}
.comements {float: left; width: 100%;padding: 0; padding-top: 30px;}
.comements > li {border-bottom: 1px solid #ccc;padding: 10px;}
.comements > li > span {width: 100%;float: left;margin-bottom: 5px;font: bold 1.1em Helvetica;color: #333435;}
.related-news > h3 {width: 100%;float: left; font: bold 1.5em Helvetica; color: #333435;}
.related-news > ul {float: left;width: 100%; margin: 0; padding: 0;}
.related-news > ul > li {border-bottom:1px solid #ccc; float:left;}
.centros-subtittle .ms-webpart-cell-vertical,
.centros-tittle .ms-webpart-cell-vertical {margin: 0;}
.news-container { float: left; width: 100%; padding: 0; margin: 30px 0;}
.news-container .parrafo { width: 100%; margin: 0 0 20px 0;}
div#VideosContent > li.row { min-height: 300px; margin-bottom: 20px !important;}
/*ESTILOS PARA NOTICIAS INICIO*/

/*ESTILOS DE TESTIMONIOS INICIO*/
.testimony {background: #f3f4ef;float: left;width: 100%;}
.testimony > .container-fluid {padding:0 !important;height: 345px;}
.testimony > .container-fluid .carousel {height: 345px;}
.testimony .carousel-control{display:none}
.testimony .carousel-indicators .active { background:#0058a3 !important}
.testimony .carousel-indicators li {border:1px solid #0058a3 !important;}
.row.testimony-item > div > img {width: auto;}
.testimony .carousel-indicators {width:20% !important;left:80% !important;}
.testimony-item > div > p {float: left;margin-top: 50px;max-height: 150px;overflow: hidden;text-overflow: ellipsis;font-size: 0.9em;width: 100%;}
.testimony-item > div > p:before {content: "´´"; font:bolder 2em Helvetica}
.testimony-item > div > p:after {content: "´´"; font:bolder 2em Helvetica}
p.testimony-name {font: bold 1.5em Helvetica;color: #333435;content:"-" !important;height: auto !important;margin-top: 0 !important;}
p.testimony-name:before, p.testimony-name:after { content:none !important;}
.info-testimony {position: relative; top: -320px;}
.info-testimony p {float: left; margin: 10px 0;}
/*ESTILOS DE TESTIMONIOS FINAL*/

/*ESTILOS PARA BENEFICIOS INICIO*/
.benefits > .container-fluid { padding: 0;}
.benefits-img {padding: 0 !important;}
.benefits-img > img {position: absolute;width: auto;height: 700px;right: 0;}
.benefit-info {position: relative; top: 0; z-index: 100; height: 700px;}
.benefit-info > div {position: absolute; top: 90px;}
.benefit-info .parrafo {width: 100%; margin: 20px 0 0 0; float:left;}
.benefits-btn {width: 100%; float: left; margin-bottom: 10px; font:bold 1.1em Helvetica; color:#333435;}
.benefits-acordeon {margin: 10px 0 0 0  !important;float: left;}
.benefits-acordeon > div {margin: 0 2%;font: normal 0.9em Helvetica;color: #333435;float: left;margin-bottom: 10px !important;background: none;border: none;box-shadow: none;width: 96%;}
.panel-title:before {content: "+"; background:#009fe3; color:#fff; padding:0px 5px; border-radius:50%; margin-right:5px; font:100 1em Helvetica;}
.panel-default>.panel-heading {background: none !important;}
.panel-title { font: bold 1.1em Helvetica; color:#333435;}
/*ESTILOS PARA BENEFICIOS INICIO*/

/*ESTULOS PARA FOOTER INICIO*/
footer {background: #003770;}
footer > div.row {border-top: 1px solid #fff;padding: 10px 0;}
.social-net > span {float: right;margin: 5px 10px;color: #fff;font: bold 0.8em Helvetica;}
.social-net > ul {float:right;}
.social-net > ul > li {float:left; margin:0 5px}
.footer-list {padding: 20px 0;}
.footer-list > div {margin-bottom:20px;}
.footer-list > div > h6 {color: #fff;font: bold 1em Helvetica;margin-bottom: 10px;}
.divisor {width: 60px;height: 1px;background: #fff;margin-bottom: 10px;}
.footer-list > div > ul {list-style-type: disc; padding-left:20px;}
.footer-list > div > ul > li,
.footer-list > div > ul > li > a {color: #fff;font-size:1.2rem;cursor: pointer;padding-bottom: 5px;}
#s4-bodyContainer {padding-bottom:0 !important;}
/*ESTULOS PARA FOOTER IFINAL*/

/*ESTILO PARA BOTONES INICIO*/
.btn-main {padding: 10px 15px !important; width: auto !important;
    min-width:15em !important; background: #009fe3 !important;
    border:1px solid #009fe3 !important;    color:#fff !important;
    margin: 0 10px 20px 0 !important;    font: bold 1.5em Helvetica !important;
    text-transform:uppercase !important;
}
.btn-main:hover, .btn-main:focus, .ms-rteStyle-botonColmedica:hover, .ms-rteStyle-botonColmedica:focus { background:#45C3EF !important;}
.btn-second {padding: 10px 15px !important;    width: auto !important;
    min-width:15em !important; background: transparent !important;
    border:1px solid #0058a3 !important;    color:#0058a3 !important;
    margin: 0 10px 20px 0 !important;    font: bold 1.5em Helvetica !important;
    text-transform:uppercase !important;
}
.btn-second:hover, .btn-second:focus {border:1px solid #45C3EF !important; color:#45C3EF !important}
.btn-third {
    padding: 10px 15px !important;    width:100% !important;
    background: transparent !important;    color:#0058a3 !important;
    margin: 0 10px 20px 0;    font: bold 1.7em Helvetica !important;
    text-transform:uppercase !important;    text-decoration:underline;
}
.btn-third:hover,  .btn-third:focus { color:#45C3EF !important; text-decoration:underline;}
.btn-disabled {padding: 10px 15px !important; width: auto !important;
    min-width:15em !important;    background: #dedede !important;
    border: 1px solid #a7a8a9 !important; color: #a9a6a6 !important;
    margin: 0 10px 20px 0 !important;    font: bold 1.5em Helvetica !important;
    text-transform:uppercase !important;
}
/*ESTILO PARA BOTONES FINAL*/

/*ESTILOS PARA MEGAMENUS INICIO*/
.mega-wrapper {position: absolute;z-index: 100;width: 100%;background: #edeaea;border-bottom: 6px solid #0058a3;padding: 10px 0;}
.megamenu-cont {height: 410px;margin-bottom: 0;padding: 0;}
.megamenu-cont > li > div {float:left; padding:15px}
.megamenu-cont > li > div:first-child {width: 41.66666667%;}
.megamenu-cont > li > div:nth-child(2) {width: 33.33333333%;}
.megamenu-cont > li > div:nth-child(3) {width: 25%;}
.megamenu-col1 > h3,
.megamenu-col2 > h3,
.megamenu-col3 > h3,
.megamenu-col4 > h3,
.megamenu-col5 > h3,
.megamenu-col6 > h3,
.megamenu-col7 > h3 {border-bottom: 1px solid #0058a3;p;padding-bottom: 10px;margin-bottom: 20px;font: normal 1.8em Helvetica;color: #50636c;width: 100%;float: left;}
.megamenu-col1 > p,
.megamenu-col2 > p,
.megamenu-col3 > p,
.megamenu-col4 > p,
.megamenu-col5 > p,
.megamenu-col6 > p,
.megamenu-col7 > p {margin-bottom: 20px;font: normal 1.3em Helvetica;color: #333435;width: 100%;float: left; text-align:justify;}
.megamenu-col7 > img {float:left; width:45%; margin-right:5%}
.megamenu-col7 > .btn-third {text-align: right;}
.megamenu-col2 > img {text-align: center; width: 70%;  height: auto;  margin: 0 15% 20px 15%;}
.megamenu-col4 > ul > li {float: left; margin-bottom:10px; width:100%}
.megamenu-col4 > ul > li > img {float: left;width: 70px;height: 70px;}
.megamenu-col4 > ul > li > a {float: right;width: 75%;margin-top: 20px;color: #009fe3;font: 700 1.4em Helvetica;cursor: pointer;}
.megamenu-col5 > ul {float: left;width: 100%;padding-left:40px;margin-bottom:20px;}
.megamenu-col5 > ul > li {list-style-type: disc; float: left; width: 100%; margin-bottom: 10px;}
.megamenu-col5 > ul > li > a {color:#333435; font:normal 1.2em Helvetica; cursor:pointer;}
.megamenu-col6 > a > img,
.megamenu-col6 > img { float: left;width: 70%; height: auto; margin: 0 15% 10px 15%;}
p.menu-parrafo-min { width: 50%; float: right;}
.btn-img > img {width: auto; max-width:100%; margin: 0 auto;}
a.btn.btn-img {text-align: center;float: left; width: 100%;}
/*ESTILOS PARA MEGAMENUS INICIO*/

/*ESTILOS GENERALES DEL SITIO INICIO*/
.colmedicaLayOut {padding: 30px 0;}
.tittle {color:#4c5153; font: bold 1.6em Helvetica; width:100%; height:auto; float:left;}
.subtittle {color:#4c5153;font: normal 1.2em Helvetica;width:100%;height:auto;float:left;}
.tittle-error {color:#A00514; font: bold 1.6em Helvetica; width:100%; height:auto; float:left;}
.subtittle-error {color:#A00514;font: normal 1.2em Helvetica;width:100%;height:auto;float:left;}
/*ESTILOS GENERALES DEL SITIO INICIO*/

/*ESTILOS DASHBOARD INICIO*/
.dashboard-cont {border: 1px solid #ccc; float: left; margin: 40px 0; border-radius: 10px;}
.dashboard-cont > ul > li { border-left: 1px solid #ccc; min-height: 500px;}
.dashboard-cont > ul > li:first-child {border-left:0;}
.dashboard-cont > ul > li > h3 { float: left;width: 100%; margin: 20px 0;text-align: center; color: #0058a3; font: bold 1.5em Helvetica;}
.dashboard-icon { width: 100%; float: left; text-align: center; margin-bottom: 30px;}
.parrafo, p.parrafo > span {margin: 0 5px 0px 5px;color: #333435;}
.dashboard-items { float: left; width: 80%; margin: 20px 10%; padding:0;}
.dashboard-items > li {margin-bottom:5px}
.dashboard-items > li a {margin-left:10px;color:#333435; font:bold 1em Helvetica;}
.dashboard-items > li a:hover {color:#009fe3}
.dashboard-items > li:before{content: "-"}
.notificaciones {background: red;border-radius: 5px; color: #fff; padding: 5px 10px;}
.btn-notify {width: 100%; float: left; font: bold 1.3em Helvetica !important; text-decoration: underline; color: #009fe3;}
/*ESTILOS DASHBOARD FINAL*/

/*ESTILOS PARA FORMULARIOS INICIO*/
.form-cont { float: left;width: 100%;border: 1px solid #ccc;}
.cont-form {float: left;width: 100%;margin: 20px 0px;}
.cont-form > div, .tab-pane > div {min-height: 95px;height:auto;position: relative;z-index: 1;float:left;}
.tab-pane > div > div {min-height: 95px;}
.tab-content>.active {float: left;width: 100%;padding: 20px;}
.form-select, .form-text, .form-phone {margin-top: 10px;float: left;}
.form-select > label, .form-select > span:first-child, .form-text > span:first-child, .form-text label, .form-phone label, .form-msn label {width:100%;float:left;margin-bottom:5px;font:normal 17px Helvetica; color:#333435 !important}
.form-text > span > label {display:none !important;}
.form-select > select {border: 1px solid #ccc;border-radius: 5px;width: 100%;padding: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;z-index: 2;cursor: pointer;}
.form-select > span.glyphicon.glyphicon-chevron-right {position: absolute;top: 35px;right: 20px;width: 2em;height: 30%;line-height: 0;bottom: 0;color: #0058a3;cursor: pointer;z-index: -1;background: #fff;float: right;}
.form-select > span.glyphicon.glyphicon-chevron-right:before {float: left;margin-right: 13px;margin-top: 13px;}
.form-select > span.input-group-addon {display: none;}
.form-select > input {border: 1px solid #ccc;border-radius: 5px; width: 100%;padding: 15px; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
.form-select > div {width: 100%; float: left;}
.form-select > div > label {width: 100%;float: left;margin-bottom: 5px;font: normal 17px Helvetica;color: #333435 !important;}
.form-select > div > div {position: relative; z-index: 2;}
.form-select > div > div > select,
.form-select > div > select {border: 1px solid #ccc;border-radius: 5px;width: 100%;padding: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;z-index: 2;cursor: pointer;}
.form-select > div > span.glyphicon.glyphicon-chevron-right {position: absolute;top: 35px;right: 20px;width: 2em;height: 30%;line-height: 0;bottom: 0;color: #0058a3;cursor: pointer;z-index: 0;background: #fff;float: right;}
.form-select > div > span.glyphicon.glyphicon-chevron-right:before {float: left;margin-right: 13px;margin-top: 13px;}
.label {width: 100% !important;margin: 0 0 5px 0 !important;font: normal 17px Helvetica !important; color: #333435 !important; padding: 0 !important;text-align: left !important; float: left;}
.form-text input {border: 1px solid #ccc;border-radius: 5px;width: 100%;padding: 15px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.form-phone input {border: 1px solid #ccc;border-radius: 5px;padding: 15px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.form-phone > a, .form-phone > span:nth-child(4) {display: none;}
.form-phone > input:nth-child(5) {width: 30%; margin-right: 4%;}
.form-phone > input:nth-child(6) {width: 65%;}
.form-msn {margin-top: 20px;}
.form-msn textarea {border: 1px solid #ccc;border-radius: 5px;width: 100%;padding: 20px;height:10.5em; resize: none;}
.btn-cont-right {float: right !important ;text-align: right;margin: 4em 0 0 0; z-index: 0 !important;}
.btn-cont-left {float: left;text-align: left; margin: 4em 0 0 0;}
.btn-cont-right a {padding: 10px 15px !important;width: auto !important;min-width: 15em !important;background: #009fe3 !important;border:1px solid #009fe3 !important;color:#fff !important;margin: 0 !important;font: bold 1.5em Helvetica !important;border-radius: 5px;float: right;text-align: center;text-transform: uppercase;}
.btn-cont-right a:hover, .btn-cont-right a:focus {background:#45C3EF !important; text-decoration:none !important}
.btn-cont-right a > span {float:right;}
.btn-cont-left a {padding: 10px 15px !important;width: auto !important;min-width: 15em !important;background: none !important;border:1px solid #0058a3 !important;color:#0058a3 !important;margin: 0 !important;font: bold 1.5em Helvetica !important;border-radius: 5px;float: left;text-align: center;text-transform: uppercase;}
.btn-cont-left a:hover, .btn-cont-left a:focus {border:1px solid #45C3EF !important; color:#45C3EF !important; text-decoration:none !important}.btn-cont-left a > span {float:left;}
.form-cont .nav-pills > li.active > a {background:#009fe3 !important;color:#fff !important;text-align:left;padding: 25px 15px !important;}
.form-cont .nav-pills > li > a {color: #b7b7b7;text-align: left !important; padding: 25px 15px !important;background: #f7f7f7;}
a.btnCancel {padding: 10px 15px !important;width: 15em;background: transparent !important;border: 1px solid #0058a3 !important;color: #0058a3 !important;margin: 0 2em 20px 2em !important;font: bold 1.5em Helvetica !important;text-transform: uppercase !important;border-radius:4px;text-align: center;float: left;}
a.btnCancel:hover { text-decoration:none !important; color:#009fe3 !important; border: 1px solid #009fe3 !important;}
.form-signin {max-width: 500px;padding: 15px;margin: 0 auto;}
.form-signin .cont-form .btn-cont {text-align: center;}
.form-signin .cont-form .btn-cont > a:first-child {width: 100%;float: left;}
.form-signin .cont-form .btn-cont > a:first-child > span {margin:0 !important}
.form-signin .parrafo span input {border: 0px;color: #337ab7;font: normal 1em Helvetica;margin: 0 !important;}
.form-signin .parrafo {width:100%;margin: 0px 0 10px 0;text-align:center; float:left;}
.form-signin .parrafo span {text-align: center;}
.terms-cont {float: left;width: 100% !important; margin: 30px 0;overflow-x: auto;max-height: 300px;}
.terms-cont > div {float: left;width: 100% !important; padding: 0 20px;}
.terms-cont h3 {color: #333435;font: bold 1.3em Helvetica;width: 100%;height: auto; float: left;margin-bottom: 20px;}
.terms-cont p {color: #333435;width: 100%; text-align:justify;float:left; margin-bottom:10px;}
.test-class { padding: 0 !important;}
.GrupoOpciones_0 > span:first-child,
.GrupoOpciones_1 > span:first-child,
.GrupoOpciones_2 > span:first-child {margin: 20px 0;float: left;width: 100%;}
.GrupoOpciones_0 > table,
.GrupoOpciones_1 > table
.GrupoOpciones_2 > table {margin-bottom:20px;}
.GrupoOpciones_0 > table input, .GrupoOpciones_0 > table label,
.GrupoOpciones_1 > table input, .GrupoOpciones_1 > table label,
.GrupoOpciones_2 > table input, .GrupoOpciones_2 > table label {margin: 4px 5px 0 0;}
.input-group.date > input {border: 1px solid #ccc;border-radius: 5px 0 0 5px; width: 100%; padding: 15px; height:48px;}
.form-text > div { float: left; width: 100%;}
.form-group { margin: 0 !important;}
span.x1val {width: 100%;float: left;}
.LBD_CaptchaDiv {margin-bottom: 20px !important;}
/*ESTILOS PARA FORMULARIOS FINALS*/


/*ESTILOS PARA TABLAS INICIO*/
.table-responsive {float: left; width: 100%; margin-top: 20px;}
.table-responsive > div > .table, .table-responsive > div > div > .table, .table-responsive > .table, .table-responsive > div > div> table {border: 0; width:100%; min-width:768px;}
.table-responsive > div > .table > tbody  > tr.lineTitleTable > th,
.table-responsive > div > div > .table > tbody  > tr.lineTitleTable > th, 
.table-responsive > div > div > table > tbody  > tr.lineTitleTable > th,
.table-responsive > div > table > tbody  > tr:first-child > th,
.table-responsive > table.table > thead > tr:first-child {background: #0059a3;color: #fff;padding: 8px;line-height: 1.42857143;font-weight: bold;font-size: medium;white-space: nowrap; border::0;}
.table-responsive > div > .table > tbody > tr > td,
.table-responsive > div > div > .table > tbody > tr > td,
.table-responsive > div > div > table > tbody > tr > td {padding: 8px !important;line-height: 1.42857143;font-weight: bold;color: #333435;border: 0;}
.table-responsive > div > .table > tbody > tr > td > input,
.table-responsive > div > div > .table > tbody > tr > td > input
.table-responsive > div > div > table > tbody > tr > td > input,
.table-responsive > .table > tbody > tr > td > input, {padding:0 !important; border:0; width:auto !important}
.table-responsive > div > .table > tbody > tr:nth-child(odd) > td,
.table-responsive > div > div > .table > tbody > tr:nth-child(odd) > td,
.table-responsive > div > div > table > tbody > tr:nth-child(odd) > td { background:#f9f9f9;}
.checkbox {float: left; clear: left;}
.checkbox input[type=radio] {margin:0 5px 0 0 !important;}
.table-responsive > div > strong {margin-bottom: 20px; float: left;}
/*ESTILOS PARA TABLAS FINAL*/

/*ESTILOS PARA LAYOUTS DE INTERNAS INICIO*/
.container.interna-cont {margin-top: 0px; width: 100%;}
.ms-rteStyle-tittle1col{-ms-name:"Titulo colmedica";color: #4c5153;font: bold 30px Helvetica;width: 100%;height: auto;float: left;}
.ms-rteStyle-subtittle1col{-ms-name:"Subtitulo colmedica";color: #4c5153;font: normal 23px Helvetica;width: 100%;height: auto;float: left;}
.ms-rteStyle-botonColmedica{-ms-name:"boton colmedica"; text-align:center !important; border-radius:5px !important;
	padding: 10px 15px !important; width: auto !important;
    min-width:15em !important; background: #009fe3 !important;
    border:1px solid #009fe3 !important;    color:#fff !important;
    margin: 0 10px 20px 0 !important;    font: bold 1.5em Helvetica !important;
    text-transform:uppercase !important; float:right !important;
}
.centros-image img {width: 100%; margin: 5px 0 !important;}
.btn-cont.centros .ms-rte-embedil, .btn-cont.centros .ms-rtestate-field {width:100%;}
.btn-cont.centros .ms-rte-embedil a, .btn-cont.centros .ms-rtestate-field a {float:right;}
.ms-rteStyle-parrafocol{-ms-name:"Parrafo colmedica";color: #333435; font: normal 1em Helvetica;width: 100%;height: auto;float: left;}
.centros-info {background: #eee;border-radius: 5px;padding: 15px 0;}
li.centros-datos, li.centros-datos2 {padding: 0;}
li.centros-datos img {float: left;margin-right: 10px;max-width: 110px;width: 30%;}
li.centros-datos .tittle {float: left;width: 70%;font-size: 3.5em;line-height: 1;margin-top: 20px;margin-bottom: 0px;}
li.centros-datos .subtittle {float: left;width: 70%;}
li.centros-datos2 img {float: left;margin-right: 10px;max-width: 110px;width: 50%;}
li.centros-datos2 .tittle {float: left;width: 50%;font-size: 3.5em;line-height: 1;margin-top: 20px;margin-bottom: 0px;}
li.centros-datos2 .subtittle {float: left;width: 50%;}
.centros-tex {right: 0;position: absolute !important;}
.centros-tex .info-banner-cont {padding: 20px;background: url("/_catalogs/masterpage/nuevaColmedica/images/bg.png") repeat;border-radius: 5px;}
.centros-header, .centros-image {padding: 0 !important;}
.centros-ciudades ul > li > a {
    font: bold 1em Helvetica;
    color:#333435;
    padding:10px;
    float:left;
    width:100%;
    margin-bottom:10px;
    cursor:pointer;
    text-transform:uppercase;
}
.centros-ciudades ul > li > a:hover {
    background:#ecebeb;
    text-decoration:none;
    color:#009fe3;
}
.panel .bnt-cont {float: left;width: 100%; margin-top: 40px;}
.panel .bnt-cont a {float:right;}
.panel-body > ul, .panel-body > ul > li {
    float: left;
    width: 100%;
    padding: 0;
}
.panel-body.row > ul > li > ul > li:first-child {font-weight: bold; margin-bottom: 10px;}
li.row {list-style: none;}
.news-img > iframe {width: 100% !important;}
.prestador-cont {float: left;width: 100%;padding-top: 40px;}
.prestador-cont img {width:100%; height:auto; margin:20px 0;}
.prestador-cont .btn-main {min-width: 0em !important; margin: 0 !important;}
.prestador-cont .col-sm-3.col-xs-12, .prestador-cont .col-sm-4.col-xs-12 { text-align: center;}
.prestador {float: left;width: 100%;padding-top: 0px;}
.prestador img {width:100%; height:auto; margin:20px 0;}
.prestador .btn-main, .prestador .btn-disabled {min-width: 0em !important; margin: 0 !important;}
.prestador .col-sm-3.col-xs-12 { text-align: center;}

/*ESTILOS PARA LAYOUTS DE INTERNAS INICIO*/
/* Estilo tabla personalizada */

.barraTitleLeftCOL {
	background-image: url(/images/general/barraTitleLeft.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 26px;
}
.tableFooterLine #lineaSeparacion {
	border: 1px solid #FFF;
}
.barraTitleRightCOL {
	background-image: url(/images/general/barraTitleRight.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 26px;
}
.barraTitleCenterCOL {
	background-image: url(/images/general/barraTitleCenter.png);
	background-repeat: repeat-x;
	height: 26px;
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-bottom:2px;
}
.cornerHeaderTableLeft {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #5FC0EA !important;
	color: #FFF;
	background-image: url(/images/general/cornerLeftHeaderTable.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 7px;
}
.cornerHeaderTableRight {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #5FC0EA !important;
	color: #FFF;
	background-image: url(/images/general/cornerRightHeaderTable.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 7px;
}
.cornerHeaderTableCenter {
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 9pt !important;
	font-weight: bold !important;
	background-color: #5FC0EA !important;
	color: #FFF !important;
	height: 44px;
	text-align: center !important;
	padding: 10px 0 !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.cornerHeaderTableCenter a {
	color: #FFF !important;
}
.cornerHeaderTableCenter a:link:visited {
	color: #FFF !important;
}
.subHeaderTable {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A6DAF7;
	border-bottom-color: #A6DAF7;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #F80025;
	text-align: center;
	height: 30px;
	padding: 10px 0 !important;
}
.subHeaderTableGray {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A6DAF7;
	border-bottom-color: #A6DAF7;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #F80025;
	text-align: center;
	height: 30px;
	background-color: #f4f4f4;
    padding: 10px 0 !important;
}
.subHeaderTableLeft {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A6DAF7;
	border-bottom-color: #A6DAF7;
	height: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A6DAF7;
}
.subHeaderTableRight {
	height: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A6DAF7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6DAF7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A6DAF7;
}
.tableFooterLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6DAF7;
	font-size: 9pt;
	font-weight: normal;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
}
.tableFooterLine thead th, .tableFooterLine tbody th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.columnWhiteCOL {
	padding:10px;
}
.columnWhiteCOL a{
	color: #009ADD;
	text-decoration: none;
}
.columnWhiteCOL a:link{
	color: #009ADD;
	text-decoration: none;   
	min-width: 5em !important;
}
.columnWhiteCOL a:visited{
	color: #009ADD;
	text-decoration: none;
}
.columnWhiteCOL li{
	color: #009ADD;
	text-decoration: none;
}
.columnGrayCOL{
	background-color:#F4F4F4;
	padding:10px;
}
.columnGrayCOL a{
	color: #009ADD;
	text-decoration: none;
}
.columnGrayCOL a:link{
	color: #009ADD;
	text-decoration: none;
    min-width: 5em !important;
}
.columnGrayCOL a:visited{
	color: #009ADD;
	text-decoration: none;
}
.columnGrayCOL li{
	color: #009ADD;
	text-decoration: none;
}

.lineLeftTableCOL {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #A6DAF7;
}
.lineRightTableCOL {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A6DAF7;
}
h1.ms-rteElement-H1B {
    color: #0072BC;
    font-size: 10pt;
    font-weight:bold;
}
/* Estilo tabla personalizada FIN */

.modal-header .close {text-align: right;}
.ui-accordion .ui-accordion-header .ui-icon {top: 0 !important;}
.ui-accordion .ui-accordion-header { padding-left: 30px;}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
table.table-center > tbody > tr {
    width: 30%;
    padding: 0 45%;
    float: left;
    text-align: center;
}
table.table-center > tbody > tr > td {
    width: auto;
    padding: 5px;
}

.contentalingpop {
    float: left;
    width: 90%;
    margin: 0 5%;
}
.centros-tittle.col-sm-12.col-xs-12 {margin-top: 30px;}
.ajax__tab_xp .ajax__tab_tab {height:auto !important;}
.lineTitleTable {font-family: Arial, Helvetica, sans-serif;font-size: 9pt;font-weight: normal;color: #FFF;background-color: #5FC0EA;}
.cuaderno-salud{ width:730px; margin:0 auto;}



/*ESTILOS PARA BENEFICIOS INICIO*/
.benefits > .container-fluid { padding: 0;}
.benefits-img {padding: 0 !important;}
.benefits-img > img {position: absolute;width: auto;height: 700px;right: 0;}
.benefit-info {position: relative; top: 0; z-index: 100; height: 700px;}
.benefit-info > div {position: absolute; top: 90px;}
.benefit-info .parrafo {width: 100%; margin: 20px 0 0 0; float:left;}
.benefits-btn {width: 100%; float: left; margin-bottom: 10px; font:bold 1.1em Helvetica; color:#333435;}
.benefits-acordeon {margin: 10px 0 0 0  !important;float: left;}
.benefits-acordeon > div {margin: 0 2%;font: normal 0.9em Helvetica;color: #333435;float: left;margin-bottom: 10px !important;background: none;border: none;box-shadow: none;width: 96%;}
.panel-title:before {content: "+"; background:#009fe3; color:#fff; padding:0px 5px; border-radius:50%; margin-right:5px; font:100 1em Helvetica;}
.panel-default>.panel-heading {background: none !important;}
.panel-title { font: bold 1.1em Helvetica; color:#333435;}
/*ESTILOS PARA BENEFICIOS INICIO*/