@charset "UTF-8";
/* ================= Importar fuente nueva MDC 2016 =================== */

@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,600';
/*
Azul Claro: #3B8ECC;
Azul fuerte: #004e99
*/

/* ================= nuevos div para "que no hace diferentes_onco"  FLH 2016 =================== */
.todas{ visibility: hidden; display:none; }	
.unasola{ visibility: hidden; display:none; }
/* ============================================================================================= */

/* ================= "tablas de equivalencia_nutrionco"  FLH 2016 =================== */
.tabla_nutrientes_titulos b { color:#fff}
.tabla_nutrientes td { padding: 3px}
/* ============================================================================================= */

/* ================= "bolsa de trabajo"  FLH 2017 =================== */
#rcorners {
    border-radius: 25px;
    border: 5px solid #3B8ECC;
    padding: 20px; 
    width: auto;
    height: auto;    
}
/* ============================================================================================= */

/* ================= "Box Color 2018 Themis =================== */

.content-box-blue {
	background-color: #d8ecf7; 
	border: 1px solid #afcde3;
	color: #FFFFFF;
	margin: 0 0 25px;
	overflow: hidden;
	padding: 20px;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

/* ================= "Moving Boxs Carousel 2017 Themis =================== */


div#myCarousel.carousel.slide nav ul.control-box.pager li:before {
	color: transparent!important;
}

ul.thumbnails { 
    margin: 0px!important;
}

ul.thumbnails li.col-sm-12 {
	list-style-type: none!important;
}

ul.thumbnails li.col-sm-12:before {
	color: transparent!important;
}
.thumbnails li> .fff .caption { 
    padding:5px;
	height: 250px;
}

ul.control-box.pager{ 
    margin: 0px 0px 25px 0px !important;
    text-align: center !important;   
}

.pager li > a, .pager li > span {
    background-color: transparent !important; 
    border: 1px solid transparent !important; 
    border-radius: none !important; 
    color: #3b8ecc !important;
}
.contenido a.carousel-control2 i.glyphicon{
    font-family: 'Glyphicons Halflings';
	font-style: normal !important;
	color: #0055a5;
}

div.caption h4 {
    font-family: 'Merriweather Sans', sans-serif !important;
    font-size: 18px;
    color: #0055a5 !important;
    text-align: left !important;
}

