/*
Theme Name: FEGAL
Theme URI: http://fegal.com/
Description: El tema del catalogo online de FEGAL Medical.
Version: 2.2
Author: Jorge H. Sales y Rodrigo Sales

*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}
body { background: #F7F4F1 url(img/body-back4.gif) top left repeat-y; }
#todo { margin: 0 auto; }
#centercontent {
	width: 777px;
	margin: 0;
	}
#cdb2 {
	width: 777px;
	height: 106px;
	background: url(img/bomberos-back.jpg) top left repeat;
	}
#cdb2 div {
	width: 728px;
	height: 90px;
	margin: 0 0 0 24px;
	padding: 6px 0 10px 0;
	}
/* La parte de arriba del sitio: logo, buscador y nav de secciones */
/* El banner incluye al logo y buscador y a las secciones */
#banner {
	width: auto;
	margin: 0;
	padding: 0;
	height: 91px;
	text-align: right;
	font: 100 normal 1px/2px arial, helvetica, sans-serif;
	background: #FDEEEE;
	}
/* Logo y buscador */
#cabeza {
	list-style: none;
	padding: 0 0 0 425px;
	background: #FDEEEE;
	margin: 0;
	height: 58px;
	}
#banner li {
	margin: 0;
	padding: 0;
	float: left;
	}
#secciones {
	list-style: none;
	margin: 0;
	padding: 0 0 0 74px;
	height: 33px;
	}
/* los botones del navegador de secciones */
#rcp {
	width: 49px;
	height: 33px;
	background: url(img/nav/rcp2x.gif) top left no-repeat;
	}
#rcp a {
	display: block;
	width: 49px;
	height: 33px;
	}
#inmovil {
	width: 32px;
	height: 33px;
	background: url(img/nav/inmovil2.gif) top left no-repeat;
	}
#inmovil a {
	display: block;
	width: 32px;
	height: 33px;
	}
#incendios {
	width: 37px;
	height: 33px;
	background: url(img/nav/incendios2.gif) top left no-repeat;
	}
#incendios a {
	display: block;
	width: 37px;
	height: 33px;
	}
#toxicos {
	width: 36px;
	height: 33px;
	background: url(img/nav/toxicos2.gif) top left no-repeat;
	}
#toxicos a {
	display: block;
	width: 36px;
	height: 33px;
	}
#sva {
	width: 27px;
	height: 33px;
	background: url(img/nav/sva2.gif) top left no-repeat;
	}
#sva a {
	display: block;
	width: 27px;
	height: 33px;
	}
#ambulancias {
	width: 42px;
	height: 33px;
	background: url(img/nav/ambulancias2.gif) top left no-repeat;
	}
#ambulancias a {
	display: block;
	width: 42px;
	height: 33px;
	}
#curacion {
	width: 34px;
	height: 33px;
	background: url(img/nav/curacion2.gif) top left no-repeat;
	}
#curacion a {
	display: block;
	width: 34px;
	height: 33px;
	}
#didactico {
	width: 38px;
	height: 33px;
	background: url(img/nav/didactico2.gif) top left no-repeat;
	}
#didactico a {
	display: block;
	width: 38px;
	height: 33px;
	}
#desfib {
	width: 25px;
	height: 33px;
	background: url(img/nav/desfib2.gif) center top no-repeat;
	}
#desfib a {
	display: block;
	width: 25px;
	height: 33px;
	}
#acuatico {
	width: 45px;
	height: 33px;
	background: url(img/nav/acuatico2.gif) top left no-repeat;
	}
#acuatico a {
	display: block;
	width: 45px;
	height: 33px;
	}
#vertical {
	width: 40px;
	height: 33px;
	background: url(img/nav/vertical2.gif) top left no-repeat;
	}
#vertical a {
	display: block;
	width: 40px;
	height: 33px;
	}
#vehicular {
	width: 38px;
	height: 33px;
	background: url(img/nav/vehicular2.gif) top left no-repeat;
	}
#vehicular a {
	display: block;
	width: 38px;
	height: 33px;
	}
#confin {
	width: 32px;
	height: 33px;
	background: url(img/nav/confin2.gif) top left no-repeat;
	}
#confin a {
	display: block;
	width: 32px;
	height: 33px;
	}
#oxigenacion {
	width: 39px;
	height: 33px;
	background: url(img/nav/aerea2.gif) top left no-repeat;
	}
