/*-----------------------------------------------------------------------------
version:   1.0
date:      22/07/2008
author:    [Oscar Javier Varila - diseñador senior - Axesnet]
email:     [ovarila@axesnet.com]
website:   [www.saludtotal.com.co]
project:	Salud Total Internet
-----------------------------------------------------------------------------*/


/*Estilos globales 
-----------------------------------------------------------------------------*/

body{ font-size: 10px; font-family: Arial, Verdana, sans-serif; margin:0px; padding:0px; }
img{ border:none;}
ul{ list-style:none;}
a{ text-decoration:underline;}
a:hover { text-decoration:underline;}
*{ font-size: 10px; font-family: Arial, Verdana, sans-serif;}
form{ margin:0; padding:0;}
.whiteSpace{ font-size:10px; height:10px;}
.whiteSpace1{ font-size:6px; height:6px;}

/*container
-----------------------------------------------------------------------------*/
#navi_bull {list-style-image:url(../images/+.gif);}
#contenidoSup{ width:100%; padding-top:27px; }
#contenidoSup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contenidoInf{ width:100%; }
#container{ width:955px; margin:0px auto; padding:0px; }
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#containerCen{ width:916px; padding:0px 21px 0px 18px; }
#containerCen:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contenidoCol{ padding:14px 0px 14px 0px; }
#contenidoCol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contenidoCol {display:inline-block;}
/* Hide from IE Mac \*/
#contenidoCol{display:block;}
/* End hide from IE Mac */
#contenidoCol2{ padding:14px 3px 14px 3px;}
#contenidoCol2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.Contenido ol li span { font-size:10px; }


/*columnas izquierda*/
#colIzq{ width:215px; float:left; padding-right:18px; }

/*columnas centro*/
#colCen{ width:680px; float:right; }
#colCont{ width:690px; float:right; }

/*columnas derecha*/
#colDer{ width:0px; float:right; }
#colDerCal{ width:0px; float:right; display:inline; }


/* Footer o pie de pagina
-----------------------------------------------------------------------------*/

#footer{ width:910px; height:101px; margin:0px auto; margin-bottom:15px; padding:17px 24px 0px 21px; }
#creditos{ width:600px; float:left; font-size:10px; text-decoration:none; }
#footerLogo a { font-size:10px; }
#creditos a { font-size:10px; }
#footerLogo{ width:300px; float:right; text-align:right; font-size:10px; }
#footerLogo img{ padding-right:18px; }


/* Header o cabezote
-----------------------------------------------------------------------------*/

/*herramientas web*/
#franjaHerra{ width:916px; height:37px; }
#iconHerra{ padding-top:8px; font-size:10px; line-height:18px; width:631px; float:left; }
#iconHerra a{ font-size:10px; text-decoration:none; }
#iconHerra a:hover{ font-size:10px; text-decoration:none; }

/*franja logo*/
#franjaSup{ width:955px; margin:0 auto; }
#franjaSup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#franjaLogo{ width:300px; float:left; height:66px; }
#franjaMenuSup{ width:597px; float:right; height:54px; font-size:0px; text-align:right; margin-top:12px; margin-right:6px !important; margin-right:3px;}

/*pauta*/
#pautaSup{ margin:0 auto; width:946px; padding:0 6px 0 3px; }


/* Buscador
-----------------------------------------------------------------------------*/

#buscador{ width:250px; float:right;}
#div_sel_buscador_habitat{ width:200px; float:left; }
#buscar{ width:24px; float:left; margin-top:6px;}
#carga{ margin-top:-10px;}
#lista{ margin-top:22px !important; margin-top:-7px;}
.cajaBusc{ font-size: 10px; font-family:Arial, Verdana, sans-serif; padding:2px; width:190px; margin-top:6px;}


/* Transaccion
-----------------------------------------------------------------------------*/

#transaccion{ width:213px; height:50px;}
#transaccion .imagen{ width:50px; float:left; text-align:right; height:40px; margin-top:10px;}
#transaccion .titulo{ width:163px; float:left; height:43px; margin-top:7px; font-weight:bold; font-size:14px;}
#transaccion .titulo a.tit{ font-weight:bold; font-size:14px; text-decoration:none;}
#transaccion .linkT a{ font-weight:normal; font-size:10px; text-decoration:none;}
#transaccion .linkT{ font-weight:normal; font-size:10px; text-decoration:none;}
#transaccion .linkT a:hover{ text-decoration:underline;}


