﻿
/*-----------------------------------------------------------------------------
version:   1.0
date:      25/08/2008
author:    [Zahira Ramos - diseñadora junior - Axesnet]
email:     [zramos@axesnet.com]
website:   [www.saludtotal.com.co]
project:	Salud Total Internet - Total Net
-----------------------------------------------------------------------------


Estilos globales 
-----------------------------------------------------------------------------*/

*{
    font-family: Arial, tahoma, Geneva, sans-serif;
}

body{font-size: 11px; color:#000; margin:0px; padding:0px;}
img{border:none;}
a{color:#FFFFFF; text-decoration:underline;} 
::selection {background: #186eb0; color:#ffffff; }
::-moz-selection {background: #186eb0; color:#ffffff; }
form{ margin:0; padding:0;}



/* Container
-----------------------------------------------------------------------------*/

#container{width:1200px; margin:0px auto;padding:0px; background:url(../images/fndContenidoC.png) repeat-y;}
#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#containerCen{width:1150px; padding:0px 0px 0px 15px;}
#containerCen:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}

/*columnas izquierda*/
#colIzq{width:220px; float:left; z-index:100;padding:5px}
/*columnas derecha*/
#colDer{width:650px; float:left; }
#cabezoteCont{ background:url(../images/cabezoteContenidoC.png) no-repeat; width:920px; height:12px; font-size:0px;}
#footerCont{ background:url(../images/footerContenidoC.png) no-repeat; width:920px; height:8px; }
#footerCont:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*#contenidoCont{ background:url(../images/fndCont.jpg) repeat-y; width:661px; padding: 10px 0px 10px 13px;}*/
#contenidoCont{ background:url(../images/fndContC.png) repeat-y; width:920px; padding: 5px 5px 10px 10px;}
#contenidoCont:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



/* Header o cabezote
-----------------------------------------------------------------------------*/

#cabezote{ background:url(../images/cabezoteC.png) no-repeat; width:1200px; height:109px;}
#cabezote .fecha { float:right; font-size:12px; color:#1163a6; padding-top:25px; padding-right:80px;}

/* Footer o pie de pagina
-----------------------------------------------------------------------------*/

#footer{ width:1200px; height:64px; background:url(../images/fndFooterC.png) no-repeat; margin:0 auto; margin-top:40px;}
#footer:after .creditos a {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.creditos{ float:none; font-size:11px; color:#1163a7; text-decoration:none;  padding-top:20px;}
.creditos a { color:#1163a7; font-size:11px; text-decoration:none;}


/* Menu izquierdo
-----------------------------------------------------------------------------*/

#cabezoteMenu { background:url(../images/cabezoteMenu.jpg) no-repeat; width:233px; height:12px; padding:0px; font-size:0px;}
#cabezoteMenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#footerMenu { background:url(../images/footerMenu.jpg) no-repeat; width:233px; height:8px;}
#contenidoMenu { background:url(../images/fndMenu.jpg) repeat-y; padding:0px; width:215px; padding-left:18px;}


/* Tablas
-----------------------------------------------------------------------------*/

caption {font-size: 1.7em; color: #4c4c4c; text-align: left;}

/*table#TABLE1 tbody tr:first-child, table#Table3 tbody tr:first-child {
    background-color: #009ABC;
}*/

/******************************************************************************/

table {margin: 0; padding: 0; border-collapse: collapse; border:#b1b3b4 1px solid;}
td, th {padding: 3px 4px; border-bottom: 1px solid #b1b3b4; border-right: 1px solid #b1b3b4;
	margin-left: 40px;
}
/*td + td {border-left: 1px solid #b1b3b4; color: #4c4c4c;  }*/
td + td + td {color: #4c4c4c; border-left: 1px solid #b1b3b4; }
td a {color: #4c4c4c; text-decoration: none; text-align: left; }
tfoot th {text-align: left;}
th {text-align: center; color:#FFFFFF; font-weight:normal; border-right: 1px solid #b1b3b4;}
th + th {text-align: center;}
th + th + th {text-align: center;}
th a {color: #4c4c4c; text-decoration: none; font-size: 1.1em; text-align:left;}
th a:visited {color: #4c4c4c; }
th a:hover {color: #186eb0; text-decoration: underline; }
/*thead tr, tfoot tr {color:#fff; font-size:12px; background:#18467c; } Cambio Color de Boton Por Datapicker de Telerik en HC - Luis */
tr {font: 12px sans-serif;  text-align: left;} /*background: #F8FAFB;  color: #666;*/ 
/*tr:hover {background: #F8FAFB;}*/
.odd {background: #e9e9e9;font-size: 16px;}





/* Generales
-----------------------------------------------------------------------------*/

.titulos{ font-size: 18px; color: #00336f; text-decoration: none; font-weight:normal;}
.subtitulos{font-size: 14px; color: #1163a6; text-decoration: none; font-weight:normal; margin:0px; padding:0px;}
.links {font-size: 11px; text-decoration: none; color: #05407d;}
.general{ font-size:12px; color:#000; line-height:18px; width:630px;}


p {
    margin: 1% auto 0;
    padding: 1px;
    border: none;
    width: 96%;
}
p font {
    color: #00468C;
}
p font b {
	color:#00468C;
}


/* Campos - Divs
-----------------------------------------------------------------------------*/


#boderDivs { border:#b1b3b4 1px solid; width:620px; padding:4px;}
.menu_seleccionado { background:url(../images/fndDivs.png) repeat-x; /*width:875px;*/ height:22px;
color:White; padding:4px 10px 0px 5px;font-size:14px; }


.titulosDivs {color:#0033ab; font-size:14px; text-decoration:none;}
.menu_blanco {background-color:#F4F4F4; color:#666666; font-size:12px; text-decoration:none; }
/*.bulletDiv {float:right;}*/



/************************************************Estilo Botones ***********************************************/

input[type="submit"], input[Type="button"]
{
    background-color: #009ABC;
	color: #FFFFFF; /*  Cambio Color de Boton Por Datapicker de Telerik en HC - Luis */
	padding: 6px 10px 5px 10px;
	border:#009ABC 1px solid;
	border-radius: 0px;
	font-family: Arial, Verdana, Helvetica,sans-serif;
    font-size:12px;
    
    
}
.CerrarSesion
{
    text-align:left;
    }
 
    
/**********************************************Estilo Cajas de texto ******************************************/    
input[type="text"]   
{    
    border:#1163a7 1px solid; background:url(../images/fndInput.jpg) repeat-x; font-size:12px; text-transform: uppercase;
}
    
/**********************************************Estilo ComboBox ***********************************************/        
    

select { font-family: Arial, Verdana, Helvetica,sans-serif;  border:#1163a7 1px solid; background:#fff; color:#1F3778; font-size:12px;}
.obligatorio  { font-size:14px; color:#f30b55;}

#col{
	float:right;
	
	height:50px;
	
	position:absolute;
    top: 50px;
    left: 1000px;
    
}