#oxigenacion a {
	display: block;
	width: 39px;
	height: 33px;
	}
#rcp a:link, #rcp a:visited { background: url(img/nav/rcpx.gif) top left no-repeat; }
#inmovil a:link, #inmovil a:visited { background: url(img/nav/inmovil.gif) top left no-repeat; }
#incendios a:link, #incendios a:visited { background: url(img/nav/incendios.gif) top left no-repeat; }
#toxicos a:link, #toxicos a:visited { background: url(img/nav/toxicos.gif) top left no-repeat; }
#sva a:link, #sva a:visited { background: url(img/nav/sva.gif) top left no-repeat; }
#ambulancias a:link, #ambulancias a:visited { background: url(img/nav/ambulancias.gif) top left no-repeat; }
#curacion a:link, #curacion a:visited { background: url(img/nav/curacion.gif) top left no-repeat; }
#didactico a:link, #didactico a:visited { background: url(img/nav/didactico.gif) top left no-repeat; }
#desfib a:link, #desfib a:visited { background: url(img/nav/desfib.gif) center top no-repeat; }
#acuatico a:link, #acuatico a:visited { background: url(img/nav/acuatico.gif) top left no-repeat; }
#vertical a:link, #vertical a:visited { background: url(img/nav/vertical.gif) top left no-repeat; }
#vehicular a:link, #vehicular a:visited { background: url(img/nav/vehicular.gif) top left no-repeat; }
#confin a:link, #confin a:visited { background: url(img/nav/confin.gif) top left no-repeat; }
#oxigenacion a:link, #oxigenacion a:visited { background: url(img/nav/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; }
#rcp em, #inmovil em, #incendios em, #toxicos em, #sva em, #ambulancias em, #curacion em, #didactico em, #desfib em, #acuatico em, #vertical em, #vehicular em, #confin em, #oxigenacion em { display: none; }
/* Este es el <li> con el nombre de cada seccion que cambia con javascript */
#nombre-secciones {
	width: 188px;
	height: 33px;
	background: #E0CDC7;
	}
#elnombre {
	font: 700 italic 13px/15px helvetica, arial, sans-serif;
	text-align: center;
	color: #B8860B;
	}
#elnombre a {
	color: #B8860B;
	text-decoration: none;
	}
/* Aqui terminan los botones y comienza el logo */
#logo {
	width: 163px;
	height: 58px;
	}
#logo img { border: none; }
#buscador {
	width: 188px;
	height: 58px;
	text-align: center;
	background: #F0DED8;
	}
#buscador div { border-top: 18px solid #F0DED8; }
/* el <input> donde se ingresa el producto por buscar */
#s {
	border: 1px solid #FF7B7B;
	font: 400 normal 14px/14px helvetica, arial, sans-serif;
	color: #666;
	margin: 0 1px;
	padding: 1px;
	}
/* El boton de busca */
#buscar {
	background: #EFD9D2 url(img/butbusca2.gif) top left no-repeat;
	font-size: 13px;
	border: none;
	margin: 0;
	padding: 2px 0 3px 0;
	cursor: pointer;
	}
#buscar em { visibility: hidden; }
/* El cuerpo de texto, empezando por la imagen y luego descripcion y claves de producto */
#texto {
	width: 588px;
	height: auto;
	color: #666;
	background: #fff url(img/sombra.jpg) top left repeat-x;
	}
#imagen {
	width: 588px;
	margin: 0;
	padding: 38px 0 11px 0;
	text-align: center;
	background: url(img/imagen-back4.jpg) top left no-repeat;
	}
/* #imagen img { margin: 0 0 10px 85px; } */
#texto p {
	padding: 0 16px;
	font: 400 normal 12px/16px verdana, tahoma, sans-serif;
	}
.caracteristicas, #caracteristicas {
	font: 400 normal 12px/16px verdana, tahoma, sans-serif;
	margin: 0 16px;
	}
#texto h2 { font: bold 16px/20px verdana, tahoma, sans-serif; }
.skip { display: none; }
.claves {
	width: 568px;
	margin: 10px;
	font: 400 normal 12px/16px tahoma, verdana, sans-serif;
	}
.claves td {
	background: #FAF7F5;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	padding: 5px;
	}
#tit {
	background: #888;
	width: auto;
	height: auto;
	margin: 11px 0 0 0;
	padding: 8px;
	font: 400 italic 18px/22px helvetica, arial, sans-serif;
	color: #fff;
	}