/* ============================= 2018 Estilos para tablas basadas en Flex por Diego 8 mayo 2018 ======================= */
  .content-tablas { width: 100%;
	    height: auto;
	    margin: 0px;
	    padding: 0px;
	    box-sizing: border-box;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: flex-start; }

	     .content-tablas ul li { text-align: left !important;  }

		.content-una-tabla { width: 100%;
		height: auto;
		margin: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 0px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		border: 2px solid #C7C7CF; }

		.tit-tabla { width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
		box-sizing: border-box;
		 text-align: center !important;
		 background-color: #00bdd8;
		 color: white !important;
		 margin-bottom: 0 !important; }

		.intabla-cols { width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start; }

		.un-col { width: 50%;
		height: auto;
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start; }

		.col-tres { width: 33.3%;
		height: auto;
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start; }

		.cinco-col { width: 20%;
		height: auto;
		margin: 0px;
		padding: 0px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start; }

		.un-col p, .col-tres p, .cinco-col p { width: 100%;
		height: auto;
		margin: 0px;
		padding: 10px;
		box-sizing: border-box;
		font-size: 12px;
		
		text-align: center !important; }

		.n-cuadro { border: 1px solid #C7C7CF; }

		.altura-uno { min-height: 657px; }

		.altura-dos { min-height: 927px; }

		.altura-tres { min-height: 210px; }

		.altura-cuatro { min-height: 608px; }

		.altura-cinco { min-height: 407px; }

		.altura-seis { min-height: 212px; }

		.altura-siete { min-height: 552px; }

		.altura-ocho { min-height: 417px; }

		.altura-nueve { min-height: 512px; }

		.sub-tit-col {  background-color: #00c5dc;
		                color: white !important;
                        margin-bottom: 0px !important;
                        min-height: 60px; }

		.sub-sub-tit { background-color: #00cfe0;
		               color: white !important;
		               min-height: 60px;  }

		.sub-sub-tit.sut-e { min-height: 80px; }

		.sub-tit { width: 100%;
		height: auto;
		min-height: 60px;
		margin: 0px;
		padding: 15px;
		box-sizing: border-box;
		background-color: #00c5dc;
		color: white !important;
		text-align: center !important;
		margin-bottom: 0 !important; }

		.content-una-tabla p strong { font-size: 12px; }

		.content-una-tabla ul li { font-size: 12px; }

		@media only screen and (min-width: 900px) {

			.un-col p, .col-tres p, .cinco-col p { font-size: 15px; }

			.content-una-tabla p strong { font-size: 15px; }

			.content-una-tabla ul li { font-size: 15px; }

			.altura-uno { min-height: 577px; }

			.altura-dos { min-height: 767px; }

			.altura-cuatro { min-height: 475px; }

			.altura-cinco { min-height: 407px; }

			.altura-seis { min-height: 192px; }

			.altura-siete { min-height: 371px; }

			.altura-ocho { min-height: 357px; }

			.altura-nueve { min-height: 447px; }

		}
/* 2018 FIN DE Estilos para tablas basadas en Flex por Diego 8 mayo 2018 */
		
		



/* ================= "PROMO Invierno 2017 Themis =================== */

.sidebar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel-box {
    padding: 30px;
    background: #fff;
    position: relative;
    border: 2px solid #005195;
}

h4.panel-title {
    line-height: 1.3;
    margin: 5px 0 20px 0 !important;
}

.abajo-izquierda {

                position: absolute;
                bottom: -27px;
                left: 0;
                width: 0;
                height: 0;
                border-width: 25px 25px 0;
                border-style: solid;
                border-color: #3B8ECC transparent transparent;
            }


/* ============================================================================================= */



/* ================= "llamado a la accion UCEC"  Manuel Del Castillo VII 2017 =================== */
	.llamado_accion2017 {
		background-color: #eeb088;
		background-image: url(/work/models/ms/Resource/8543/1/images/pleca-llamado-accion-horizontal.png);
		background-position: right top;
		background-repeat: no-repeat;
		font-size: 125% !important;
		padding: 10px;
		width: 100%;
		display: block;
		margin-bottom: 15px;
	}
	.llamado_accion2017 p {
		color: #FFF !important;
		font-size: 20px;
		line-height: 25px !important;
		margin-bottom: 5px !important;
		padding: 0;
		text-align: left !important;
	}
	.llamado_accion2017 em {
		color: #FFF !important;
		font-size: 24px;
	}
	.llamado_accion2017 a {
		text-decoration: underline;
		color: #FFF !important;
		font-size: 20px;
	}
	.esconder_en_celular_2017 {
		display: block;
	}
	.alerta2017 {
	color: #DF633A !important;
    font-size: 22px !important;
	font-weight: bold !important;
	text-align: left !important;
	}
	
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

li.hijoA {
    padding-left: 25px;
}

.menucontex li.hijoA {
    border-bottom: none;
    padding-bottom: 3px;
}

.menucontex li.hijoA:first-child {
    border-bottom: none;
}

a       { outline: 0 !important;}


/*Estilo para dar credito a la Mayo Clinc en los textos del sitio. Nov. 2017. Manuel Del Castillo*/
		.fuente_mayo p {margin-top: 20px !important;}
		p.fuente_mayo span {background-color: #E2E2E2; border-radius: 2px; padding:3px 5px; color: #757575; font-size: 90%;}

/*Estilo para el llamado a la accion de Urgencias y Me esta dando un infarto cardiaco Manuel Del Castillo. Nov. 2017 */

		.urgencias_pad_right {padding-right: 0 !important;}
		.urgencias a {color:#DF633A !important; font-size:140%; text-align:left; text-decoration: underline !important;}
		.urgencias h2 {color:#DF633A !important; font-size:140%; text-align:left;}




/*LIMPIEZA de CONTENIDOS - - - - - - - - - - - - - - - - - - - - - - - */
/*SWB MAPA*/
#tree_ms ul li ul li		{ margin-bottom:20px; background:#f6fcfd; padding:15px; }
#tree_ms ul li ul li ul li	{ margin-bottom:auto; padding:0px;} 
.icomap > span 				{ display: none}

.venta h3, .venta h3 strong, .venta strong  {line-height:20px; margin-bottom:20px; font-weight:normal; display:inline-block; border-bottom:none !important; padding-bottom:0 !important;}
.venta h3 strong { margin-bottom:0;}
.venta h3 { margin-top:0 !important;}
.contenido i, .contenido em { font-style:italic;}

.t-checkup ul { margin:0px; padding:0px;}
.t-checkup li { list-style-type:none; background:url(bullet_small.gif) no-repeat scroll 0px 4px; padding:0px 0px 3px 5px;}
.t-checkup td { text-align:center; vertical-align: top; border:solid 1px #CCC;}
.t-checkup th { text-align:center; padding:5px 2px !important; background:#004e99 !important; font-weight:normal; border:solid 1px #3c77b3; color:#FFF !important;}
.t-checkup .estudios { text-align:left; vertical-align: top;}
.t-checkup .estudios { background:#e9f0f5}
.t-checkup .estudios td { background:#cbdae4}
.t-checkup .estudios th { background:#004e99}
.izq { float:left; margin-right:30px;}
.der { float:right; margin-left:30px;}
.contenido img {display: block; height:auto; max-width:100%;}

/*Ancho de tablas*/
.t-100 { width:100%;}
.t-90  { width:90%;}
.t-80  { width:80%;}
.t-70  { width:70%;}
.t-60  { width:60%;}
.t-50  { width:50%;}
.t-40  { width:40%;}
.t-30  { width:30%;}
.t-20  { width:20%;}
.t-10  { width:10%;}
.t-izq { margin:0px !important;} /*por defoult se alinean al centro, con esto se alinea a la izquierda*/

td a:link, td a:active { color:#3B8ECC;}
td a:hover, td a:visited { color:#3B8ECC;}
/*CLASICA*/
.t-clasica { border:solid 1px #369; border-collapse:collapse; margin:0px auto;}
.t-clasica caption { font-weight:bold;}
.t-clasica th { background:#369; color:#FFF; padding:5px 3px;}
.t-clasica td { border-bottom: solid 1px #999; padding:3px; }
.t-clasica tr:hover { background:#cbdaee;}
.t-clasica .glyphicon.glyphicon-hand-up { color: #369 !important; font-size:20px; padding-left:10px;} 
.t-clasica a { color: #369 !important;}


/*CollapsiblePanel*/
.abre { margin-bottom:20px; } /*todo*/
.abreTab span { display:none;}
.abreTab  { background: url(../img/bullet-acordeon.jpg) no-repeat left; padding:5px 0px 5px 30px; margin-top:15px; cursor: pointer;} /*pestana */
.abreCont { background: url(../img/fondo-acordeon.jpg) no-repeat left top #f7f7f7; padding:1px 0px 0px 20px; margin-right:20px;} /*cont*/

/*VSITAS VIRTUALES*/
.v360 { width:630px; }
.v360ifr { margin:0px; height:0px; height:292px;}
.v360ifr iframe { width:630px; height:290px; border:solid 1px #999 !important;}
.v360ifr iframe:hover { border: solid 1px #000 !important; cursor: move;}
.v360tools { width:630px; height:60px; border: solid 1px #999; background:#f1f1f1;}
.v360tools p {font-size:10px; margin:3px 0px 0px 0px !important; padding:30px 0px 0px 0px !important; color:#666; float:left; width:155px; text-align: center}
.v360tools .mouse  { background:url(../img/v360-cursor.gif) no-repeat top center;}
.v360tools .screen { background:url(../img/v360-screen.gif) no-repeat top center;}
.v360tools .ctrl   { background:url(../img/v360-ctrl.gif) no-repeat top center;  }
.v360tools .shift  { background:url(../img/v360-shift.gif) no-repeat top center; }

.v360abre     {}
.v360abreTab  { background:#999; border:solid 1px #999; color:#FFF; margin:0px; padding:0px; text-align:center; width:630px; cursor:pointer;}
.v360abreCont {}

/*VSITAS VIRTUALES MINI*/
.v360-i { font-family:Arial, Helvetica, sans-serif;  width:400px; float:left; margin:0px 15px 10px 0px; }
.v360ifr-i { margin:0px; height:0px; height:200px;}
.v360ifr-i iframe { width:400px; height:200px; border:solid 1px #999 !important;}
.v360ifr-i iframe:hover { border: solid 1px #000 !important; cursor: move;}
.v360tools-i { width:400px; height:60px; border: solid 1px #999; background:#f1f1f1;}
.v360tools-i p {font-size:10px; margin:3px 0px 0px 0px !important; padding:30px 0px 0px 0px !important; color:#666; float:left; width:95px; text-align:center; line-height: 12px !important;}
.v360tools-i .mouse-i  { background:url(../img/v360-cursor.gif) no-repeat top center;}
.v360tools-i .screen-i { background:url(../img/v360-screen.gif) no-repeat top center;}
.v360tools-i .ctrl-i   { background:url(../img/v360-ctrl.gif) no-repeat top center;  }
.v360tools-i .shift-i  { background:url(../img/v360-shift.gif) no-repeat top center; }

.v360abreTab-i  { background:#999; border:solid 1px #999; color:#FFF !important; margin:0px; padding:0px; text-align:center !important; width:400px; cursor:pointer; font-size:12px !important;}

.swb-mapa h1 { background:none !important;
	width: auto !important;
	height: auto !important;
	text-indent:inherit !important;
	text-align:left !important;
	color:#369 !important;
}
.swb-mapa { border:none !important}

.reconocimientos {}
.reconocimientos tr {}
.reconocimientos td { padding:10px 0 10px 5px;}


/*LIMPIEZA de CONTENIDOS- - - - - - - - - - - - - - - - - - - */

* {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin:0; padding:0;}
div.responsive img  { display:block; height:auto; max-width:100%;}
.carruselresponsive { display:block; height:auto; width:100%;}
.cuerpo { margin-top:40px; padding-left:15px; color:#777;}
#sizer { height:10px; display:none;}
button { background:#3B8ECC !important; color:#FFF !important;}

/*EVENTOS*/

#eventos .glyphicon {font-family:'Glyphicons Halflings'} 
.collapsed .glyphicon-chevron-up,
.panel-title.panelms .glyphicon-chevron-down{ display:none; }
.panel-title.collapsed .glyphicon-chevron-down { display:block; color:#999;}
#eventos .panel-default 	{ border-color:#efefef; border-radius:0; margin-bottom:25px; box-shadow:none;}
#eventos .panel-heading 	{ padding:0;}
#eventos .panel-heading h4, 
#eventos .panel-heading p 	{ margin:0;} 
#eventos .panel-title   	{ text-decoration:none }
#eventos .panel-title span 	{ float:left; margin:10px 0 10px 10px; }
#eventos .panel-title p 	{ padding-left:35px; padding-bottom:10px; }
#eventos .panel-title h4 	{ font-weight:bold; padding-top:10px; color:#3B8ECC;}
#eventos .panel-heading 	{ background:#f9f9f9;}
#eventos .panel-body p 		{ margin-bottom: 5px;}
#eventos .panel-body a		{ text-decoration:none;}

/*TEASER*/
#teaser 		{ position:relative; width:100%; min-height:290px; padding:0; margin:0;}
#teaser div 	{ background:#0033a1; color:#FFF; padding:12px 5px 15px 20px; width:50%; position:absolute; top:140px; min-height:150px;}
#teaser h2  	{ margin:0 0 10px 0; font-size:35px; /*line-height:40px;*/ letter-spacing:-0.02em;} /*========================== MDCN =====================*/
#teaser h3 		{ font-size:13px; font-weight:normal; margin:0 0 5px 0; left:-10px; position:relative}
#teaser h3 a,
#teaser h3 a:hover	{ color:#FFF;}	
#teaser h2 span { font-size:18px; display:block; letter-spacing:1px;}
#teaser p   	{ margin:0 0 5px 0; font-size:21px; line-height:25px;}
#teaser .glyphicon { font-size:10px; position:relative; top:0;}

#interna #menucontextual ul li:first-child-xxx {}
#menucontextual ul li:first-child a span { display:none;}
.menucontex li:first-child {
/*background: -moz-linear-gradient(#fff 85%, #f3f3f3);  For Firefox 3.6 to 15 */
/*background: -webkit-linear-gradient(#fff 85%, #f3f3f3);  For Safari 5.1 to 6.0 */
/*background: -o-linear-gradient(#fff 85%, #f3f3f3);  For Opera 11.1 to 12.0 */
/*background: linear-gradient(to #fff 85%, #f3f3f3);  Standard syntax */
border-bottom: solid 1px #ddd;
}
#interna2 #teaser 		{ min-height:105px;}
#interna2 #teaser div	{ top:55px; min-height:50px; padding:10px 5px 10px 25px; left:29%;}
#interna2 #teaser h2 	{ font-size:23px; margin-bottom:0;}
#interna2 #teaser.sinlateral div { left:2% }
#interna2 #teaser p,
#interna  #teaser h3  	{ display:none;}
/*LATERAL*/
.lateral		{ padding:0}
.lateral .tit   { color:#3B8ECC;}

/*MENU CONTEXTUAL*/
#menucontextual  { border:none;}
#menucontex 	 { margin: 0; width: 100%;}
.menucontex 	 { margin:0;}
.menucontex li 	 { font-size:14px; list-style-type:none; /*padding:0;*/ border-bottom:solid 1px #ddd; width:100%;}
.menucontex li a { text-decoration:none; padding:10px 3px;}
.menucontex .sel a,
 #interna .menucontex li:first-child a {color:#3B8ECC !important; /*background:url(../img/bullet-tri-azul.png) no-repeat right center;*/}
.menucontex .navbar-collapse { padding:0;}
.menucontex .navbar-default { background:none; border:none; margin:0;}
.menucontex .navbar-toggle { background:#eee; border:solid 1px #ccc; border-radius:0; float:none; margin:0; text-align:left; width:100%; padding:6px 10px; }

.menucontex .navbar-default .navbar-toggle:focus,
.menucontex .navbar-default .navbar-toggle:hover { background-color:#eee;}

.menucontex .glyphicon { float:right;}
.menucontex .navbar-toggle .glyphicon-chevron-down { display:none;}
.menucontex .navbar-toggle .glyphicon-chevron-up   { display:inline-block;}	
.menucontex .navbar-toggle.collapsed .glyphicon-chevron-down { display:inline-block;}
.menucontex .navbar-toggle.collapsed .glyphicon-chevron-up   { display:none;}

.menucontex .navbar-nav    { margin:0; padding:0; float:none;}
#menucontex .navbar-header { padding-right:15px;}

/*CITA*/
.cita 	 	{ margin-top:30px;}
.cita p.tit,
.cita p.tit a { font-weight:bold; font-size:18px; color:#3B8ECC; margin-bottom:5px;}
.cita .glyphicon { display:none;}
.cita a  	{ text-decoration:none; color:#3B8ECC; line-height:16px; margin-bottom:7px; font-size: 16px;}

.citaFundacion 	 	{ margin-top:7px;}
.citaFundacion p.tit,
.citaFundacion p.tit a { font-weight:bold; font-size:18px; color:#3B8ECC; margin-bottom:5px;}
.citaFundacion .glyphicon { display:none;}
.citaFundacion a  	{ text-decoration:none; color:#3B8ECC; line-height:16px; margin-bottom:7px;}

/*CONTENIDO*/
.contenido *  { color:#666; font-size:15px; text-align:justify; font-family:"Source Sans Pro", Helvetica, Arial, sans-serif; } /* ================== Modificado MDCN, 2016 ================== */
.contenido strong  {font-weight:600;}
.contenido	  { padding:10px 15px 0 60px;}
.contenido a  { text-decoration:underline; color:#3B8ECC;}
.contenido p  { line-height:20px; margin-bottom:15px; font-weight:300; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;} /* ================== Modificado MDCN, 2016 ================== */
.contenido h2:first-child { margin:0 0 10px 0; padding-bottom:0; } /* ================== CREADO MDCN, 2016 ================== */
.contenido h2 { font-size:22px; font-weight:400; margin:35px 0 20px; color:#3B8ECC;} /* ================== CREADO MDCN, 2016 ================== */
.contenido h3 { font-size:17px; font-weight:bold; margin:20px 0 10px; padding-bottom:10px;} /* ================== Modificado MDCN, 2016 ================== */
.contenido h3:first-child { margin-top:0}
.contenido h4, .contenido h4 a {font-size:22px; font-weight:400; margin:25px 0 15px 0;  color:#3B8ECC; text-align: left !important;} /* ================== CREADO MDCN, 2016 ================== */
.contenido h4:first-child {margin-top: 0;}
.contenido h5 {font-size:17px; font-weight:400; margin:25px 0 15px 0; } /* ================== CREADO MDCN, 2016 ================== */
.contenido figcaption { text-transform:uppercase; font-weight:200; font-size:13px;} /* ================== CREADO MDCN, 2016 ================== */
.contenido ul 			{ margin:5px 0 20px 35px; position:relative; list-style-type:none;  } /* ================== Modificado MDCN, 2016, cambio del margin left de 15 a 35px ================== */
.contenido ul ul		{ margin-left:25px}
.contenido li 			{ margin:5px 0; font-weight:300;}/* ================== Modificado MDCN, 2016 ================== */
.contenido li:before 	{ color:#3b8ecc; content:"•"; font-size:25px; left:-15px; line-height:0.65em; position:absolute;}
.contenido li li:before { color:#999; content:"•"; font-size:20px; }
.contenido ul div { padding:0}
.contenido ol { margin:5px 0 20px 30px}
.contenido ol li { margin-left:-5px}
.contenido ol li:before { content:none}
.contenido blockquote { border:none; padding:0 0 0 30px}
.dir-esp div	{ margin-bottom:25px;}
.dir-esp div p	{ margin-bottom:7px;}
.btop { border-top:5px solid #3b8ecc; border-bottom:solid 2px #efefef; margin-top:5px; margin-bottom:20px; }
.row > .indiceTematico {  margin-left: 30px !important }
.indexrow { padding-left: 0 }
.infoanuales {}
.infoanuales img { box-shadow:3px 3px 0 #ccc}
.infoanuales span { display:block; margin-left:10px; margin-top:6px }
.infoanuales a { display:block; margin-bottom:15px }


/*TIP*/
.tip  { border-top:5px solid #3b8ecc; border-bottom:solid 2px #efefef; margin-top:5px; margin-bottom:20px; background:#f9f9f9; min-height:170px; width:55%; padding:25px 15px 15px 10px;}
.tip p, .tip p em  { font-size:16px;}
.tip p:last-child { margin-bottom:0;}
.tip em { color:#3b8ecc}
.tip p span { font-size:10px; word-wrap:break-word}
.tip img {  float:left; height:auto; max-width:100%; margin-right:10px;}
.tip > span { clear:both; display:block;}
.tip .tit { text-align:center; font-weight:bold;}


/*TOP*/ 
#top { background:#d3d3d3; border-bottom:#b0b0b0 solid 1px;}
#top * { color:#515151;}
#top .navbar-top { margin:0;}
#top .navbar-top li { border-right:1px solid #b0b0b0; border-left:1px solid #ebebeb; display:inline-block; margin:2px 0 1px; padding:0;}
#top .navbar-top li:last-child  { border-right:none; padding-right:0;}
#top .navbar-top li:first-child { border-left:none;}
#top .navbar-top li a { font-size:12px; padding:3px 10px 2px; text-transform:uppercase}
#top .navbar-top li a.selsec { color:#337ab7 !important}
.toplinks nav div { padding:0;}
.toplinks nav div ul { float:right;}
.toplinks .navbar-toggle { color: #fff !important; margin: 2px 0 0; padding: 1px 3px 0 4px; border-radius:0px;}
.toplinks .navbar-toggle:active { background:#e0e0e0;}
.toplinks .navbar-toggle .glyphicon { font-size:17px; }
.toplinks .navbar { min-height:30px;}
.toplinks { /*height:30px;*/}
.topurge 		   { background:url(../img/urge-icon.png) no-repeat 0 5px; padding:5px 0 5px 37px; margin:0; float:left;}
.ver-ing .topurge  { background:none; padding:5px; margin:0; float:left;}

#top .nav.navbar-nav li {}
#top .nav.navbar-nav li a:hover { text-decoration:underline; background:none;}
#top .nav.navbar-nav ul  {}
#top .navbar-collapse.in { overflow-y:visible; }

#top.ver-esp .navbar-top li.lan-Esp,
#top.ver-ing .navbar-top li.lan-Eng { display:none; }
#top.ver-ing .navbar-top li.lan-Esp,
#top.ver-esp .navbar-top li.lan-Eng { border-right:none;}
.lan-Eng, .lan-Esp {background:none !important; width:auto !important;}

/*CABECERA*/
#cabecera { margin:15px 0;}
#cabecera h1 { display:none;}
#cabecera .busca { text-align:left;}
/*#cabecera .logo { text-align:right;}*/
#cabecera input  { width:275px; border-radius:0}
#cabecera button { background:#aabdcc; color:#FFF; font-size:20px; border-radius:0;}
#cabecera .navbar-form { margin:25px 0 0; padding:0;}
#cabecera .btn { padding:3px 12px 0px;}

/*BUSCA*/
.busca {}
.busca .navbar-header { padding:0;}
.busca .navbar-header .navbar-toggle { background:none !important; color:#999 !important; float:left; top:16px;}
.busca .navbar-header .navbar-toggle .glyphicon-triangle-bottom { font-size:8px; float:left; margin-left:6px;}
.busca div:last-child { padding:0;}
.busca .navbar-collapse.in { overflow-y:visible; }

.busca .navbar-toggle.collapsed .glyphicon-triangle-bottom   { display:block;}
.busca .navbar-toggle .glyphicon-triangle-bottom 			 { display:none;}
.busca .navbar-toggle.collapsed .glyphicon-search    	  	 { display:block;}
.busca .navbar-toggle .glyphicon-search 					 { display:none;}
.busca .navbar-toggle.collapsed .glyphicon-chevron-up 		 { display:none;}
.busca .navbar-toggle .glyphicon-chevron-up 				 { display:block;}

/*MENU*/
#menu * { color:#737373;}
#menu .navbar.navbar-default { margin-bottom:1px; border:none; border-radius:0; background:#025194; text-align:center;
	/*
background: -moz-linear-gradient(#F0F0F0 35%, #EEE, #BABABA); 
background: -webkit-linear-gradient(#F0F0F0 35%, #EEE, #BABABA); 
background: -o-linear-gradient(#F0F0F0 35%, #EEE, #BABABA); 
background: linear-gradient(to #F0F0F0 35%, #EEE, #BABABA); */}

#menuglobal { padding:0; }

#menuglobal .navbar-nav > li { border-right:1px solid #FFF; width:13.82%; } /*es diferente para tablet*/
#menuglobal .navbar-nav > li.malta {width:17%; } 
#menuglobal .navbar-nav > li > a { padding:5px 10px; font-size:15px; height:50px;}
#menuglobal .navbar-nav > li:last-child { border-right:none;}
#menuglobal .navbar-nav > li > a > span { display:inline-block;}
#menuglobal .navbar-nav > li > a,
#menuglobal .navbar-nav > li > a > span { color:#FFF}
#menuglobal .dropdown-menu { border:none; border-radius:0; margin-top:1px; background-color:#F0F0F0; box-shadow:2px 2px 3px rgba(0, 0, 0, 0.45); padding:15px 10px 20px;}
#menuglobal .dropdown-menu li > a { font-size:13px; background:url(../img/bullet-tri-naranja.png) no-repeat 0px 6px; padding:3px 10px; display:block; text-decoration:none !important;}

.titid { color:#3B8ECC; text-transform:uppercase; position:relative; top:-37px; font-size:16px;}

/*cidyt*/
#menuglobal .dropdown-menu ul 	 { margin-left:20px; background:none;}
#menuglobal .dropdown-menu ul li { list-style-type:none}
#menuglobal .dropdown-menu li li a { font-size:13px; background:url(../img/bullet-tri-narangris.png) no-repeat 0px 6px; padding:3px 10px; display:block; text-decoration:none !important;}

#menuglobal .caret { position:relative; top:5px; display:initial; z-index:5000; color:#074a8b; display:none;}

.navbar-default .navbar-nav > .open > a > strong { display:block !important;}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { 
background: -moz-linear-gradient(#2a6fae 15%, #074a8b); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#2a6fae 15%, #074a8b); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#2a6fae 15%, #074a8b); /* For Opera 11.1 to 12.0 */
background: linear-gradient(to #2a6fae 15%, #074a8b); /* Standard syntax */}
.navbar-default .navbar-nav > .open > a > span, 
.navbar-default .navbar-nav > .open > a  { color:#FFF !important;}

#menuglobal .col1, #menuglobal .col2, #menuglobal .col3 { float:left; }
#menuglobal img { border:solid 1px #FFF; box-shadow:0px 0px 5px #333; margin-top:10px;}
#menuglobal .dropdown .glyphicon { display:none;}
 
.matencion .col1 { width:60%;}
.matencion .col2 { width:38%;}
.matencion .col3 { width:20%;}

.malta .dropdown-menu { width:561px;} 
.malta .col1 { width:58%;}
.malta .col2 {}

.mpacientes .dropdown-menu { width:460px;}
.mpacientes .col1 { width:50%;}
.mpacientes .col2 { width:50%;}

.mbeneficios li a    { }
.mbeneficios li a	 { background:none !important; padding:0 !important; margin:0 16px; float:left; clear:none;}
.mbeneficios li span { display:none;}
.mbeneficios {}

.dropdown.meventos span   { position:relative; top:10px }

#menu.mingles li.dropdown { text-align: center; width: 20% }

/*CARRUSEL*/
#portadams .carousel-caption * { color:#FFF;  }
#portadams .carousel-caption   { text-shadow:none; text-align:left; background:#3B8ECC; left:0;  top:100px; bottom:auto ; padding:15px 10px 10px 25px; width:42%; }
#portadams .carousel-caption.rosa { background:#e3518c !important;}
#portadams .carousel-control.right, #portadams .carousel-control.left { background-image:none}
#portadams .carousel-caption h4 { font-size:40px; padding:0; margin:0; letter-spacing:-2px; line-height:41px; margin-bottom:10px;}
#portadams .carousel-caption p  { font-size:25px; padding:0; margin:0; letter-spacing:-1px; line-height:31px;}
#portadams .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size:40px; margin:0; height:auto; width:auto; top:40%;}
#portadams .carousel-control.left { right:600%; left:120%;} /*REVISAR ESTA PARTE*/
#portadams .carousel-control.right { right:0%; left:auto;}
#portadams #carousel-560826 .carousel-control { /*width:8%;*/ width:auto; opacity:0.0; text-shadow:nones; visibility: hidden; }
#portadams #carousel-560826:hover .carousel-control  { /*width:8%;*/ width:auto; opacity:0.6; text-shadow:nones; visibility: visible; }
#portadams .carousel-indicators { left:88%; width:auto; margin:0; bottom:21px; }
#portadams .carousel-indicators .active { background-color:#3b8ecc; width:10px; height:10px;}
#portadams .carousel-indicators li   { border: 1px solid #3b8ecc;}

/*SUB CARRUSEL*/
#subcarrusel { }
/*#bannerHome, #eventoHome, #sucursales { margin-top:40px;} */

/*#bannerHome { }*/

/*eventos*/
#eventoHome {}
#eventoHome div:first-child { background:#FFF; color:#FFF; font-size:16px; padding:2px 8px;}
#eventoHome div:first-child a { color:#FFF;}
#eventoHome div:last-child  { height:260px;}
#eventoHome div span.glyphicon { font-size:16px; position:absolute; right:18px; top:6px;}
#eventoHome li { list-style-type:none; no-repeat 0 3px; padding-left:8px; line-height:19px; margin:5px 0 25px 0px; } 
* #eventoHome li a {  color: #0055a5; font-weight:300 }
* #eventoHome li span {  display:block;}
#eventoHome li a span { color:#666; display:block;}
 /*#eventoHome li { list-style-type:none; background:url(../img/bullet-tri-naranja.png) no-repeat 0 3px; padding-left:8px; line-height:16px; margin:10px 0 10px 5px; }
#eventoHome li a { color: #004e99;}
#eventoHome li a span { color:#666; display:block;}*/
#eventoHome .pre-scrollable { border:solid 1px #0055a5 ;
background: -webkit-linear-gradient(#FFF 80%, #f9f9f9); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#FFF 80%, #f9f9f9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#FFF 80%, #f9f9f9); /* For Firefox 3.6 to 15 */
background: linear-gradient(to #FFF 80%, #f9f9f9); /* Standard syntax */}

/*PIE*/
#pie { margin-top:35px; background:url(../img/piefondo.jpg)}
#pie * { color:#FFF; list-style-type:none; }
#pie .tit  { padding:4px 0px 3px 20px; margin:0; font-size:14px; border-bottom:1px solid #4f8bb9; } 
#pie .pie1 .tit + div, #pie .pie2 .tit + div { padding-left:20px; margin-top:3px;}
#pie a { padding:3px 0px; display:block; text-decoration:none;}
#pie ul div  { padding:0;}
.pie1, .pie2, .pie3 { padding:0; font-size:12px; height:215px;}
.pie1 .tit { background:#3975a1;}
.pie2 .tit { background:#4d8bba;}
.pie3 .tit { 
background: -moz-linear-gradient(90deg, #4d8bba, #3975a1); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(90deg, #4d8bba, #3975a1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg, #4d8bba, #3975a1); /* For Opera 11.1 to 12.0 */
background: linear-gradient(90deg, #4d8bba, #3975a1); /* Standard syntax */}
.pie3 { 
background: -moz-linear-gradient(90deg, #5497ca, #3e7fb0); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(90deg, #5497ca, #3e7fb0); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg, #5497ca, #3e7fb0); /* For Opera 11.1 to 12.0 */
background: linear-gradient(90deg, #5497ca, #3e7fb0); /* Standard syntax */}

.pie1 { background:#3e7fb0;}
.pie2 { background:#5497ca;}

.pie1 .row { margin:0;}
.pie2 .red a { float:left; margin-right:20px;}

.pie3      { text-align:center; }
.pie3 .tit + div  { padding:0 !important;}
.pie3 span { display:none;}
.pie3 a    { display:inline-block !important;}

/*LEGAL*/
#legal { background:#515151; color:#FFF; font-size:11px; text-align:center; padding:5px 0;}
#legal a { color:#FFF; text-decoration:underline; }
#legal span { padding:3px 10px; display:inline-block;}

/*ESTRELLA*/
.estrella 					 { position:relative; margin:20px 0;}
.estrella div				 { background:#efefef; min-height:270px;}
.estrella > a:first-child	 { }
.estrella .glyphicon-plus  	 { color:#FFF; background-color:#3B8ECC; padding:8px 8px 10px 10px; position:relative; top:-141px; float:right; font-size:18px;}
.estrella p, .estrella h3	 { margin:15px 10px 10px 10px; padding:0; border-bottom:0 !important; text-align:left; } 
.estrella a h3 				 { color:#666; font-size:15px; margin-top:15px !important; }
.contenido .estrella a		 { text-decoration:none;}

/*TABS*/
.tabbablems 					    { }
.tabbablems a						{ outline:none;} 
.tabbablems ul					    {  padding-left:10px;}
.tabbablems ul.nav, 
.tabbablems .nav li	    			{ margin:0;}
.tabbablems .nav li:before		 	{ content:"";}
.tabbablems .tab-content li:before	{ left:-5px}
.tabbablems .nav-tabs			    { border-bottom:solid 1px #ccc;}
.tabbablems .nav-tabs li a	        { text-decoration:none; color:#999; margin:0 5px; border-radius:3px 3px 0 0; border:none;
background: -moz-linear-gradient(#efefef 85%, #e1e1e1); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#efefef 85%, #e1e1e1); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#efefef 85%, #e1e1e1); /* For Opera 11.1 to 12.0 */
background: linear-gradient(to #efefef 85%, #e1e1e1); /* Standard syntax */}
.tabbablems .nav-tabs li.active a   { background:#3B8ECC; color:#FFF; border:none;}
.tabbablems .tab-content		    { padding:20px 15px;
background: -moz-linear-gradient(#F0F0F0, #FFF 3%); /* For Firefox 3.6 to 15 */
background: -webkit-linear-gradient(#F0F0F0, #FFF 3%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#F0F0F0, #FFF 3%); /* For Opera 11.1 to 12.0 */
background: linear-gradient(to #F0F0F0, #FFF 3%); /* Standard syntax */}
 /*--------------------------------------------------*/
 
/*ESPECIFICOS*/
/*REDES SOCIALES*/
#redsoc { margin-top:20px;}
#redsoc > div { float:right; }
#redfb	{ margin-left: 30px;}
#redtw	{}

/*IMC*/
/*CALCULADOR IMC*/
#calculadora { border:0px inset #999; margin:auto; padding:.1em; width:295px; background:#cde9ee;
border-radius:8px; 
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
background: #999;
background: -webkit-linear-gradient(135deg, #999, #e1e1e1 );
background: -moz-linear-gradient(135deg, #999, #e1e1e1);
}
#calculadorain1 { border:0px inset #666; margin:auto; padding:.15em; background:#cde9ee;
border-radius:6px; 
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
background: #e5e5e5;
background: -webkit-linear-gradient(135deg, #999, #f3f3f3, #f9f9f9);
background: -moz-linear-gradient(135deg, #999, #f3f3f3, #f9f9f9);
}
#calculadorain2 { border:0px inset #666; margin:auto; padding:.5em; background:#cde9ee;
border-radius:4px; 
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
background: #858585;
background: -webkit-linear-gradient(105deg, #b9b9b9, #e1e1e1, #efefef);
background: -moz-linear-gradient(105deg, #b9b9b9, #e1e1e1, #efefef);
}
#calculadora form  { text-align:center;}

#titcalc    { border-bottom:solid 1px #efefef; margin-bottom:1em; padding-bottom:1px;}
#titcalc h3, #titcalc strong  { text-align:center; color:#369; font-size:16px; letter-spacing:1px; border-bottom:solid 1px #ccc;}
#titcalc h3 { font-weight:normal;}
#titcalc strong { display:block;}

#interna #calculadora p	   { margin:0; padding:0;}
#calc-datos        {}
#calc-datos p      { margin:1em 0em 1em 4em !important; font-size:1.1em;}
#calc-datos span   { font-weight:normal !important; display:inline-block; width:200px; width:45px;}
#calc-datos .alto  { text-align:left}
#calc-datos .alto input, #calc-datos .peso input { color:#666; font-size:1em; padding:2px; font-weight:bold;}
#calc-datos .peso  { text-align:left}
#calc-datos .boton { color:#FFF; border:outset 1px #6FD5E9; padding:.2em .5em; font-weight:bold; letter-spacing:1px; margin:10px 0px 0 100px;
border-radius:4px; 
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
background:#8FF5FF;
background: -webkit-linear-gradient(90deg, #02bfe3, #8FF5FF);
background: -moz-linear-gradient(90deg, #02bfe3, #8FF5FF); }

#calc-resultados * { text-align: center;}
#calc-resultados .resultado1 {border-top:dotted 1px #999; margin:0.5em 0 1em !important; padding-top:1em !important; font-weight:bold;}
#calc-resultados .resultado1 strong { display:block; font-family: gotic; font-size: 1.3em;}
#calc-resultados .resultado2 { background:#02BFE3; color:#FFFFFF; font-size:1.3em; font-weight:bold; margin:auto !important; padding:0.5em !important; width:240px; 
border-radius:4px; 
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;}

/*TABLA*/
.tabla1	   { border: 1px solid #ccc;}
.tabla1 thead { background:#9f9e9f;}
.tabla1 th { color:#FFF;}
.tabla1 th, .tabla1 td { text-align:center;}
.tabla1 tr td:first-child { text-align:left; width:45%;}
.tabla1 .glyphicon	{ color:#3B8ECC;}
.tabla1 tfoot { background:#efefef;}

.tabla-gral { border: 1px solid #ccc;}
.tabla-gral thead { background:#3B8ECC;}
.tabla-gral th,
.tabla-gral td { padding:5px}
.tabla-gral th { color:#FFF;}
.tabla-gral td { border-bottom:1px solid #CCC }
.tabla-gral .glyphicon	{ color:#3B8ECC;}
.tabla-gral tfoot { background:#efefef;}

/*MODAL CONTACT*/
.modal-backdrop.in {opacity: 0.8}
#modal-contact .modal-dialog { /*margin:0; width:auto;*/}
#modal-contact .modal-body { max-height:450px !important;}
#modal-contact * { box-shadow:none;}
#modal-contact .modal, #modal-contact .modal-content { border-radius:0; border:none;}
#modal-contact .modal { height:530px;}
.modal-header { background:#3B8ECC; }
.modal-title span, .modal-title {color:#FFF !important;}
.modal-title span   { font-size:14px !important; display:block; font-weight:normal; }
.modal-title		{ font-size:18px !important; }
#modal-contact .close { margin-right:1%; color:#FFF; opacity:0.5; font-size:25px; line-height:15px;}
#modal-contact p	{ /*padding:0 0px 0 15px*/ }
#modal-contact .txt1 { font-weight:bold; font-size:14px;}
#modal-contact .txt2  { font-size:12px; line-height:16px;}

#modal-contact input.form-control	{ }
#modal-contact select,
#modal-contact textarea,
#modal-contact input 				{ border-radius:0}
#modal-contact input[type="text"],
#modal-contact input[type="email"] 	{ height:26px;}
#modal-contact label 				{ padding-right:0;}
#modal-contact button				{}
#modal-contact .form-horizontal .control-label { width:auto !important;}

#modal-gracias 				{ background:#3B8ECC; text-align:center;}
#modal-gracias *			{ color:#FFF}
#modal-gracias div			{}
#modal-gracias h2 			{ margin-top:50px}
#modal-gracias p 			{ font-size:20px; margin:40px;}
#modal-gracias p a 			{ border:3px solid #fff; border-radius:50px; padding:28px 16px 10px;}
#modal-gracias .glyphicon 	{ font-size:40px}
.btn-consulta				{ background:url(../img/icono-consulta.png) #e28a31 no-repeat 10px center; color:#FFF; text-align:center; border-radius:0; width:96%; padding:3px}
.btn-consulta em			{ text-transform:uppercase; font-size:11px; font-style:normal; display:block; } 
.btn-consulta:hover			{ color:#FFF; background:url(../img/icono-consulta.png) #f29a41 no-repeat 10px center;}
.btn-consulta:focus			{ color:#FFF;}

/*URGE*/
h4.urge { font-weight:bold; color:#3b8ecc !important;}
a.carnet { background:url(/work/models/ms/Resource/8022/1/images/urge-icon.gif) #ff8a00 no-repeat 8px 3px; color:#FFF; text-decoration:none; padding:15px 10px 10px 55px; margin-bottom:20px; width:310px; float:right; box-shadow: 3px 3px 7px #999;}
.num{ margin:25px 0 15px;} 
ol.urge li{ padding: 0 0 5px 10px;} 
#landingurge h2{line-height: 38px;} 
#landingurge #teaser h3{display:none}



	
/* ----------------- Escritorio grande ------------- */
@media (min-width: 1200px){
	#sizer { background:BLUE;}
	.siCall { display:none;}
	.oncologo{margin: 0px 0px -3% 36%;}
	/*desplegables*/
	.matencion .dropdown-menu { width:800px;}
	.mbeneficios .dropdown-menu { width:960px; left:-561px;}
	.mbeneficios li a { margin:0 16px;}

	.pie3 a { margin:4% 5%;} /*reconocimientos*/
	
	#menu.mingles li.dropdown	{ width:auto;}
	#menu.mingles li.dropdown a { padding:15px 8.5%}	
	
	#portadams .carousel-control.left { left:82%}
	#portadams .carousel-indicators   { left:85.5%}
	.urgencias h2 {margin-top: 45px !important;}/*Manuel Del Castillo (MDCN) para llamado a la accion de Urgencias*/
	
/* ================= nuevos div para "que no hace diferentes_onco"  FLH 2016 =================== */
    .todas{ visibility: visible; display:inline }
/* ============================================================================================= */    
}

/* --------- Escritorio pequeño o tablet ------------ */
@media (min-width:992px) and (max-width:1199px){
	#sizer { background:CYAN;}
	.siCall { display:none;}
    .oncologo{margin: 0px 0px -3% 36%;}
	/*desplegables*/
	.matencion .dropdown-menu { width:810px;}
	.mbeneficios .dropdown-menu { width:940px; left:-550px;}
	.mbeneficios li a { margin:0 14px;} 
	
	.pie3 a { margin:4% 5%;} /*reconocimientos*/

	#menu.mingles li.dropdown a { padding:6px 19%}
	#menu.mingles li.dropdown:first-child a { padding-top:17px;}
    .estrella .glyphicon-plus  	 { top:-137px;}
	
	.urgencias h2 {margin-top: 30px !important;}/*Manuel Del Castillo (MDCN) para llamado a la accion de Urgencias*/
	
/* ================= nuevos div para "que no hace diferentes_onco"  FLH 2016 =================== */
    .todas{ visibility: visible; display:inline }
/* ============================================================================================= */        
}

/* ------------ Tablet o smartphone ----------------- */
@media (min-width:768px) and (max-width:991px){
/* ================= nuevos div para "que no hace diferentes_onco"  FLH 2016 =================== */
 .unasola{ visibility: visible; display:inline }
/* ============================================================================================= */
    .oncologo{margin: 0px 0px -3% 36%;}
   	#sizer { background:orange;}
	#portadams .carousel-caption { position:static; width:100%; height:110px; padding:10px 10px 10px 15px;}
	#portadams .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { top:55%;}
	#portadams .carousel-control.left { left: 80%;}
	#portadams .carousel-caption h4 { font-size:30px; padding:0; letter-spacing:0px; line-height:30px;}
	#portadams .carousel-caption p  { font-size:20px; padding:0; margin:0; letter-spacing:01px; line-height:20px;}
	#portadams .carousel-indicators { left:84%; bottom:150px; }
	
	#eventoHome div:last-child  { height:167px;}
	.siCall { display:none;}
	#cabecera .navbar-form { margin-top:20px;}
	#menuglobal .navbar-nav > li > a { padding:5px 5px 5px 10px; font-size:14px;}
	#menuglobal .navbar-nav > li         { width:13.65%;}
	#menuglobal .navbar-nav > li.malta { width:18%;}
	
	#interna2 #teaser div	{ padding:12px 5px 12px 20px; left:34%; width:66%;}
	#interna2 #teaser h2 	{ font-size:22px; margin-bottom:0;}
	
	/*desplegables*/
	.matencion .dropdown-menu { width:720px; } 
	.mpacientes .dropdown-menu { left:-66px}
	.mbeneficios .dropdown-menu { width:720px; left:-424px;}
	.mbeneficios li a { margin:0 14px;} 
	
	.pie3 a { margin:6% 3%;} /*reconocimientos*/
	.pie1 .hisms { letter-spacing:-1px;}
	
	/*TEASER*/
	#teaser 		{ min-height:205px; padding:0; margin:0;}
	#teaser div 	{ padding:2px 5px 0px 15px; width:70%; top:95px; min-height:110px;}
	#teaser h2  	{ margin:0 0 5px 0; font-size:30px; line-height:25px; letter-spacing:-0.02em;}
	#teaser h2 span { font-size:16px; display:block; letter-spacing:1px;}
	#teaser p   	{ margin:0 0 5px 0; font-size:18px; line-height:22px;}
	
	.cuerpo		 { margin-top:20px;}
	.contenido	 { padding:10px 15px 0 20px;}
	.menucontex .navbar-nav { margin: 0 0 15px;}
	#menu.mingles li.dropdown a { padding:5px 8%}
	#menu.mingles li.dropdown:first-child a { padding-top:17px;}
	.btop { float:none;}
	.tip  { float:none; width:100%;}
	
	.estrella div     { min-height:106px;}
	.estrella div a:first-child { float:left; width:150px; margin-right:20px}
	.estrella .glyphicon-plus { position:absolute; top:15px;}
	.estrella h3	{ margin:0; padding:20px 20px 10px 20px}
	.estrella p 	{ margin:0; padding: 0px 20px 10px 20px}

	.urgencias h2 {margin-top: 30px !important;}/*Manuel Del Castillo (MDCN) para llamado a la accion de Urgencias*/
}

#bannerHome, #eventoHome, #sucursales { margin-top:40px }
/* ----------------- Smartphone --------------------- */
@media (max-width:767px){
/* ================= nuevos div para "que nos hace diferentes_onco"  FLH 2016 =================== */
 .unasola{ visibility: visible; display:inline }
/* ============================================================================================= */
	.cita { text-align:center}
	.citas-internationalpatient { text-align:center}
	.oncologo{margin: 0px 0px -3% 25%;}
    #sizer { background:red;}
	#portadams .carousel-caption { position:static; width:100%; padding:5px; height:70px; }
	#portadams .carousel-caption h4, #portadams .carousel-caption p  { font-size:14px; padding:0; margin:0; letter-spacing:0px; line-height:15px; width:100%;}
	#portadams .carousel-caption h4 { font-weight:bold;margin-bottom:5px;}
	#portadams .carousel-control .glyphicon-chevron-left, #portadams .carousel-control .glyphicon-chevron-right, #portadams .carousel-control .icon-prev, #portadams .carousel-control .icon-next { font-size:35px; top:auto; bottom:3%; display:none}
	#portadams .carousel-indicators { left:28%; right:auto; bottom:70px; width:45%;}
	#portadams .carousel-indicators .active { background-color:#FFF; width:20px; height:20px;}
	#portadams .carousel-indicators li { margin:1px 9px !important; width:20px; height:20px; border-width:3px; background-color:rgba(255, 255, 255, 0.4) }
	#bannerHomexxx { display:none;}

	.noCall  { display:none;}
	#top .nav.navbar-nav  { width:295px; margin:0px}
	#top .navbar-collapse { float:right; width:300px; border-radius:0px; border:none; border-top:1px solid #bbb;}
	#top .navbar-top li   { border-right:none;}
    #top .navbar-top li a { padding:3px 5px 2px; text-transform:uppercase;}
	#top .navbar-top li a:hover { background:#d3d3d3;}
	#top .navbar-top li   { border:none; }
    .topurge { background:none; padding:5px 0 5px 0px;}

	#cabecera .btn { padding:4px 12px 0px }
	#cabecera input { width: 245px }
	#cabecera .navbar-form { margin-top:35px;}
	.busca .navbar-collapse { width: 300px;} /*elimina el scroll que aparece mientras aparece esta capa*/ 
	
    #menuglobal .navbar-nav > li, #menuglobal .navbar-nav > li.malta { width:100%;} /*ancho botones de menu*/

	#bannerHome, #eventoHome, #sucursales { margin-top:20px }
	
	#pie { background:none; margin-top:15px;}
	.pie1, .pie2, .pie3 { height:auto;}
	#pie .tit + div { padding-left:30px;}
	.pie1 .tit, .pie1, .pie2 .tit, .pie2, .pie3 .tit, .pie3 { background:#3975a1; border-bottom:none !important;}
	.pie1 .tit, .pie2 .tit, .pie3 .tit { padding-top:12px !important;}
	.pie1 li a:before, .pie2 li a:before { content: "."; font-size:20px; line-height:0; margin-right:3px; position:relative; top:-2px;}
	.pie2 .red a:before { content:""}
	.pie2 .red { margin:7px 0 0 7px;}
	
	.pie3 .tit { display:none; }
	.pie3 a    { margin:0% 1%;} /*reconocimientos*/
	.pie3 .tit + div  { padding:16px 0 !important;}
	.pie1, .pie2 { border-bottom:1px solid #4f8bb9 !important; padding-bottom:5px;}

	
	/*desplegables*/
	.malta img, .mpacientes img, .mbeneficios img { display:none;}
	.mbeneficios li span { display: inline;}
	 #menuglobal .col1, #menuglobal .col2, #menuglobal .col3 { float:none;}
	.matencion .col1, .matencion .col2, .malta .col1, .mpacientes .col1, .mbeneficios .col1 { width:100%}
	.dropdown.meventos span { top:auto;}
	
	#menu { margin-bottom:5px;}
	#menu .glyphicon { float:right; margin-right:5px;}
	#menu .navbar-toggle { margin:0; float:none; width:100%; border-radius:0; border:1px solid #CCC; border-bottom:none; text-align:left; padding:9px 6px 9px 9px;
	background: -moz-linear-gradient(#F0F0F0, #EEE, #BABABA); /* For Firefox 3.6 to 15 */
	background: -webkit-linear-gradient(#F0F0F0, #EEE, #BABABA); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F0F0F0, #EEE, #BABABA); /* For Opera 11.1 to 12.0 */
	background: linear-gradient(to #F0F0F0, #EEE, #BABABA); /* Standard syntax */}
	
	#menu .navbar-toggle { background:#004e99; border:0;}
	#menu .navbar-toggle span { color:#FFF;}
	
	#menu .navbar-toggle .glyphicon-chevron-down { display:none;}
	#menu .navbar-toggle .glyphicon-chevron-up   { display:inline-block;}	
	#menu .navbar-toggle.collapsed .glyphicon-chevron-down { display:inline-block;}
	#menu .navbar-toggle.collapsed .glyphicon-chevron-up   { display:none;}
	
	#menuglobal .dropdown .glyphicon { display:inline-block; float:right; font-size:9px; margin:5px 5px 0 0; color:#004e99;}
	#menuglobal .dropdown .glyphicon-triangle-bottom { display:inline-block; }
	#menuglobal .dropdown .glyphicon-triangle-top    { display:none;}
	#menuglobal .dropdown.open .glyphicon-triangle-bottom { display:none; }
	#menuglobal .dropdown.open .glyphicon-triangle-top    { display:inline-block;}
	
	#menu .navbar.navbar-default {}
	#menu .navbar { min-height:40px;}
	#menu .navbar.navbar-default { background:none;}
	#menuglobal { border:solid 1px #004e99; border-top:0; margin:0 3px 5px;}
	
	#menuglobal ul { margin:0; padding:0; background:#e4ecf4;} 
	#menuglobal .navbar-nav > li { border:none} 
	#menuglobal .navbar-nav > li > a { height:auto; padding:5px 5px 5px 10px; border-top:solid 1px #004e99; border-bottomx:solid 0px #bababa;}
	#menuglobal .navbar-nav > li:first-child > a { border-top:none;}
	#menuglobal .navbar-nav > li > a, #menuglobal .navbar-nav > li > a span { color:#004e99}
	
	#menuglobal .dropdown-menu { box-shadow:none; padding:0 0 5px 10px; }
	#menuglobal .dropdown-menu li > a { background-position:0px 8px;}
	#menuglobal .dropdown-menu, 	
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a span,
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav > .open > a:hover  { background:#fcfcfc; color:#004e99 !important;}
	#menuglobal .caret { display:none !important;}
	.mbeneficios li a { float:none; background: url(../img/bullet-tri-naranja.png) 0px 8px no-repeat !important; padding:3px 7px !important; margin:0;}
	
	#menu.mingles li.dropdown { text-align:left; width:auto}
	
	/*TEASER*/
	#teaser 		{ position:relative; width:100%; min-height:150px; padding:0; margin:0;}
	#teaser div 	{ padding:5px 3px 1px 10px; width:100%; position:static; top:0px; min-height:65px;}
	#teaser h2  	{ margin:0 0 5px 0; font-size:17px; line-height:18px; letter-spacing:-0.03em;}
	#teaser h2 span { font-size:12px; display:block; letter-spacing:0px; display:none;}
	#teaser p   	{ margin:0 0 2px 0; font-size:14px; line-height:17px;}
	#teaser img 	{ border:solid 1px #3B8ECC}
	#interna2 #teaser 		{ min-height:65px;}
	#interna2 #teaser div	{ top:0; min-height:30px; padding:5px 5px 5px 11px; left:0;}
	#interna2 #teaser h2 	{ font-size:17px; }
	
	.contenido   	{ padding:0 15px 0 0; margin-bottom:40px !important}
	.btop { float:none; margin:0 auto 15px}
	.tip  { float:none; width:100%;}
	.tip p, .tip p em  { font-size:14px;}
	.tip img { margin:auto; float:none; margin-bottom:10px !important; }
	.nomini	{ display:none !important;}
	.menucontex .navbar-nav    { margin:0 15px 15px 0; padding:0px 5px; }
	.menucontex .navbar 	   { min-height:45px;}
    .menucontex li     { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #eee; background:#fbfbfb;  }
    .menucontex li a   { padding: 5px 5px 5px 10px;}
    .menucontex .sel a,
	#interna .menucontex li:first-child a { background:none;}
	
	.estrella div     { min-height:70px;}
	.estrella div a:first-child { float:left; width:100px; margin-right:10px}
	.estrella .glyphicon-plus { position:absolute; padding:5px 5px 7px 7px; top:15px;}
	.estrella h3	{ margin:0; padding:10px 10px 3px 20px}
	.estrella p 	{ margin:0; padding: 0px 10px 0px 20px}
	
	/*REDES SOCIALES*/
	#redsoc { text-align:center;}
	#redsoc > div { float:none; margin:0 15px; display:inline-block; }
	#redfb	{ margin-left: 30px;}
	#redtw	{ position: relative; top:6px;}
	
	/*MODAL*/
	#modal-contact .modal { height:680px}
	#modal-contact .modal-body { max-height:590px !important }
	#modal-contact .modal-body > div > div.col-xs-12 { padding: 0 !important}
	#modal-contact .modal-body > div > div.col-xs-12 p { padding-left:15px}

}
.titulosBox {
	margin-bottom:20px;
	}
.titulos {
	font-family: 'Merriweather', serif;
	font-size: 24px;
	color: #3d3b3b;
	
}
.titulosAzul {
	font-family: 'Merriweather', serif;
	font-size: 24px;
	color: #0055a5;
	
}

.titulosEventos {
	font-family: 'Merriweather Sans', sans-serif !important;
	font-size: 18px;
	color: #0055a5;
	
}
.vermasEventos {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: #bc8b02;	
	text-align:right;
    font-style:normal;
}
.vermasEventos a{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: #bc8b02;
	text-align:right;
	font-style:normal;


}

.textosPromo {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #3d3b3b;
	font-weight:300;
}
.textosPromo i {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: #3d3b3b;
}

.textosPromo a{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 15px;
	color: #004f97
}
.BoxText {
	height: 135px;
}

#boxSucursales{
background: linear-gradient( 0deg, #e9e1d7,#ffffff);
/*width:300px;
height:380px; //CHANGED */
	}


.BoxTextSucursales {
	height: 156px;

	padding-left: 15px;
}
/*.tituloSucursales {
	font-family: 'Merriweather Sans', sans-serif !important;
	font-size: 18px;
	color: #0055a5;
	font-style:italic;
}*/
.tituloSucursales {
	font-family: 'Merriweather', serif;
	font-size: 20px;
	color: #0055a5;
}
.lista {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:300;
}
#footSucursales{
	height:65px;
	font-family: 'Merriweather', serif !important;
	font-size: 20px;
	color: #534f34;
	font-style:italic;
	text-align:center;
	padding:10px;
	line-height: 22px;
	}
#footSucursales span{
	font-family: 'Merriweather', serif !important;
	font-size: 20px;
	color: #0055a5;
	

	}
#footSucursales a, strong{
	/*font-family: 'Merriweather', serif !important;
	font-size: 20px;*/ /* =======================================  Cambiado MDCN para que el telefono en la columna lateral se vea bien ============*/
	color: #534f34;
	}
.topurge.noCall strong { font-family: 'Merriweather', serif !important;font-size: 20px}



.sombraSucursales {vertical-align:bottom	}

/*LEER_MAS2016 ============ MDCN =============== */
input.read-more-state {
	display: none;
}
p.read-more-target {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
ul.read-more-target {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
li.read-more-target {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
img.read-more-target {
  max-height: 0;
  max-width:0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
input.read-more-state:checked ~ div.read-more-wrap p.read-more-target {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
  margin-bottom:15px;
}
input.read-more-state:checked ~ div.read-more-wrap ul.read-more-target {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
  margin-bottom:20px;
}
input.read-more-state:checked ~ div.read-more-wrap li.read-more-target {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
}
input.read-more-state:checked ~ div.read-more-wrap img.read-more-target {
  max-height: 100%;
  max-width:100%;
  opacity: 1;
}
input.read-more-state ~ label.read-more-trigger:before {
  content: '+ LEER MÁS';
}
input.read-more-state:checked ~ label.read-more-trigger:before {
  content: '- OCULTAR TEXTO';
}
label.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  font-weight:normal;
  color: #408FCA;
  padding:3px 5px;
  /*border-radius:3px;
  background-color:#FFDC40;*/
  font-size:80%;
}


input.read-more-state2 {
  display: none;
}
p.read-more-target2 {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
ul.read-more-target2 {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
li.read-more-target2 {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
img.read-more-target2 {
  max-height: 0;
  max-width:0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
input.read-more-state2:checked ~ div.read-more-wrap2 p.read-more-target2 {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
  margin-bottom:15px;
}
input.read-more-state2:checked ~ div.read-more-wrap2 ul.read-more-target2 {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
  margin-bottom:20px;
}
input.read-more-state2:checked ~ div.read-more-wrap2 li.read-more-target2 {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
}
input.read-more-state2:checked ~ div.read-more-wrap2 img.read-more-target2 {
  max-height: 100%;
  max-width:100%;
  opacity: 1;
}
input.read-more-state2 ~ label.read-more-trigger2:before {
  content: '+ LEER MÁS';
}
input.read-more-state2:checked ~ label.read-more-trigger2:before {
  content: '- OCULTAR TEXTO';
}
label.read-more-trigger2 {
  cursor: pointer;
  display: inline-block;
  font-weight:normal;
  color: #408FCA;
  padding:3px 5px;
  /*border-radius:3px;
  background-color:#FFDC40;*/
  font-size:80%;
}


input.read-more-state3{
  display: none;
}
p.read-more-target3 {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
ul.read-more-target3 {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
li.read-more-target3 {
  font-size: 0;
  max-height: 0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
img.read-more-target3 {
  max-height: 0;
  max-width:0;
  opacity: 0;
  transition: .25s ease;
  margin-bottom:0;
}
input.read-more-state3:checked ~ div.read-more-wrap3 p.read-more-target3 {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
  margin-bottom:15px;
}
input.read-more-state3:checked ~ div.read-more-wrap3 ul.read-more-target3 {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
  margin-bottom:20px;
}
input.read-more-state3:checked ~ div.read-more-wrap3 li.read-more-target3 {
  font-size: inherit;
  max-height: 999em;
  opacity: 1;
}
input.read-more-state3:checked ~ div.read-more-wrap3 img.read-more-target3 {
  max-height: 100%;
  max-width:100%;
  opacity: 1;
}
input.read-more-state3 ~ label.read-more-trigger3:before {
  content: '+ LEER MÁS';
}
input.read-more-state3:checked ~ label.read-more-trigger3:before {
  content: '- OCULTAR TEXTO';
}
label.read-more-trigger3 {
  cursor: pointer;
  display: inline-block;
  font-weight:normal;
  color: #408FCA;
  padding:3px 5px;
  /*border-radius:3px;
  background-color:#FFDC40;*/
  font-size:80%;
}
/******************************AJUSTES RESPONSIVO********************************/

div#infoContainer { display: inline-block;}
#bannerHome.clinicLarge .promoImage img { width: 100%; }
#sucursales .promoImage img { width: 100%; }
@media screen and (min-width: 525px) and (max-width: 970px) { #eventoHome .sombraEventos { display: none !important; } }
@media screen and (max-width: 524px) { #cabecera img.logo {width:100%; height:auto;} .clinicLarge { display: block; } .clinicSmall { display: none; } }
@media screen and (min-width: 525px) { .clinicLarge { display: none; } .clinicSmall { display: block; } }
@media screen and (max-width: 992px) { .container { width:100%; } .esconder_en_celular_2017 {display: none !important;}.llamado_accion2017 {background-color: #eeb088;	font-size: 125% !important;	padding: 10px;	width: 100%; display: block; margin-bottom: 15px;}}
@media screen and (min-width: 970px) { #bannerHome, #sucursales, #eventoHome { width:33.333333333%; } }
@media screen and (max-width: 600px) { #bannerHome, #sucursales, #eventoHome { width:100%; } }
@media screen and (max-width: 751px) { #Medico, #Enfermedad, #Especialidad, #Medicos { width:50%; } } 
@media screen and (min-width: 752px) { #Medico, #Enfermedad, #Especialidad, #Medicos { width:25%; } }
@media screen and (max-width: 749px) { #aniversaryContainer { display:none !important; } }
@media screen and (min-width: 601px) { #boxSucursales { max-width: 300px;  } #sucursales .sombraSucursales img { max-width: 300px;  } }


/*LABORATORIO CARRUSEL 1 junio 2018*/
#carousel-lab						  { margin-bottom:40px;}
#carousel-lab img                     { width:100%;}
#carousel-lab .carousel-caption       { background: rgba(0,0,0,0.6); padding:10px 0}
#carousel-lab .carousel-caption p     { text-align: center; color:#FFF; margin:0px}
#carousel-lab .carousel-indicators    { bottom: -50px;  }
#carousel-lab ol.carousel-indicators  { left:0; text-align:center; width:100%; margin-left:0}
#carousel-lab .carousel-indicators li 		 { border:none; background:#CCC; margin:0 5px }
#carousel-lab .carousel-indicators li.active { background:#3B8ECC}
#carousel-lab .glyphicon { font-family: 'Glyphicons Halflings'; color:#FFF}
#carousel-lab .carousel-control .glyphicon-chevron-right { right:0; top:45% !important}