html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}
body { background: #efefef; }
#home {
	width: 740px;
	height: 564px;
	margin: 0 auto;
	border-left: 1px solid #eee;
	}
#cdb {
	width: auto;
	height: 90px;
	margin: 8px 6px 16px 6px;
	}
/* la cabeza con el titulo y el buscador */
#uno {
	width: auto;
	height: 84px;
	}
#uno ul {
	width: 740px;
	height: 84px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#uno li { float: left; }
#titulo {
	width: 456px;
	height: 84px;
	background: #FDEEEE;
	margin: 0;
	padding: 0;
	text-align: right;
	}
#titulo div { padding: 0 36px 0 0; }
#titulo img { border: none; }
#titulo h1 {
	width: auto;
	height: 17px;
	margin: 0;
	padding: 0;
	background: url(img/titulo-home.gif) bottom right no-repeat;
	font: 100 normal 10px/12px arial, sans-serif;
	color: #FDEEEE;
	}
#titulo em { visibility: hidden; }
#buscador {
	width: 284px;
	height: 84px;
	text-align: center;
	background: #EFD9D2;
	}
#buscador form {
	padding: 30px 0 0 0;
	margin: 0;
	}
/* el <input> para ingresar el termino a buscar */
#s {
	border: 1px solid #DBCAB8;
	font-size: 15px;
	margin: 0;
	padding: 1px;
	color: #B99A7B;
	}
/* El <button> de busca */
#buscar {
	background: #EFD9D2 url(img/butbusca2.gif) top left no-repeat;
	border: none;
	font-size: 14px;
	padding: 3px 0;
	margin: 0;
	cursor: pointer;
	}
#buscar em { visibility: hidden; }
/* el cuerpo con las secciones de novedades, productos medicos e info corporativa */
#dos {
	width: 740px;
	height: 374px;
	}
#novedades {
	width: 456px;
	height: 374px;
	background: #fff url(img/novedades-back.gif) 0px 276px repeat-x;
	}
#novedades h2 {
	width: auto;
	height: 10px;
	margin: 0;
	padding: 0 0 0 100px;
	background: #F5F5F5 url(img/novedades-tit.gif) top left no-repeat;
	font: 100 normal 1px/1px arial, sans-serif;
	color: #F5F5F5;
	}
#novedades p {
	font: normal 12px/15px arial, sans-serif;
	color: #777;
	}
#flash {
	width: auto;
	height: auto;
	margin: 0;
	padding: 57px 0 0 88px;
	}
#flash div {
	width: 282px;
	height: 282px;
	}
#flash img { border-width: 0px; }
/* las secciones de productos; tambien incluye la info corporativa */
#menu {
	width: 284px;
	height: 374px;
	margin: -374px 0 0 456px;
	background: url(img/menu-back.gif) top left repeat-y;
	}
#menu h2 {
	width: auto;
	height: 10px;
	margin: 0;
	padding: 0 0 0 100px;
	background: url(img/productos-tit.gif) top left no-repeat;
	font: 100 normal 1px/1px arial, sans-serif;
	color: #E7E0DA;
	}
#menu em { visibility: hidden; }
/* las secciones de los productos */
#categorias {
	width: 284px;
	height: 266px;
	}
#categorias ul {
	width: 142px;
	height: 266px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	float: left;
	}
#categorias li {
	width: 141px;
	height: 37px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DBCAB8;
	border-right: 1px solid #DBCAB8;
	font: 400 normal 9px/12px verdana, helvetica, sans-serif;
	}
#categorias a {
	width: 99px;
	height: 29px;
	display: block;
	padding: 6px 2px 2px 40px;
	color: #963;
	text-decoration: none;
	}
