﻿/*-----------------------------------------------------------------------------
version:   1.0
date:      21/10/2008
author:    [Oscar Javier Varila - diseñador senior - Axesnet]
email:     [ovarila@axesnet.com]
website:   [www.saludtotal.com.co]
project:	Salud Total Internet - Comunidades
-----------------------------------------------------------------------------*/


/*Estilos globales 
-----------------------------------------------------------------------------*/

body{ background:#FFF; color:#444343; }
h1 {font-size:16px; color:#1163A6; margin:0px; font-weight:bold}
a{ color:#05407d; }
a:hover { color:#000000; }
::selection, ::-moz-selection { background: #186eb0; color:#ffffff; /* Safari */ }
*{ color:#444343; }
.imagenes { padding:2px; border:#b1b3b4 1px solid; float:left; margin:0px 10px 5px 0px;}

/*container
-----------------------------------------------------------------------------*/
#navi_bull {list-style-image:url(../images/+.gif);}
#contenidoSup{ background:url(../images/fndContSup.jpg) repeat-x #fff; }
#contenidoInf{ background:url(../images/fndContInf.jpg) repeat-x #fff; }
#container{ background:url(../images/fndContenido.jpg) repeat-y; }
#containerCen{ background:url(../images/fndMidContenido.jpg) no-repeat; min-height:500px }
#contenidoCol{ background:url(../images/lineIzq.jpg) no-repeat; }
.Contenido ul li{ padding-left:10px; background:url(../images/bulletAfiliados.gif) no-repeat 0px 4px ; line-height:14px; margin:8px 0px; }
.Contenido ol li { color: #02327a; font-weight:bold;}
.Contenido ol li span { color: #000; font-weight:normal;}

/* Footer o pie de pagina
-----------------------------------------------------------------------------*/

#footer{ background:url(../images/imgFooter.jpg) no-repeat; }
#creditos, #footerLogo a, #creditos a, #footerLogo{ color:#4d4d4d; }


/* Header o cabezote
-----------------------------------------------------------------------------*/

/*herramientas web*/
#franjaHerra{ background:url(../images/sombraMenSup.jpg) repeat-x left bottom; }
#iconHerra, #iconHerra a{ color:#1163a6; }
#iconHerra a:hover{ color:#000; }


/*pauta*/
#pautaSup{ background:url('../images/somBanner.jpg') repeat-y; }


/* Buscador
-----------------------------------------------------------------------------*/

.cajaBusc{ border:1px solid #1163a6; color:#565656; background:url(../images/fndBuscador.jpg) #fff repeat-x; }


/* Transaccion
-----------------------------------------------------------------------------*/

#transaccion{ border:1px solid #b1b3b4; }
#transaccion .titulo{ color:#00336f; }
#transaccion .linkT a, #transaccion .linkT{ color:#1a487e; }


/* Menu izquierdo
-----------------------------------------------------------------------------*/

.menu{ border:1px solid #b1b3b4; }
.menu1 ul li{ border-bottom:1px solid #fff; background:url(../images/fndMenuNiv1.gif) repeat-y; }
.menu1 ul li a, .menu1 ul li a:hover{ color:#fff;}
.menu1 ul li.menu1Over{ border-bottom:1px solid #00336f; background:none; }
.menu1 ul li.menu1Over a, .menu1 ul li.menu1Over a:hover{ color:#00336f;}
.submenu1 ul li{ border-bottom:1px solid #fff; background:#e8f3f8;}
.submenu1 ul li a{ color:#00336f; }
.submenu1 ul li a:hover{ color:#000; }
.submenu2 ul li{ border-bottom:1px #d9d9d9 solid; background:#f1f0f0; }
.submenu2 ul li a{ color:#00336f; }
.submenu2 ul li a:hover{ color:#000; }
.submenu3 ul li{ border-bottom:1px #f1f0f0 solid; background:#fff; }
.submenu3 ul li a{ color:#00336f; }
.submenu3 ul li a:hover{ color:#000;}


/* principal
-----------------------------------------------------------------------------*/

.cajaPrincipal h1, .cajaPrincipal h2 a, .cajaPrincipal h2, .cajaPrincipal h2 a:hover{ color: #1163a6; }
.cajaPrincipal h3{ color: #000; }
.imagenPrincipal{ border:1px solid #b1b3b4; }
.pie-foto { color: #176cae;	}


/* calculadora
-----------------------------------------------------------------------------*/

.tableCalcSup{ background:url('../images/imgTableSup.jpg') no-repeat;}
.tableCalcInf{ background:url('../images/imgTableInf.jpg') no-repeat;}
.tableCalcFnd{ background:url('../images/imgTableFnd.jpg') repeat-y; }
.tableCalcFnd{ color:#666;}
.formCalc .txt-input{ color:#8a8672; background: #fff url("../images/bg-input.gif") left top no-repeat; border:1px solid #ccc; }
select { color:#8a8672;	background: #fff url("../images/bg-input.gif") left top no-repeat; border:1px solid #ccc; }
.txt-select { color:#8a8672; background: #fff url("../images/bg-input.gif") left top no-repeat; border:1px solid #ccc;}
.formCalc .txt-input:hover{border:1px solid #333; }
.formCalc .txt-input:focus{border:1px solid #fe7e01; color:#555; }
.respuesta{ border:3px solid #FFFFFF; background:#fbf3ce; }
.titTabla, .titTabla td{ color:#fff; background-color:#3674ad; text-align:center; font-weight:bold; }
.titTabla td p{ color:#fff; }


/* Zonas
-----------------------------------------------------------------------------*/

.zonaCaja{ border:1px solid #c1c2c3; }
.titZona { color: #ffffff; background:url(../images/fndTitZona.jpg) repeat-x #244f82; border-bottom:1px solid #143459; }
.titZona span{ color: #ffffff; }
.vinculos{ background:#f0f0f0; }
.vinculos li { border-bottom:1px dashed #999999; background:url(../images/bullet2.gif) no-repeat 0px 7px; }
.vinculos li a, .vinculosC li a, .links_zonas { color: #444444; }
.vinculos li a:hover, .vinculosC li a:hover { color: #000; }
.vinculosC{ background:#f0f0f0; }
.vinculosC li div { border-bottom:1px dashed #999999; }


/* destacado
-----------------------------------------------------------------------------*/


.destacado h1 a, .destacado h1, .destacado h1 a:hover, .destacado h2{ color: #1163a6; }
.destacado h3{ color: #444343; }
.imagenDestacado{ border:1px solid #b1b3b4; }
.lineDest { border-top:1px dashed #999999; }


/* titulares
-----------------------------------------------------------------------------*/

.titTitulares { color: #1163a6; border-top:1px dashed #999999; }
.linkTitular{ color:#444444; border-bottom:1px dashed #999999; }
.linkTitular a{ color:#444444; }
.linkTitular a:hover{ color:#000; }
.linkMap { color:#333; }
.linkPeq{ color:#666; }


/* contenido
-----------------------------------------------------------------------------*/

.texto { color: #000000;}
.titHome, #colCont h1{ color: #00336f; }
h3{ color: #000B1C; }
#colCont h2{ color: #1163a6; background:#f8f8f8;}
#colCont h2.content{ color: #1163a6; background:none;}
.content h1, .content h1 span{ color:#00336f; }
.content h2{ color: #1163a6; }
.content h3{ color: #000; }
.texto-pequeno{ color: #808080; }
.fecha { color: #f30b55;}
.txtPeqAzul{ color: #049abc; }
.titCalifique, .menCalifique{ color:#227ac2; }



/* Formas
-----------------------------------------------------------------------------*/

.combo, .comboPre{ border:1px solid #CCCCCC; color:#565656; background-color:#f5f5f5; }
.cajaInput, .cajaInput2{ border:1px solid #CCCCCC; color:#565656; background-color:#f8f8f8; }


/* Registro
-----------------------------------------------------------------------------*/
.tituloReg{ color: #065194; border-bottom:1px solid #999;}
.labelPos { color: #336699;}
.labelNeg, .labelReq { color: #d12f19;}


/* Calendario
-----------------------------------------------------------------------------*/

.listados { color: #666666; background-color: #F5F5F5; border: 1px solid #999999;}
.calendario_mes { color: #295fb0; background-color: #d7d7d7; }
.calendario_dias { color: #13367a;  }
.calendario_numeros_blancos { color: #666666; background-color: #FFFFFF; }
.calendario_numero_gris { color: #666666; }
.calendario_hoy { color: #FFFFFF; background-color: #295fb0;}
.calendario_evento { color: #000000; background-color: #295fb0; }
.calendario_fondo {background-color: #F5F5F5;}


/* buttons
-----------------------------------------------------------------------------*/
.botones{ color:#FFFFFF; background:url(../images/fondoBtn.jpg) repeat-x;}
.buttons2 button, .buttons2 a, .buttons button, .buttons a{ background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #d5d5d5; border-left:1px solid #d5d5d5; color:#565656; }


/* positive */

.buttons2 a .positive, .buttons2 .positive, .buttons a .positive, .buttons .positive { color:#336699;}
.buttons2 .positive:hover, .buttons2 a .positive:hover, .buttons .positive:hover, .buttons a .positive:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}
.buttons .positive:active, .buttons2 a .positive:active, .buttons a .positive:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff;}

/* negative */

.buttons2 .negative, .buttons2 a .negative, .buttons .negative, .buttons a .negative{ color:#d12f19;}
.buttons2 .negative:hover, .buttons2 a .negative:hover, .buttons .negative:hover, .buttons a .negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
.buttons2 a .negative:active, .buttons .negative:active, .buttons a .negative:active{ background-color:#d12f19; border:1px solid #d12f19; color:#fff;}


/*otros*/
.titulos_menu {	color: #fffdf9; }
.links_menu1, .subtitulo{ color: #02327a; }
.titulo-noticia, .titulos_noticias2 { color: #CB181F; }
.titulos_noticias { color: #00aaff; }
.links_ruta { color: #56514c; }


/*  estilos Mensages modales */

#colCenLog{ background-color:#fff; border:2px solid #333; }
#colCenEnviar{ background-color:#fff; border:2px solid #333; }
#colCenEnviar h1{ color:#00336f; }

/*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;}
 
  
  

