/* CSS Document */
#main .contenido {background:#fff}
#main .contenido .auxi {width:auto; margin:0; position:relative;}
.opcion-capcha2.col2 {max-width:80px; width:100%; height:auto;}
/*-------------------oo------------------------*/

/*ESTILOS CONTENIDO*/
#wrap-articulos .contenido .titular { margin:10px 0 15px 0; font-size:45px; color:#000; clear:both;}
#wrap-articulos .contenido .bajada {font-size:18px; color:#000000; margin:0 0 1em 0; line-height:160%; clear:both; margin:0 0 10px; padding:0 0 10px;}
#wrap-articulos .contenido .epigrafe {font-size:16px; color:#000000; clear:both;}
#wrap-articulos .contenido .fecha {display:block; font-size:12px; color:#666666; clear:both; padding:.8em 0; font-style:italic;}
#wrap-articulos .contenido .img {width: 100%;}
#wrap-articulos .contenido .img img{width: 100%; height: auto; display: block;}
body.enviar .col6, body.enviar .col3 {width: 50% !important; float:left; margin-bottom:10px;}

/*ESTILOS Sidebar*/
#main .menu-lateral {float: right; overflow: hidden; width: 23%; padding: 50px 0;}
#main .menu-lateral .sidebar {background-color: #007BC4;}
#main .menu-lateral .sidebar li{border-bottom: 1px solid #008DD0;}
#main .menu-lateral .sidebar a{color: #FFFFFF; display: block; padding: 15px; font-size: 13px; font-weight: bold;}
#main .menu-lateral .sidebar a .fa {float: right; font-size: 8px;}


