/*
	Cliente: Archisoft
	Fecha:	02/05/2008
	Autor: Ángela Tapia Delgadillo
	Versión:	1.0
 */
@import url(stylesheet_old.css);
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #0f617c;
	background-image: url("images/body_fd.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-top: 0;
	margin-left: 0;}
#cabecera{
	width:97%;
	/*width: 975px;*/
	height: 130px;
	padding: 12px 0 0 25px;
	background-color: #003f53;
	background-image: url("images/cabecera_fd.gif");
	background-repeat: repeat-x;}
#cabecera .logo{
	text-align: left;}
#cabecera td{
	text-align: right;}
/*****************************************/
/* Menu superior */
#barramenu{	
	width: 98%;
	/*width: 970px;*/
	height: 31px;
	padding: 0 15px 0 15px; 
	margin: 0 0 0 0; 
	background-color: #033a51;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #9a9a19;}
#menu {
	width: 100%; 
	height: 30px; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000; 	
	background-color: #bbbb00;	}
#menu ul {
	width: 700px; 
	/*height: 20px;*/
	list-style-type: none; 
	display: block;
	text-align: right; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0; 
	font-weight:bold; 
	color:#FFFFFF; 
	float: right;}
#menu li{
	display: inline;
	padding: 0 18px 0 18px;
	height: 38px;
	line-height: 30px;
	/*background-image: url("images/menu_separacion.gif");*/
	background-repeat: no-repeat;
	background-position:1px;}
#menu .seldocs {
	padding: 8px 18px 8px 18px;
	height: 38px;
	text-decoration: none;
	background-color: #80804D;}
#menu li.seldocs a:link{
	color: #fff;}
#menu li.seldocs a:visited{
	color: #fff;}
#menu li a:link{
	color: #000;
	text-decoration: none;}
#menu li a:visited{
	color: #000;
	text-decoration: none;}
#menu li a:hover{
	color: #6B6B2E;
	text-decoration: none;}
#menu li a:active{
	color: #80804D;
	text-decoration: none;}
/************************************************/
/* Menu lateral */
#menulatinf {
	width: 100%; 
	padding: 0 0 10px 15px; 
	margin: 0 0 0 0;}
#logoiso{
	/*position: absolute;
	top: 570px;*/
	padding: 0 0 0 10px;
	color: #c90030;
	font-size: 10px;}
/************************************************/
/* Contenido central */
#central{
	width: 98%;
	/*width: 970px;*/
	padding: 0 15px 0 15px; 
	background-color: #0f617c;
	background-image: url("images/pagina_fd.jpg");
	background-repeat: repeat-x;
	background-position: 0 0;}
#central .fdup	{
	background-image: url("images/portada_fd_up.jpg");
	background-repeat: repeat-x;
	background-color: #fff;
	vertical-align: top;}
#central .fddown{
	background-image: url("images/portada_fd_down.jpg");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #fff;
	height: 40px;}
#central .fdright{
	background-image: url("images/portada_fd_up.jpg");
	background-repeat: repeat-x;
	background-color: #fff;
	border-left: 1px solid #ccc;
	vertical-align: top;}
/*----------------------------------------------*/
/* Path de Navegación */
#path{
	padding: 8px 8px 8px 2px;
	font-size: 10px;
	color:#000;}
#path a:link{
	color:#9a9a19;
	text-decoration: none;}
#path a:visited{
	color:#BBBB00;
	text-decoration: none;}
#path a:hover{
	color:#666;
	background-color: #ededbd;}
#path a:active{
	color:#000;}
/*----------------------------------------------*/
/* Portada */
#portada{
	padding: 10px;}
#portada h1{
	color: #ccc;}
#portada h2{
	color: #666666;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal; }
#portada h3{
	color: #666;
	/*font-size: 26px;*/}
/*----------------------------------------------*/
/* Bienvenido a Archisoft */
#bienvenido {
	background-color: #ededbd;
	padding: 0;
	margin: 0;}
#bienvenido .heading-falso{
	font-size:26px;
	font-weight:normal; 
	margin-top:-3px; 
	color: #b1b2b2; 
	display:block; 
	text-align:left !important;}