/* sus botones */
#rcp { background: url(img/home/rcp2.gif) top left no-repeat; }
#inmovil { background: url(img/home/inmovil2.gif) top left no-repeat; }
#incendios { background: url(img/home/incendios2.gif) top left no-repeat; }
#toxicos { background: url(img/home/toxicos2.gif) top left no-repeat; }
#sva { background: url(img/home/sva2.gif) top left no-repeat; }
#ambulancias { background: url(img/home/ambulancias2.gif) top left no-repeat; }
#curacion { background: url(img/home/curacion2.gif) top left no-repeat; }
#didactico { background: url(img/home/didactico2.gif) top left no-repeat; }
#desfib { background: url(img/home/desfib2.gif) top left no-repeat; }
#acuatico { background: url(img/home/acuatico2.gif) top left no-repeat; }
#vertical {	background: url(img/home/vertical2.gif) top left no-repeat; }
#vehicular { background: url(img/home/vehicular2.gif) top left no-repeat; }
#confin { background: url(img/home/confin2.gif) top left no-repeat; }
#oxigenacion { background: url(img/home/aerea2.gif) top left no-repeat; }
#rcp a:link, #rcp a:visited { background: url(img/home/rcp.gif) top left no-repeat; }
#inmovil a:link, #inmovil a:visited { background: url(img/home/inmovil.gif) top left no-repeat; }
#incendios a:link, #incendios a:visited { background: url(img/home/incendios.gif) top left no-repeat; }
#toxicos a:link, #toxicos a:visited { background: url(img/home/toxicos.gif) top left no-repeat; }
#sva a:link, #sva a:visited { background: url(img/home/sva.gif) top left no-repeat; }
#ambulancias a:link, #ambulancias a:visited { background: url(img/home/ambulancias.gif) top left no-repeat; }
#curacion a:link, #curacion a:visited { background: url(img/home/curacion.gif) top left no-repeat; }
#didactico a:link, #didactico a:visited { background: url(img/home/didactico.gif) top left no-repeat; }
#desfib a:link, #desfib a:visited { background: url(img/home/desfib.gif) top left no-repeat; }
#acuatico a:link, #acuatico a:visited { background: url(img/home/acuatico.gif) top left no-repeat; }
#vertical a:link, #vertical a:visited { background: url(img/home/vertical.gif) top left no-repeat; }
#vehicular a:link, #vehicular a:visited { background: url(img/home/vehicular.gif) top left no-repeat; }
#confin a:link, #confin a:visited { background: url(img/home/confin.gif) top left no-repeat; }
#oxigenacion a:link, #oxigenacion a:visited { background: url(img/home/aerea.gif) top left no-repeat; }
#rcp a:hover, #inmovil a:hover, #incendios a:hover, #toxicos a:hover, #sva a:hover, #ambulancias a:hover, #curacion a:hover, #didactico a:hover, #desfib a:hover, #acuatico a:hover, #vertical a:hover, #vehicular a:hover, #confin a:hover, #oxigenacion a:hover { background: none; }
/* terminan los botones y comienza la info corporativa */
/* el titulo de la informacion corporativa */
#menu h3 {
	width: auto;
	height: 10px;
	margin: 0;
	padding: 0 0 0 150px;
	clear: left;
	background: url(img/corp-tit.gif) top left no-repeat;
	font: 100 normal 1px/1px arial, sans-serif;
	color: #E7E0DA;
	}
/* la descripcion introductoria de FEGAL */
#menu p {
	margin: 0;
	padding: 4px 3px 3px 4px;
	width: 284px;
	height: 57px;
	font: 400 normal 11px/14px verdana, arial, sans-serif;
	color: #777;
	}
#desc-link { color: #777; }
/* el <ul> con las opciones de corporativo */
#corp {
	width: 284px;
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
#corp li {
	float: left;
	border: 1px solid #DBCAB8;
	height: 22px;
	width: 92px;
	font: 400 normal 9px/10px tahoma, verdana, sans-serif;
	padding: auto;
	overflow: hidden;
	}
#corp a {
	color: #963;
	text-decoration: none;
	display: block;
	padding: 4px 1px 1px 1px;
	}
/* las dos ultimas opciones de la barra #corp, la primera opcion NO es class corp2 */
.corp2 { margin: 0 0 0 1px; }
/* el footer con la suscripcion por correo y los datos de contacto */
#tres {
	width: 740px;
	height: 107px;
	}
#tres ul {
	width: 740px;
	height: 107px;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#tres li {
	float: left;
	margin: 0;
	padding: 0;
	}