/* Menu izquierdo
-----------------------------------------------------------------------------*/

.menu{width:213px; margin-top:18px;}
.menu1 *{ font-size:0;}
.menu1 ul{ margin: 0px; padding: 0px; width:213px; }
.menu1 ul li{ margin: 0px; width:100%; line-height:18px; padding:5px 0; }
.menu1 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.menu1 ul li .flechaMenu {width:10px; margin:0px 6px 0px 7px; float:left; padding-top:4px;}
.menu1 ul li .item {width:180px; float:left;}
.menu1 ul li a{text-decoration:none; font-size:11px; }
.menu1 ul li a:hover{text-decoration:underline; font-size:11px; }
.submenu1 *{ font-size:0;}
.submenu1 ul{margin:0px; padding:0px; }
.submenu1 ul li{margin:0px; line-height:18px; padding:5px 0; display:inline-block; clear: both; width:100%; }
.submenu1 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu1 ul li .flechaMenu {width:10px;  margin:0px 6px 0px 7px; float:left; padding-top:2px;}
.submenu1 ul li .item {width:180px; float:left;}
.submenu1 ul li a{text-decoration:none; font-size:11px; }
.submenu1 ul li a:hover{ text-decoration:none; font-size:11px; }
.submenu2 *{ font-size:0;}
.submenu2 ul{ margin:0px; padding:0px; }
.submenu2 ul li{ margin:0px; line-height:18px; padding:5px 0; display:inline-block; clear: both; width:100%; }
.submenu2 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu2 ul li .flechaMenu {width:10px;  margin:0px 6px 0px 7px; float:left; padding-top:2px;}
.submenu2 ul li .item {width:180px; float:left;}
.submenu2 ul li a{text-decoration:none; font-size:11px; }
.submenu2 ul li a:hover{ text-decoration:none; font-size:11px; }
.submenu3 *{ font-size:0;}
.submenu3 ul{ margin:0px; padding:0px; padding-left:5px;}
.submenu3 ul li{ margin:0px; line-height:18px; padding:5px 0; display:inline-block; clear: both; width:100%; }
.submenu3 ul li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.submenu3 ul li .flechaMenu { width:10px;  margin:0px 6px 0px 7px; float:left; padding-top:2px;}
.submenu3 ul li .item { width:170px; float:left;}
.submenu3 ul li a{ text-decoration:none; font-size:11px; }
.submenu3 ul li a:hover{ text-decoration:none; font-size:11px; }


/* principal
-----------------------------------------------------------------------------*/