#bienvenido h1{
	color: #999;}
#bienvenido h2{
	color: #999999;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	font-size: 24px;
	font-weight: normal; }
#bienvenido .destacado{
	color: #bbbb00; }
#bienvenido h3{
	color: #666;
	margin: 0;
	padding: 0 0 4px 2px;
	font-size: 11px;
	border-bottom: 1px solid #666;}
#bienvenido p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}
#bienvenido p.vermas{
	margin:0;
	padding: 0;
	text-align: right;
	font-size: 9px;}
#bienvenido .vermas a:link{
	color: #bbbb00;}
#bienvenido .vermas a:visited{
	color: #9a9a19;}
#bienvenido .vermas a:hover{
	color: #666;}
#bienvenido .vermas a:active{
	color: #000;}
#bienvenido .bienvup{
	background-image: url(images/bienv_up.gif);
	background-repeat: repeat-x;}
#bienvenido .bienvdown{
	background-image: url(images/bienv_down.gif);
	background-repeat: repeat-x;}
#bienvenido .bienvleft{
	background-image: url(images/bienv_left.gif);
	background-repeat: repeat-y;}
#bienvenido .bienvright{
	background-image: url(images/bienv_right.gif);
	background-repeat: repeat-y;}
/*----------------------------------------------*/
/* Presentaciones, Seminarios y Testimonios */
#comunicados{
	margin: 20px 0 10px 0;}
#comunicados th{
	height: 38px;
	width: 33%;
	background-color: #0d647f;
	background-image: url(images/comunicados_fd.gif);
	background-repeat: repeat-x;}
#comunicados td{
	vertical-align: top;
	text-align: center;
	padding: 15px 0 0 8px;}
#comunicados td.central{
	vertical-align: top;
	padding: 15px 0 0 8px;
	border-left: 1px solid #e5e59f;
	border-right: 1px solid #e5e59f;}
#comunicados p, ul {
	text-align: left;
	font-size: 11px;
	line-height: normal;}
#comunicados a:link{
	color: #26728a;
	text-decoration: none;
	font-weight: bold;}
#comunicados a:visited{
	color: #509bb3;
	text-decoration: none;
	font-weight: bold;}
#comunicados a:hover{
	color: #3399cc;
	font-weight: bold;}
#comunicados a:active{
	color: #ccc;
	font-weight: bold;}
#comunicados li.ipod{
	list-style: none;
	background-image: url(images/ico_ipod.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 18px;}
#comunicados li.quicktime{
	list-style: none;
	background-image: url(images/ico_quicktime.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 18px;}
#comunicados li.wmedia{
	list-style: none;
	background-image: url(images/ico_wmedia.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 18px;}	
#comunicados li a:link{
	color: #3399cc;
	font-weight: normal;}
#comunicados li a:visited{
	color: #79bee1;
	font-weight: normal;}
#comunicados li a:hover{
	color: #26728a;
	font-weight: normal;}
#comunicados li a:active{
	color: #000;
	font-weight: normal;}
#comunicados p.vermas{
	margin:0;
	padding: 0 8px 0 0;
	text-align: right;
	font-size: 9px;}
#comunicados .vermas a:link{
	color: #bbbb00;}
#comunicados .vermas a:visited{
	color: #BBBB00;}
#comunicados .vermas a:hover{
	color:#666;
	background-color: #ededbd;}
#comunicados .vermas a:active{
	color: #000;}
/*----------------------------------------------*/
/* Productos Portada */
#productoport{
	margin: 20px 0 0 0;}
#productoport .produp{
	background-image: url(images/prod_up.gif);
	background-repeat: repeat-x;}
#productoport .proddown{
	background-image: url(images/prod_down.gif);
	background-repeat: repeat-x;}
#productoport .prodleft{
	background-image: url(images/prod_left.gif);
	background-repeat: repeat-y;
	width: 17px;}
#productoport .prodright{
	background-image: url(images/prod_right.gif);
	background-repeat: repeat-y;
	width: 16px;}
#productoport caption{
	text-align: left;
	background-image: url(images/prod_fd.gif);
	background-repeat: repeat-x;}