/*Utiles Herramientas y Redes sociales*/
.box-utiles {clear:both; border-top:1px solid #ededed; border-bottom:1px solid #ededed; margin:0 0 1em; padding:.5em 0 .2em; overflow:hidden;} 
.box-utiles .herramientas {margin-bottom:0; float:right;}
.box-utiles .herramientas img {width: auto; display: inline;}
.box-utiles .herramientas a:hover {text-decoration:none;}
.box-utiles .redes-sociales {float:left;}
.box-utiles .redes-sociales div {margin:0 7px 7px 0;}
.box-utiles .redes-sociales h3, .redes-sociales .redes {float:left;}
.box-utiles .redes-sociales .margin0 { margin:0;}
.box-utiles .redes-sociales .margin30 {margin:0 0 0 30px;}
.box-utiles .redes-sociales h3 {clear:both; color:#666666; float:left; font-size:12px; font-weight:bold;}


/*-------------------oo------------------------*/

/*ARTICULO FORMULARIO*/
.tableform {margin:0 0 10px;}
.tableform  td {padding:4px; font-size:13px; color:#000000;}
.tableform .fieldform {width:300px; border:1px #ccc solid; margin-left:10px; font-size:13px; font-weight:normal; color:#000; padding:5px; border-radius:3px;}
.tableform .fieldform.captcha {width:120px;}
.tableform select.fieldform {width:310px}
.tableform .buttonform {background-color:#006699; border:none; color:#FFFFFF; cursor:pointer; font-size:12px; font-weight:bold; padding:8px; margin:10px 0 0; width:86px; border-radius:3px;}
.tableform .notas {font-size:11px;}
/*Pagina error/exito formulario*/
.mensaje-form {min-height:200px; border-bottom:none !important;}

/*-------------------oo------------------------*/

/* SUBTITULOS */
/*ancore*/
.subtitulos {background:#007BC4; margin:0.8em 2px; padding:10px; font-size:12px; color:#FFF; font-weight:normal; text-align:left; float:left; }
.subtitulos a, .subtitulos a:visited{font-size:13px; color:#FFF;}
.subtitulos a:hover { text-decoration:underline;}

/*subtĚtulo en el cuerpo*/
.contSubtit {display:table; width:100%; margin:1.5em 0 0; padding:0.8em 0 0; clear:both;}
.contSubtit .stitle {float:left; width:82%; line-height:100%;}
.contSubtit .titSubtit {font-size:20px; margin:0; padding:0; color:#000000; float:left; width:82%;}
.contSubtit .titSubtit div, .contSubtit .titSubtit a, .contSubtit .titSubtit a:hover {font-size:30px; color:#003366; text-decoration:none; padding:8px 0;}
.contSubtit .linkSubtit {margin:0 6px 0 0; padding:4px 0 0 0; font-size:12px; font-weight:normal; color:#0e7a7a; text-align:right; float: right;}
.contSubtit .linkSubtit a {border-bottom:none; margin:5px 10px 0 0; font-size:11px;  font-weight:normal; color:#007BC4; text-align:right; background:#F0F0F0; border-radius:3px; padding:.3em 1em; text-decoration:none;}
.contSubtit .linkSubtit a:hover {background:#0066cc; color:#FFFFFF;}

/*-------------------oo------------------------*/

/* RELACIONADOS*/
.box-relacionados {margin:30px 0; list-style-type:none;}
.box-relacionados li {list-style-type:none;}
.box-relacionados .rot {font-size:30px; font-weight:normal; margin:0; padding:0 0 .5em 0; color:#003366; }
.box-relacionados .file {padding:2% 0; border-bottom:1px solid #ededed; width:100%; margin:0 auto; overflow:hidden; clear:both;}
.box-relacionados .file a {font-size:20px; margin:0; color:#70a011;}
.box-relacionados .file a:hover {text-decoration:underline;}
.box-relacionados .file p {font-size:14px; color:#000000; border-bottom:none; line-height:160%;}
.box-relacionados .file .foto {float:left; }
.box-relacionados .file .foto img {display:block; width:80%; height: auto;}
.box-relacionados .tax-vermas {border:none;}
.box-relacionados .tax-vermas a {width:50%; clear:both; display:block; background:#669900; font-size:14px; color:#FFFFFF; margin:1em auto; padding:0.8em 0; text-align:center; border-radius:3px;}
.box-relacionados .tax-vermas:hover a {background:#003366;}

.CUERPO iframe{
    width: 1px;
    min-width: 100%;
    *width: 100%;
}


/*-------------------oo------------------------*/

/* MAPA DEL SITIO */
#wrap-mapa .main {max-width:960px;}
#wrap-mapa .contenido h1.titular {font-size:40px;  margin:0 0 .5em; color:#003366; clear:both;}
#wrap-mapa .listado li a {color:#003366;}
#wrap-mapa .listado .seccion {background:#FFF; font-size:18px; color:#003366; list-style-type:none; margin:10px 0; padding:.5em; text-align:left; border-left:4px solid #333;}
#wrap-mapa .listado .tema {background:#FFF; font-weight:lighter; color:#666; font-size:15px; list-style-type:none; margin:8px 0 0 4%; padding:.5em; text-align:left; border-left:4px solid #999999;}
#wrap-mapa .listado .subtema {list-style-type:none; margin:8px 0 0 5%; font-size: 13px; text-align:left; color:#999;}

/*Tabla*/
.CUERPO table.table-bupa {border:medium none; border-collapse:collapse; margin:0 0 40px; text-align:left; width:100%;}
.CUERPO table.table-bupa * {position: static;}
.CUERPO table.table-bupa tr {border-top:1px solid #c3c3c3;}
.CUERPO table.table-bupa tr:nth-child(2n+1), .CUERPO table.table-bupa tr.impar {background-color: #ffffff;}
.CUERPO table.table-bupa tr:nth-child(2n), .CUERPO table.table-bupa tr.par {background-color:#f2f8fc;}
.CUERPO table.table-bupa tr td {text-align:left; vertical-align:top; border:none; font-size:12px; line-height:20px; padding:10px;}
.CUERPO table.table-bupa tr:first-child {border-bottom:2px solid #000; border-top:0px solid #000 !important;}
.CUERPO table.table-bupa tr:first-child td {font-weight: bold;}

/*-------------------oo------------------------*/

/*DESCARGAS*/
.box-descargas {clear:both; margin:30px 0; list-style-type:none; background:#F0F0F0; padding:30px;}
.box-descargas li {list-style-type:none;  background-image: none !important;}
.box-descargas .rot {clear:left;font-size:22px;font-family: Bupa,Arial,Helvetica,Sans-serif;font-weight:900;color:#000;line-height:20px; padding-left: 0 !important;}
.box-descargas .file {margin:0 0 5px; border-bottom:1px solid #e2e2e2; padding:10px 0; overflow:hidden;}
.box-descargas .file a {font-size:18px; color:#000000; display: inline-block;}
.box-descargas .file a:hover {color:#007BC4;}
.box-descargas .file img {float:left; margin:0 10px 0 0; width: auto;}
.box-descargas .file span {font-size:12px; color:#666666; padding:0;}

/*-------------------oo------------------------*/

/* MULTIMEDIA VIDEO */
.box-video {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;}
.box-video iframe, .box-video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/* IFRAME TRABAJA */
.box-trabaja {position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0;}
.box-trabaja iframe, .box-trabaja iframe {height: 3000px; left: 0; position: absolute; top: 0; width: 100%;}

/*-------------------oo------------------------*/

/* ESTILOS RESULTADO DEL BUSCADOR */
#wrap-search .articulo {padding:2% 0; border-bottom:1px solid #ededed; width:100%; margin:0 auto;}
#wrap-search .contenido h1.titular {font-size:40px;  margin:0 0 .5em; color:#003366; clear:both;}
#wrap-search .contenido .seccion {display:inline; font-size:12px; color:#0099ff; margin:0;}
#wrap-search .contenido .mensaje {font-size:14px; color:#000000; line-height: 140%; padding:.4em 0 0; display: block;}
#wrap-search .contenido .mensaje .red {color:#CC0000; font-weight:bold;}
#wrap-search .contenido .num {color:#003366; font-size:20px; font-weight:normal; display:inline; margin:0 10px 0 0; padding:0;}
#wrap-search .contenido .titular a {display:inline; font-size:20px; color:#003366; margin:0;}
#wrap-search .contenido .bajada {font-size:14px; color:#000000; line-height: 140%; padding:.4em 0 0; display: block;}

/*-------------------oo-------------------------*/

/*PORTADA TAXONOMICA */
#wrap-taxonomia .auxi > .titular { margin:10px 0 15px 0; font-size:40px; color:#003366; clear:both;}
#wrap-taxonomia .seccion .contenidos {width:100%; margin-left:auto; margin-right:auto;}
#wrap-taxonomia .articulo {padding:2% 0; border-bottom:1px solid #ededed; width:100%; margin:0 auto;}
#wrap-taxonomia .articulo img {float:left; margin:0 20px 0 0;}
#wrap-taxonomia .articulo .titular {font-size:20px; margin:0;}
#wrap-taxonomia .articulo .titular a { color:#114db9;}
#wrap-taxonomia .articulo .bajada {border: none; padding: 0; margin: 0; width: auto; font-size:14px; color:#660003; }
#wrap-taxonomia .articulo .bajada p {font-size:14px; color:#000000; line-height: 140%; display: block; padding:.2em 0 0; }
#wrap-taxonomia .articulo .bajada p strong {clear:both; color:#660003; font-size:12px; font-weight:normal; margin:5px 0 10px 0; display: block;}

#wrap-taxonomia .migas {font-size: 13px; font-style: italic; font-weight: lighter; color:#9B8882;}
#wrap-taxonomia .migas a {color:#9B8882;}


.paginacion {margin:30px 0; text-align: center;}
.paginacion span {font-size: 18px; color:#9B8882;}
.paginacion span a, .paginacion span a:visited {display: inline-block;margin: 0 1px;padding:10px 15px;text-align: center;text-decoration: underline;font-weight:normal;font-size:18px;height:auto;line-height:normal; cursor:pointer; color:#333333;}
.paginacion span .actual {color:#0079c8;cursor:pointer;text-decoration:none;}
.paginacion span .pag_actual, .paginacion span a:hover {cursor:pointer; background-color:#0172C0; color:#FFF !important; padding:10px 15px;}


/*-------------------oo------------------------*/

/* CUERPO DEL ARTICULO */
p {font-size:15px; font-weight:normal; color:#666;}
.CUERPO p {font-size:15px; font-weight:normal; color:#666; text-align:justify; margin:0 0 15px; line-height:170%; font-family: Arial, Helvetica, sans-serif !important;} /* Esto es solo para que funcione el +/- letra */
.CUERPO ul, .CUERPO p ul { margin-top:8px; font-size:15px; color:#666;}
.CUERPO ul li, .CUERPO p ul li {font-size:15px; color:#666;}
.CUERPO ol, .CUERPO p ol { margin-top:8px; margin-left:50px; font-size:15px; color:#666;}
.CUERPO ol li, .CUERPO p ol li { list-style-type:decimal; font-size:15px; color:#666;}
.CUERPO blockquote {margin-left:15px;}
.CUERPO {margin:10px 0 0 0; padding:0 0 20px; font-size:15px; font-weight:normal; color:#666; line-height:170%; text-align:justify; clear:both;min-height: 460px;}
.CUERPO table, .CUERPO table td {border-collapse:collapse; padding:6px; font-size:15px; color:#666; font-weight:normal; text-align:left;}
.CUERPO table, .CUERPO table td strong {font-weight:bold; font-size:15px; margin:0; line-height:12px;}
.CUERPO a {color:#0066cc; font-weight:bold; text-decoration:none;}
.CUERPO a:hover, .CUERPO * a:hover {color:#003366; text-decoration:none;}
.CUERPO strong, .CUERPO b {font-weight:bold;}
.CUERPO sup {font-size:10px;}
.CUERPO ul {list-style:square; display: block; margin: 15px 5px 0px 50px; color:#666;}
.CUERPO ol {list-style:decimal; display: block; margin: 15px 5px 0px 50px; color:#666;}
.CUERPO iframe{margin:0 auto;}

/*-------------------oo------------------------*/

/*FORMATO VTXT*/
.CUERPO h1 {font-size:18px; font-weight:normal;font-family: Arial, Helvetica, sans-serif !important;}
.CUERPO h2 {font-size:15px; font-weight:bold;font-family: Arial, Helvetica, sans-serif !important;}
.CUERPO h3 {font-size:12px; font-weight:bold;font-family: Arial, Helvetica, sans-serif !important;}
.CUERPO h4 {font-size:11px; font-weight:bold;font-family: Arial, Helvetica, sans-serif !important;}
.CUERPO h5 {font-size:10px; font-weight:bold;font-family: Arial, Helvetica, sans-serif !important;}
.CUERPO h6 {font-size:9px; font-weight:bold;font-family: Arial, Helvetica, sans-serif !important;}
.CUERPO address {font-size:12px; font-weight:normal; color:#000000; font-style:italic;}
.CUERPO pre {font-size:11px; font-weight:normal; color:#666666; text-align:justify; text-indent:10px;}
.CUERPO .td-estilo-fondogris {background-color:#dddddd;}
.CUERPO .td-estilo-fondoazul {background-color:#1C2B45; color:#FCFCFC; font-weight:bold;}
.CUERPO .tr-estilo-fondogris {background-color:#dddddd;}
.CUERPO .tr-estilo-fondoazul {background-color:#1C2B45; color:#FCFCFC; font-weight:bold;}

/*-------------------oo------------------------*/

/*vtxt*/
.CUERPO .subtit /* subtitulos */{font-family: Bupa,Arial,Helvetica,Sans-serif; font-size:20px; margin:0; padding:0; color:#000000; width:100%;}
.CUERPO .subtit-sinlink /* subtitulos */{font-family: Bupa,Arial,Helvetica,Sans-serif; font-size:20px; margin:0; padding:0; color:#000000; width:100%;}
.CUERPO .titulos  /* titulos */         {display:block; width:100%; margin:0; padding:0; font-size:14px; font-weight:bold; color:#93815B;}
.CUERPO .piefoto  /* pies de fotos */   {color:#333333; font-size:12px;}
.CUERPO .resalta /* texto resaltado */  {font-weight:bold; font-size:17px;}
.CUERPO .azulbold /* texto azul bold */ {font-weight:bold; color:#003366;}
.CUERPO .amarillo /* texto amarillo */  {color:#F8DA07;}
.CUERPO .azul     /* texto azul */      {color:#003366;}
.CUERPO .blanco   /* texto blanco */    {color:#FCFCFC;}
.CUERPO .negro    /* texto negro */     {color:#000000;}
.CUERPO .rojo     /* texto rojo */      {color:#CC0000;}
.CUERPO .naranjo  /* texto naranjo */   {color:#FF6000;}
.CUERPO .verde    /* texto verde */     {color:#336600;}
.CUERPO .gris     /* texto gris */      {color:#5C5C5C;}
.CUERPO .radius {border-radius:50%;}
/*/vtxt*/


/* TABLAS */
table.CUERPO {width:100%;border-collapse:collapse;text-align:left;margin:0 0 40px 0;}
table.CUERPO * {position:static;}
.CUERPO caption {padding:8px 0;text-align:left;border-bottom:1px dotted #e6e6e6;color:#000000;font-size:14px;}

.CUERPO table tr:first-child, .CUERPO table tfoot {background-color:#FFFFFF;}
.CUERPO td, .CUERPO th {padding:10px;font-size:12px;line-height:20px;}
.CUERPO tr:first-child {border-bottom:2px solid #000;}
.CUERPO tr:first-child td {padding:10px 10px 5px 10px;text-align:left;vertical-align:bottom;color:#000;}
.CUERPO tbody th {text-align:left;vertical-align:top;color:#000;}
.CUERPO tbody td {text-align:left; vertical-align:top}
/*.datos tbody td[colspan]{background-color:#fbe1bf;text-align:center;vertical-align:middle;}*/

/*.datos tbody tr:hover {background-color:#0071BB; color:#FFFFFF;}*/

/*vtxt_table*/
.CUERPO .table-right {float:right;}
.CUERPO .table-left {float:left;}
.CUERPO .table-center {margin:auto;}
.CUERPO .table-gris {margin:3px 0; padding:8px; border-collapse:collapse; empty-cells:show; float:left; border-top:1px dotted #e0e0e0; border-bottom:1px dotted #e0e0e0;}
.CUERPO .table-bupa {border:medium none; border-collapse:collapse; margin:0 0 40px; text-align:left; width:100%;}
/*/vtxt_table*/

/*vtxt_tr*/
.CUERPO .tr-estilo-fondogris {background-color:#dddddd;}
.CUERPO .tr-estilo-fondoazul {background-color:#F2F8FC; color:#FFFFFF; font-weight:bold;}
/*/vtxt_tr*/

/*vtxt_td*/
.CUERPO .td-estilo-fondogris {background-color:#dddddd;}
.CUERPO .td-estilo-fondoazul {background-color:#F2F8FC; color:#FFFFFF; font-weight:bold;}
.CUERPO tbody tr:nth-child(even){background-color:#F2F8FC;}
.CUERPO tbody tr:nth-child(odd){background-color:#FFFFFF;}

/*/vtxt_td*/

/* estilos obligatorios para tablas en vtxt */
.CUERPO table {display:table;width:100%;border-spacing:0;padding:0;margin:0 0 10px 0;}
.CUERPO table a {border-bottom:none;}
.CUERPO td {margin:1px; padding:2px;}
.CUERPO img {margin:0 auto; padding: 10px; width:auto; max-width: 100% !important; height: auto;}
.CUERPO p img {margin:0 auto; padding: 10px; width:auto; max-width: 100% !important; height: auto;}


/* estilos  tablas especial hosting vtxt */
.CUERPO table {clear:both; margin:20px 0; padding:0; border-collapse:collapse; empty-cells:show;}
.CUERPO tr, .CUERPO th {padding:0;}
.CUERPO th {background:#FFF;}
.CUERPO td {padding:0;}

.CUERPO tfoot tr {border-top:1px solid #e6e6e6}
.CUERPO tfoot td{font-size:11px;color:#585858}
/*/vtxt*/

/*icono para links en target blank*/
.CUERPO a[target="_blank"]:after {content: url(/clinica_santiago/imag/v1/auxi/link_blank.gif); margin-right: 8px;}

/*--------------- RESPONSIVE ----------------*/

@media(max-width:960px) {
	#artic.cuerpo .row{width:100%;}
    #main .menu-lateral {float: none; width: 100%;}
    .box-utiles .redes-sociales .aleft {margin: 10px 7px 10px 0px;}
}
@media(max-width:770px) {
    .tableform .fieldform.captcha {width:70px;}
	
	.table-responsive {overflow-x: scroll; display: block;}
	.table-responsive::-webkit-scrollbar {-webkit-appearance: none !important; -moz-appearance: none; appearance: none !important;}
	.table-responsive::-webkit-scrollbar-thumb {-webkit-appearance: none !important; -moz-appearance: none; appearance: none !important;}
	
	/* width */
	.table-responsive::-webkit-scrollbar {width: 20px; height: 10px; background-color: #aaa;}
	.table-responsive::scrollbar {width: 20px; background-color: #aaa;}
	.table-responsive::-moz-scrollbar {width: 20px; background-color: #aaa;}
	/* Track */
	.table-responsive::-webkit-scrollbar-track { height: 10px; box-shadow: inset 0 0 5px grey;  border-radius: 10px;}
	.table-responsive::scrollbar-track {box-shadow: inset 0 0 5px grey;  border-radius: 10px;}
	.table-responsive::-moz-scrollbar-track {box-shadow: inset 0 0 5px grey;  border-radius: 10px;}
	/* Handle */
	.table-responsive::-webkit-scrollbar-thumb { height: 10px; background: #0079C8; border-radius: 10px;}
	.table-responsive::scrollbar-thumb {background: #0079C8; border-radius: 10px;}
	.table-responsive::-moz-scrollbar-thumb {background: #0079C8; border-radius: 10px;}
	/* Handle on hover */
	.table-responsive::-webkit-scrollbar-thumb:hover { height: 10px; background: #0079C8; }
	.table-responsive::scrollbar-thumb:hover {background: #0079C8; }
	.table-responsive::-moz-scrollbar-thumb:hover {background: #0079C8; }

}
@media(max-width:640px) {
    #main .contenido {background-image:none; background-color:#FFF;}
    .tableform .fieldform, .tableform select.fieldform {width:100%;}
    .articulo .CUERPO p {font-family:arial; font-size:17px; color:#666; line-height:140%; text-align:left;}
    .articulo .CUERPO ul li {font-family:arial; font-size:17px; color:#666; line-height:140%; text-align:left;}
    .contSubtit .titSubtit div, .contSubtit .titSubtit a {font-family:arial; font-size:18px; font-weight:bold; text-align:left;}
    .box-utiles .herramientas{width: 75%;}
    .box-utiles .herramientas img {width: 10%; margin: 0 15px;}
    .CUERPO img {width:auto; max-width: 100% !important; height: auto; margin-left:0; margin-right:0;}
    .CUERPO table tr td, .CUERPO table tr td p {font-size:1em !important;}
     
     /*portadas tax*/
     #wrap-taxonomia .articulo {padding:1em 0;}
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
    .item.border5.row .opcion.col4 {width: 100% !important;}
}
@media(max-width:580px) {
    .tableform .fieldform.captcha {width:50px;}
}
@media(max-width:480px) {
    .box-utiles{display: none;}
    .tableform .fieldform.captcha {width:120px;}
}

@media(max-width:360px) {
    .CUERPO iframe {height: 100%; left: 0; top: 0; width: 100%;}
}


/***FIN***/