.cajaPrincipal{clear: both; margin-bottom:8px;}
.cajaPrincipal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cajaPrincipal h1{font-size: 14px; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.cajaPrincipal h2 a{font-size: 12px; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.cajaPrincipal h2{font-size: 12px;  text-decoration: none; font-weight:normal; margin:0px 0px 8px 0px; padding:0px; font-weight: bold;}
.cajaPrincipal h2 a:hover{font-size: 12px; text-decoration: underline; font-weight:normal; margin:0px; padding:0px;}
.cajaPrincipal h3{font-size: 11px; text-decoration: none; font-weight:normal; margin:0px; padding:0px; line-height:18px;}
.fotoPrin{ float:left; margin-right:15px;}
.imagenPrincipal{ padding:2px; margin-bottom:5px;}
.pie-foto {	font-size: 8px; font-weight:normal;	}


/* calculadora
-----------------------------------------------------------------------------*/

.calculadora{ width:434px; margin:0 auto; padding:0px; font-size:0px;}
.tableCalcSup{ width:434px; height:12px; margin:0; padding:0; font-size:0px; }
.tableCalcInf{ width:434px; height:12px; font-size:0px; }
.tableCalcFnd{ width:394px; display:table; margin:0; padding:0; padding:10px 20px; }
.tableCalcFnd img{ padding-right:15px; float:left; }
.tableCalcFnd{ font-size:10px; }
.formCalc .txt-input{ padding:2px; margin:2px 0px; }
select { padding:2px; margin:2px 0px; }
.txt-select { padding:2px; margin:2px 0px; }
.respuesta{ margin:5px; padding:5px;}
.titTabla, .titTabla td{ font-size:10px; color:#fff; }


/* Zonas
-----------------------------------------------------------------------------*/

.zonaCaja{ width:208px; padding:2px;}
.titZona { font-size: 12px; line-height:18px; padding-left:12px;}
.titZona span{ font-size: 14px; line-height:18px; }
.links_zonas {	font-size: 11px; text-decoration: none; }
.vinculos{ padding:5px; }
.vinculos .linea{border-bottom:1px dashed #999999; margin:5px 0;}
.vinculos ul{ margin:0; padding:0; list-style:none; display:block;}
.vinculos li{margin:0px; padding:3px 2px 3px 10px; }
.vinculos li * {margin:0; padding:0;}
.vinculos li a {font-size: 11px; text-decoration: none; }
.vinculos li a:hover {font-size: 11px; text-decoration: none; }
.vinculosC{ padding:5px; }
.vinculosC ul{ margin:0px; padding:0px; display:block;}
.vinculosC li{margin:0px; padding-left:12px; display:block; padding-top:3px; padding-bottom:3px; line-height:20px;}
.vinculosC li a {font-size: 12px; text-decoration: none; }
.vinculosC li a:hover {font-size: 12px; text-decoration: none; }



/* destacado
-----------------------------------------------------------------------------*/

.destacado{clear: both; margin-bottom:8px;}
.destacado h1 a{font-size:12px; text-decoration: none; font-weight:normal; margin:0px; padding:0px; border-bottom:none;}
.destacado h1{font-size:12px; text-decoration: none; font-weight:normal; margin:0px; padding:0px; border-bottom:none; padding-bottom:6px;}
.destacado h1 a:hover{font-size: 12px; text-decoration: underline; font-weight:normal; margin:0px; padding:0px; border-bottom:none;}
.destacado h2{font-size: 12px; text-decoration: none; font-weight:normal; margin:0px; padding:0px; font-weight: bold;}
.destacado h3{font-size: 10px; text-decoration: none; font-weight:normal; margin:0px; padding:0px; line-height:19px;}
.imagenDestacado{ padding:2px;}
.fotoDes{float:left; margin-right:15px;}
.lineDest {margin-bottom:14px; padding-top:13px;}


/* titulares
-----------------------------------------------------------------------------*/

.titTitulares {font-size: 12px; margin-bottom:14px; padding-top:13px;}
.linkTitular{ font-size:10px; line-height:18px; padding-bottom:6px; margin-top:6px;}
.linkTitular a{ font-size:10px; line-height:18px; text-decoration:none;}
.linkTitular a:hover{ text-decoration:underline;}
.linkMap { font-size:11px; text-decoration:none;}
.linkPeq{ font-size:10px; text-decoration:none;}


/* contenido
-----------------------------------------------------------------------------*/
.texto { font-size: 11px; line-height:18px; }
.titHome{ font-size: 16px; text-decoration: none; font-weight:normal;}
h3{font-size: 12px; text-decoration: none; font-weight:normal; padding:1px; margin:5px 0px 0px 0px;}
h3 a{text-decoration: none; font-weight:normal;}
#colCont h1{font-size: 16px; text-decoration: none; font-weight:normal; padding:0px; margin:5px 0px;}
#colCont h2{font-size: 12px; text-decoration: none; font-weight:normal; margin:3px 0; padding:3px; }
#colCont h2.content{font-size: 12px; text-decoration: none; font-weight:normal; margin:3px 0; padding:3px; background:none;}
.content h1{font-size: 16px; text-decoration: none; font-weight:normal; padding:0px; margin:5px 0px;}
.content h1 span{font-size: 16px; text-decoration: none; font-weight:normal; padding:0px; margin:5px 0px;}
.content h2{font-size: 12px; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.content h3{font-size: 11px; text-decoration: none; font-weight:normal;}
.texto-pequeno{font-weight: normal; font-size: 10px; text-decoration: none;}
.fecha {font-size: 10px; font-weight:normal; }
.txtPeqAzul{font-weight:normal; font-size: 10px; text-decoration: none;}
.titCalifique{ font-size:10px; font-weight:bold; text-decoration:none;}
.menCalifique{ font-size:10px; font-weight:normal; text-decoration:none;}


/* Formas
-----------------------------------------------------------------------------*/

.combo{ font-size: 10px; font-family:Arial, Verdana, sans-serif; width:174px;}
.comboPre{ font-size: 10px; font-family:Arial, Verdana, sans-serif; width:570px;}
.cajaInput{ font-size: 10px; font-family:Arial, Verdana, sans-serif; padding:2px; width:110px;}
.cajaInput2{ font-size: 10px; font-family:Arial, Verdana, sans-serif; padding:2px;}


/* Registro
-----------------------------------------------------------------------------*/
.tituloReg{ font-size: 18px; font-weight: normal; }
.labelPos { font-size: 10px; }
.labelNeg { font-size: 10px; }
.labelReq{ font-size: 10px; text-align:center;}
.contentModal{ padding:10px;}


/* Calendario
-----------------------------------------------------------------------------*/

.listados { font-family: Arial, Verdana, sans-serif; font-size: 10px; text-decoration: none; }
.calendario_mes {font-size: 10px; font-weight: bold; text-decoration: none; }
.calendario_dias {font-size: 10px; font-weight: bold; text-decoration: none; }
.calendario_numeros_blancos { font-size: 10px; }
.calendario_numero_gris {font-size: 10px; text-decoration: none;}
.calendario_hoy {font-size: 10px; }
.calendario_evento {font-size: 10px; text-decoration: none; }


/* buttons
-----------------------------------------------------------------------------*/
.botones{ padding:2px; font-size:11px; border:none; }
.buttons{ margin:5px; }
.buttons2 button{ margin:0 7px 0 0; font-size:11px; line-height:110%; text-decoration:none; font-weight:bold; cursor:pointer; padding:4px 6px 5px 5px;}
.buttons2 a{ margin:0 7px 0 0; font-size:11px; line-height:110%; text-decoration:none; font-weight:bold; cursor:pointer; padding:4px 6px 5px 5px;}
.buttons button{ margin:0 7px 0 0; font-size:11px; line-height:110%; text-decoration:none; font-weight:bold; cursor:pointer; padding:4px 6px 5px 5px;}
.buttons a{ margin:0 7px 0 0; font-size:11px; line-height:110%; text-decoration:none; font-weight:bold; cursor:pointer; padding:4px 6px 5px 5px; }
.buttons a{ width:auto; overflow:visible; padding:3px 6px 3px 5px; /* IE6 */}
.buttons2 button{ width:auto; overflow:visible; padding:3px 6px 3px 5px; /* IE6 */}
.buttons button{ width:auto; overflow:visible; padding:3px 6px 3px 5px; /* IE6 */}
.buttons2 button[type]{ padding:3px 6px 3px 5px; /* Firefox */ line-height:14px; /* Safari */}
.buttons button[type]{ padding:3px 6px 3px 5px; /* Firefox */ line-height:14px; /* Safari */}
*:first-child+html button[type]{ padding:3px 6px 3px 5px; /* IE7 */}
.buttons2 a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}
.buttons2 button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}
.buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}
.buttons button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px;}


/*otros*/
.titulos_menu {	font-size: 14px; font-weight: normal; text-decoration: none;}
.links_menu1 {font-size: 11px; font-weight: normal; text-decoration: none;}
.subtitulo {font-size: 11px; font-weight: bold; text-decoration: none;}
.titulo-noticia {font-size: 18px; font-weight: normal; text-decoration: none;}
.titulos_noticias {font-size: 10px; font-weight: normal; text-decoration: none;}
.links_ruta {font-size: 10px; font-weight: normal; text-decoration: none;}
.titulos_noticias2 {font-size: 14px; font-weight: normal; text-decoration: none;}


/*  estilos Mensages modales */

#colCenLog{width:400px; padding:10px; margin:2px;}
#colCenEnviar{width:400px; padding:10px; margin:2px;}
#colCenEnviar h1{font-size: 16px; text-decoration: none; font-weight:normal; padding:0px; margin:5px 0px;}




/* Tabla */

.tabla { background-color:#CCCCCC; margin:0 auto;}
.tabla td { background-color:#fff; padding:4px;}

/*OFERTAS */

.titulo_tabla{
 background-color:#2877b9;
 font-size:14px;
 color:#FFF;
 padding:2px;
  }
 .texto_tablalink{
 font-size:14px;
 color:#287bbf;}
 
 .texto_tablalink a{
 font-size:14px;
 color:#287bbf;}
 
  .texto_tablalink a:hover{
 font-size:14px;
 color:#666666;}
.detalle_titulo{
	font-size:12px;
 color:#444343;
 font-weight:bold;}