/* Producto Destacado*/
#productodest td{
	width: 33%;
	vertical-align: top;
	text-align: center;
	padding: 15px 4px 10px 8px;}
#productodest td.central{
	vertical-align: top;
	padding: 15px 8px 10px 8px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;}
#productodest p, ul {
	text-align: left;}
#productodest b{
	color: #000;}
#productodest a:link{
	color:#669900;
	text-decoration: none;}
#productodest a:visited{
	color:#9a9a19;
	text-decoration: none;}
#productodest a:hover{
	color:#9ccb3d;
	text-decoration: none;}
#productodest a:active{
	color:#669900;
	text-decoration: none;}
/********************************************************/
/* Caluga Capacitación */
#calugacap{
	width: 190px;
	margin: 20px 0 0 15px;
	background-image: url("images/cap_fdtabla.jpg");
	background-repeat: repeat-y;
	color: #fff;	
	font-size: 10px;}
#calugacap ul{
	margin: 0;
	padding: 0;
	font-size: 10px;}
#calugacap li{
	list-style: none;
	background-image: url(images/ico_calendario.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 18px;}
#calugacap a:link{
	color:#000;
	text-decoration: none;
	font-weight: bold;}
#calugacap a:visited{
	color:#333;
	text-decoration: none;
	font-weight: bold;}
#calugacap a:hover{
	color:#fff;
	text-decoration: none;
	font-weight: bold;}
#calugacap a:active{
	color:#e5e59f;
	text-decoration: none;
	font-weight: bold;}
#calugacap .proxcurso{
	background-image: url("images/cap_fd01b.jpg");
	background-repeat: no-repeat;
	padding:48px 0 0 25px;
	color: #fff;	}
#calugacap .curso{
	height: 65px;
	background-image: url("images/cap_fd02.jpg");
	background-repeat: no-repeat;
	padding:10px 2px 0 25px;
	color: #fff;	
	vertical-align: top }
/********************************************************/
/* Pie de pagina */
#direccion{
	height: 30px;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
	background-image: url(images/direccion_fd.gif);
	background-repeat: repeat-x;
	background-color: #0f617c;
	padding: 0 10px 0 0;}
#direccion td{
	color: #fff;}
#pie{
	width: 98%;
	/*width:970px;*/
	padding: 15px;
	margin: 0;
	color:#fff;
	background-color: #003248;}
#pie td{
	text-align: right;
	color: #fff;}
#pie p.powered a:link{
	color: #478ea4;
	font-size: 10px;
	text-decoration: none;}
#pie p{
	text-align: left;}
#pie p.powered a:visited{
	color: #0f617c;
	font-size: 10px;
	text-decoration: none;}
#pie p.powered a:hover{
	color: ##3399cc;
	font-size: 10px;
	text-decoration: none;}
#pie p.powered a:active{
	color: #fff;
	font-size: 10px;
	text-decoration: none;}
.retrieve{background-image:none;background-color:White;color:Black;}
/*****************************************/
/*toolTIPS*/

.tooltip { /* Clase reutilzable para controlar visualizacion de tooltip */
	color:#666666;
	font-weight:bold;
	position: relative;
}

.tooltip:hover {
z-index:999; /* va a estar por encima de todo */
background-color:#EAEAEA; /* DEBE haber un color de fondo */
}


.tooltip span {/* estilo desendente */
	display: none; /* oculta por defecto la etiqueta span que se encuentra en la clase */
	background-repeat: repeat;
	background-color: #EAEAEA;
	border: thin solid #CCCCCC;
	padding: 5px;
}

.tooltip:hover span { /* estilo descendente */
	display: block; /* se fuerza a mostrar el bloque */
	position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
	top:2em;
	left:2em; /* donde va a estar */
	width:250px; /* el ancho por defecto que va a tener */
	padding:5px; /* la separación entre el contenido y los bordes */
	background-color: #EAEAEA; /* el color de fondo por defecto */
	color: #666666; /* el color de los textos por defecto */
	text-decoration: none;/* evita la linea bajo el vinculo */
}
.tooltip span  img {
	float: left; /* posiciona la imagen a la izquierda con respecto al texto*/
	margin: 5px; /* aplica un margen a la imagen */
}