/* incluye la forma de suscripcion en correo y los telefonos y email */
#contacto {
	width: 236px;
	height: 107px;
	background: #F8F4F1;
	color: #B99A7B;
	}
/* el contenedor de la suscripcion de correo */
#suscripcion {
	width: auto;
	height: 40px;
	background: #F1E9E2 url(img/contacto-back.gif) top left no-repeat;
	text-align: center;
	}
/* la <form> */
#susc {
	padding: 17px 0 0 0;
	margin: 0;
	}
/* el <input> para ingresar el correo */
#correo {
	border: 1px solid #DBCAB8;
	font-size: 10px;
	margin: 0;
	padding: 1px;
	color: #B99A7B;
	}
/* el <button> de envio */
#enviar {
	border: 1px solid #DBCAB8;
	font: 400 normal 10px/10px tahoma, arial, sans-serif;
	color: #963;
	background: #ECE3DA;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
/* la informacion con tels y email */
#contacto address {
	padding: 5px 0 0 5px;
	margin: 0;
	width: auto;
	height: 52px;
	font: 400 normal 10px/14px verdana, tahoma, sans-serif;
	}
#aliados {
	width: 504px;
	height: 107px;
	background: #EADFD5 url(img/aliados-back.gif) top left no-repeat;
	}
#aliados h3 {
	width: auto;
	height: 10px;
	margin: 0 0 0 180px;
	padding: 0;
	font: 100 normal 1px/1px arial, sans-serif;
	background: #E2D8CF;
	color: #E2D8CF;
	}
/* cada linea horizontal de asociados es un <ul> que mide 40px de alto */
#aliados ul {
	width: auto;
	height: 34px;
	margin: 0;
	padding: 0 0 0 40px;
	list-style: none;
	}
#aliados li {
	width: 90px;
	margin: 0;
	padding: 0;
	height: 29px;
	float: left;
	}
#aliados a {
	display: block;
	width: 90px;
	height: 29px;
	}
/* en el html hay una imagen en cada <a> link y <li> pero la escondo para poder hacer los efectos de mouse con CSS */
#aliados img { border-width: 0px; visibility: hidden; }
/* cada uno de los mouseovers de la seccion aliados */
#laerdal { background: url(img/aliados/laerdal2.gif) center center no-repeat; }
#laerdal a:link, #laerdal a:visited { background: url(img/aliados/laerdal.gif) center center no-repeat; }
#holmatro { background: url(img/aliados/holmatro2.gif) center center no-repeat; }
#holmatro a:link, #holmatro a:visited { background: url(img/aliados/holmatro.gif) center center no-repeat; }
#darley { background: url(img/aliados/darley2.gif) center center no-repeat; }
#darley a:link, #darley a:visited { background: url(img/aliados/darley.gif) center center no-repeat; }
#galls { background: url(img/aliados/galls2.gif) center center no-repeat; }
#galls a:link, #galls a:visited { background: url(img/aliados/galls.gif) center center no-repeat; }
#palco { background: url(img/aliados/palco2.gif) center center no-repeat; }
#palco a:link, #palco a:visited { background: url(img/aliados/palco.gif) center center no-repeat; }
#lsp { background: url(img/aliados/lsp2.gif) center center no-repeat; }
#lsp a:link, #lsp a:visited { background: url(img/aliados/lsp.gif) center center no-repeat; }
#pml { background: url(img/aliados/pml2.gif) center center no-repeat; }
#pml a:link, #pml a:visited { background: url(img/aliados/pml.gif) center center no-repeat; }
#cmc { background: url(img/aliados/cmc2.gif) center center no-repeat; }
#cmc a:link, #cmc a:visited { background: url(img/aliados/cmc.gif) center center no-repeat; }
#petzl { background: url(img/aliados/petzl2.gif) center center no-repeat; }
#petzl a:link, #petzl a:visited { background: url(img/aliados/petzl.gif) center center no-repeat; }
#laerdal a:hover, #holmatro a:hover, #darley a:hover, #galls a:hover, #palco a:hover, #lsp a:hover, #pml a:hover, #cmc a:hover, #petzl a:hover { background: none; }