#tit a { color: #fff; text-decoration: none; }
#titu {
	color: #ED4E5A;
	padding: 0 4px;
	margin: 0;
	font: bold 13px/17px verdana, tahoma, sans-serif;
	}
#catuno {
	width: auto;
	padding: 12px 22px 0 30px;
	margin: 0;
	}
.subcats {
	clear: both;
	display: none;
	}
.subcats h2, .menucats h2 {
	padding: 5px;
	margin: 0;
	color: #DADDD6;
	background: #888;
	}
#subcat01 {
	display: block;
	}
/* la lista de productos de cada categoria en forma de cuadros */
.prods {
	float: left;
	background: #FAF8F7;
	width: 175px;
	height: 170px;
	border: 1px solid #E8DED4;
	margin: 10px 7px 10px 7px;
	text-align: center;
	}
.prods h3 {
	font: bold 9px/12px verdana, arial, sans-serif;
	margin: 0;
	padding: 3px 4px;
	}
.prods img { border: none; }
.prods a {
	color: #CC9C50;
	text-decoration: none;
	}
.menucats {
	width: auto;
	height: 100px;
	margin: 6px 0 0 0;
	}
.menucats ul {
	margin: 6px 0 0 20px;
	padding: 0;
	width: auto;
	list-style: none;
	}
.menucats li {
	float: left;
	width: auto;
	height: auto;
	margin: 4px 0 0 9px;
	padding: 0;
	text-align: center;
	}
.menucats a {
	display: block;
	width: 82px;
	height: 82px;
	background: url(img/but1.gif) top left no-repeat;
	text-decoration: none;
	color: #A9835D;
	}
.menucats a:hover { background: none; }
.menucats strong {
	display: block;
	width: auto;
	height: auto;
	padding: 0 2px 0 2px;
	}
.menucats h3 {
	font: bold 9px/13px arial, helvetica, sans-serif;
	background: url(img/butt1.gif) top left no-repeat;
	width: 82px;
	height: 82px;
	margin: 0;
	padding: 0;
	}
#forma {
	margin: 0;
	padding: 0 20px;
	font: 400 normal 12px/16px tahoma, verdana, sans-serif;
	}
fieldset { border: 1px solid #eee; }
/* La barra de navegacion de la izquierda */
#leftcontent {
	width: 188px;
	height: auto;
	position: absolute;
	/*top: 92px;*/
	top: 198px;
	left: 589px;
	}
#leftcontent img { border: none; }
#navega2 h3, #navega2 h4 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font: bold 12px/16px helvetica, arial, sans-serif;
	color: #B8860B;
	}
#navega2 li {
	margin: 0;
	padding: 0;
	width: 188px;
	height: auto;
	}
#navega2 a { 
	display: block;
	width: auto;
	height: auto;
	padding: 8px 4px;
	border-bottom: 1px solid #E4D8CC;
	}
#navega2 a:link, #elnombre a:link, p a:link, #caracteristicas a:link, .claves a:link {
	color: #B8860B;
	text-decoration: none;
	}
#navega2 a:visited, p a:visited, #caracteristicas a:visited, .claves a:visited {
	color: #A9835D;
	text-decoration: none;
	}
#navega2 a:hover {
	color: #fff;
	text-decoration: none;
	background: #C9B199;
	}
#navega2, #navega2 ul {
	width: 188px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #E4D8CC;
	text-align: left;
	list-style: none;
	font: 400 normal 12px/16px helvetica, arial, sans-serif;
	}
#prodrel { background: #ECE3DA; }
#prodrel div { padding: 0 0 0 14px; }
/* esconde la forma para preguntar por el producto en el costado izquierdo */
#com {
	display: none;
	background: url(img/sideback1.gif) top left repeat-y;
	color: #666;
	}
#com p, #com h4 { padding: 0 0 0 14px; }
#masdatos { display: none; }
.aclara {
	color: #fff;
	clear: both;
	padding: 0;
	}
/* el footer */
#abajo {
	width: 777px;
	height: 150px;
	background: url(img/hasta-abajo3.gif) bottom left no-repeat;
	color: #B99A7B;
	clear: both;
	}
#abajo address {
	padding: 62px 0 0 8px;
	margin: 0;
	font: 400 normal 9px/11px verdana, tahoma, sans-serif;
	}