*							{ color:black}
img,a img,a:visited img,a:link img				{ border:none}
body						{ font-size:12px;margin:0px;padding:0px;font-family:Arial;background-image: url(../img/farmapoint_bg_repeat.gif);background-repeat:repeat;}
h2							{ padding-left:10px}
a {text-decoration:underline;}
a:hover {text-decoration:none;}

div#authMessage, div#flashMessage {font-weight:bold;margin-top:2px;padding:5px;background-color:#FEA;border:3px solid #FB6;}

/*Layout.ctp*/
img.headerBanner				{ border:0px solid white;padding-bottom:13px;}
div.headerLinks				{ clear:both;width:955px;margin:0px auto;border-bottom:1px solid #CCC;}
div.headerLinks a img {border:0px solid white;vertical-align:bottom;}

/*containers de Layout.ctp*/

div#superContainer			{ background:white;width:975px;padding:0px;border:1px solid black;margin:auto;border-top:1px solid white;}
div#headerContainer		{ width:975px;padding:0px;}
div#buscadorContainer	{ color:white;position:relative;width:635px;margin:10px 0px 10px 9px;height:85px;background-image: url(../img/searchbox_bg_repeat.gif);background-repeat:repeat;border:1px solid #b8dcd0}
div#buscadorContainer img.lupa {float:right;border:0px solid white;height:30px;width:30px;margin:5px 5px 0px 0px;}
div#buscadorContainer h2 {padding:5px;color:white;margin:0px;font-size:1.2em;font-family:Arial,sans;font-weight:bold;letter-spacing:1px;}
div#buscadorContainer form {padding:0px 10px;margin:0px}
div#buscadorContainer input, div#buscadorContainer select  {width:100%;border:1px solid #b8dcd0;color:red;font-size:1.2em;}
div#buscadorContainer option {color:red} /*IE fix*/
div#buscadorTable { display: table;margin-top:5px;color:white;}
div#buscadorContainer div#buscadorTable div {margin-right:10px;float:left;display:inline;font-size:0.8em;font-weight:bold;overflow:hidden;}

div#contentContainer		{ width:636px;margin:0px 0px 0px 9px;padding:0px;}
div#rightPane				{ float:right;text-align:left;width:305px;margin:5px 5px 0px 0px;padding:0px;}

h2.categorias				{ color:#DD2027;font-size:1em; font-weight:bold;border:1px solid #DD2027;margin-top:0px;margin-bottom:.1em;}
h3.categorias				{ color:#DD2027;font-size:0.8em;margin:4px 0px 4px 0px;}

#content					{ margin:0px;padding:0px}

/* Buscador */

div#buscadorContainer div#buscadorTable div#buscadorResultados	{display:none;color:black;background-color:#fff;border:1px solid white;width:500px;z-index:10000 !important;position:absolute;left:10px;top:60px;}  
#buscadorResultados ul {width:100%;list-style:none;padding:0;margin:0}
#buscadorResultados a {font-weight:bold;}
#buscadorResultados a:hover {color:black;}

/*home*/
/* div.shadowDiv {position:absolute;top:1px;left:1px;border-right:1px solid grey;border-bottom:1px solid #CCC;width:100%;} */
#listaCategoriasHome		{ display:table;border:0px solid white;}
#listaCategoriasHome a {text-decoration:none;}
.listaCategoriasHomeBox		{float:left;width:158px;height:99px;border:0px solid white;}
div.rubrosMasBuscados		{background-color:#DAEFE6;text-align:center;}
div.rubrosMasBuscados span a, div.rubrosMasBuscados span a:visited {color:#060;font-weight:bold;white-space:nowrap;}
div.rubrosMasBuscados span a:hover {color:#050;}
  .rank1 {font-size:0.7em;}
  .rank2 {font-size:0.8em;}
  .rank3 {font-size:0.9em;}
  .rank4 {font-size:1em;}
  .rank5 {font-size:1.1em;}
  .rank6 {font-size:1.2em;}
  .rank7 {font-size:1.3em;}
  .rank8 {font-size:1.4em;}
  .rank9 {font-size:1.5em;}
  .rank10 {font-size:1.6em;}
  .rank11 {font-size:1.7em;}
  .rank12 {font-size:1.8em;}
h3.masbuscados				{ color:#DD2027;font-size:0.8em;margin:6px 0px 6px 0px;}
h3.ofertas					{ ;background-color:#DD2027;color:white}
div#ofertasdelmes			{}
div#ofertasdelmes h2		{position:relative;margin:6px 0px 4px 0px;padding:4px 0px 4px 4px;background-color:#DD2027; color:white;font-size:1em; font-weight:bold;}

div.oferta					{height:60px;vertical-align:middle; margin-bottom:5px; border-bottom: 0px solid #DD2027;width:472px;line-height:50px;}
div.oferta img.logo			{margin-left: 10px;border:1px solid #DD2027;float:left;width:50px;height:50px}
div.ofertaDetalle				{background-image:url(../img/flecha_item_derecha.jpg);background-repeat:no-repeat;float:left;padding-left:20px;margin-left:10px;width:380px;height:50px;border-style:solid;border-width:0px 0px 1px 0px; border-color:red;}
div.ofertaDetalle a			{text-decoration:none;font-weight:bold}
div.ofertaDetalle a:hover {text-decoration:underline}

/*
 * vista por categoria
 */

h3.destacados				{ color:#DD2027;font-size:0.8em}

/* menú de categorías */
div#categoriasMenu			{ width:280px;margin:0px;padding:0px;}
a.categoriasListItem		{background-image:url(../img/flecha_right.gif);background-repeat:no-repeat;background-position:260px; position:relative;display:block;padding-left:6px;margin-bottom:5px;color:#222222; font-size: 0.8em; line-height:20px; height: 20px; color:white;text-decoration:none;font-weight:bold}
a.selectedCategory {width:290px}
/* Menú de rubros */ 
div#rubrosMenu				{ min-height:190px;width:336px;padding:0px;border:3px solid;margin-left:0px;background-color:white;}
/* div#rubrosMenu div#mask {position:absolute;border:0px solid white;top:0px;left:0px;width:100%;height:438px;padding:0px;margin:0px;background-color:rgba(255, 255, 255, 0.5);z-index:-1} */
/* el mask no funciona en el IE, tuve que hacer un fix en listarubros.ctp */
div#rubrosMenu	h2			{ font-size: 1em; min-height: 20px; color:white;margin:3px 0px 0px 0px;width:94%;line-height:20px;}
div.rubrosListContainer		{ overflow:auto;width:333px;height:410px;margin:5px 0 0 3px;text-align:left; }
div.rubrosListContainer input {border:1px solid;width:100px;margin:0px;padding:0px;}
div#rubrosMenu ul			{ margin:5px 0px 0px;padding:0px}
div#rubrosMenu li			{ list-style:none;font-size:12px}
div#rubrosMenu li a			{ text-transform:capitalize;text-decoration:none}
div#rubrosMenu li a:hover	{ font-weight:bold}

/* 
 * cuadro de productos destacados de la categoría
 */
div#destacadosdelmes		{ position:relative;width:280px;clear:both;}
div#destacadosdelmes h2		{ font-size: 1em; min-height: 20px; color:white;line-height:20px;}
div.productodestacado		{ float:left;width:140px; height:90px; text-align:center;margin-bottom:10px;border-bottom:1px solid #DD2027;font-size:0.8em}
div.productodestacado img	{ height:48px;max-width:60px;}


/*
 * Vista por rubro
 */

div.rubroBox				{ font-size:12px;height:166px}
div.rubroBox h1				{ font-size:20px;}
div.rubroBox a				{ text-decoration:none}
div.rubroBoxSonlastresmenoscuarto { width:250px;margin:auto}
div.rubroBoxSonlastresmenoscuarto h1 { text-transform:capitalize}

div#youarehere {border-bottom:2px solid black;margin-bottom:3px;}

div.productosPorRubro		{width:472px;padding-top:5px;}

div.product-item{
  border-width:0px 0px 1px 0px;
  border-style:solid; border-color:grey;
  font-family:Arial,sans;
  height:60px;
  position:relative;
  width:470px;
  margin-bottom:2px;
}
  div.product-item-img {
    /*border:1px solid grey;*/
    height:40px;
    width:40px;
    padding:5px;
    text-align:center;
    display:block;
    float:left;
  }
  div.product-item-img img {vertical-align:middle;width:40px;height:40px;}

  div.product-item div.product-item-head {
    height:60px;
    display:block;
    float:left;
    width:170px;
  }
    div.product-item-head div.product-item-title {
      display:block;
      color:#60B2D8;
      overflow:hidden;
      height:2.8em;
      padding:1px;
      font-weight:bold;
    }
    div.product-item-head div.product-item-title a {
      color:#60B2D8;
    }
    div.product-item-head div.product-item-empresa {
      font-weight:bold;
      overflow:hidden;
      padding:1px;
      display:block;
			height:1em;
    }
  div.product-item div.product-item-description {
    width:180px;
    height:40px;
    padding:1px;
    display:block;
    float:left;
  }
  div.product-item div.product-item-verinfo {
    float:left;
    color:white;
    font-weight:bold;
    height:60px;
    width:60px;
  }

div.list-right-pane {margin-top:5px;width:156px;border:1px solid green;float:right;padding:1px 4px;background-color:white; /*#e5efec*/}
div.list-right-pane h1 {font-size:1em;background-color:#048358;color:white;text-align:center;padding:2px;margin:5px 0px;}
div.list-right-pane a {display:block;margin:0px 0px 3px 0px;font-size:0.9em;color:#006030;border-width:0px 0px 1px 0px;border-style:solid;}
div.list-right-pane a:hover {text-decoration:underline;color:black;}

.paginate {display:block;width:100%;text-align:center}
.paginate a {color:#60B2D8;font-weight:bold}
.paginate .current {color:black}

ul.pagAlfa { list-style:none; margin-bottom:30px}
ul.pagAlfa li{ float:left; margin:2px;}
ul.pagAlfa a:link,ul.pagAlfa a:active,ul.pagAlfa a:visited{color:#60B2D8;font-weight:bold; padding:2px; display:block;}
ul.pagAlfa a:visited{color:#3d7289;}
ul.pagAlfa a:hover{color:#2d586c; background-color:#F5F5F5;;font-weight:bold}
ul.pagAlfa a.current {color:black}
ul.pagAlfa .nolink{color:#e5e5e5; padding:2px; display:block;}
/*
 * vista del producto
 */

.producto		{display:block;padding-top:0px;/*width:470px;*/}
div.pic {text-align:center;line-height:155px;height:155px;width:155px;float:left;background-image:url(../img/prodImageBackground.gif)}
div.pic img {max-width:145px;vertical-align:middle; /*max-height:145px;*/}
div.picE {text-align:center;line-height:80px;height:80px;width:155px;float:left;background-image:url(../img/empImageBackground.gif)}
div.picE img {vertical-align:middle;}
.producto .data {/*float:left;width:305px;*/padding:3px;}
.producto .data h3 {border-bottom:1px solid black;margin-bottom:0px;}
.producto .data p.nombre {margin-top:0px;color:#56B8DF;font-weight:bold;font-size:1.1em;}
ul.galProducto{list-style:none; padding:0px;margin:0px;width:155px;}
ul.galProducto li {float:left; margin:3px; padding:1px; vertical-align:middle;}
ul.galProducto li.seleccionado { background-color: #22AA22}
/* pages - indice de empresas */
div#indiceDeEmpresas h3 {color:#22AA22;background-color:#F5F5F5;padding:2px 10px; margin-bottom:5px;}
div#indiceDeEmpresas h2 {color:#AA2222}
div#indiceDeEmpresas div.datosDeEmpresa {font-weight:bold;border-style:solid;border-width:0px 0px 1px 0px;border-color:grey; padding-left:15px}
/*
 * panel derecho
 */
div#farmapointEsParteDe	{ font-family:Verdana,sans;font-size:0.6em;margin-bottom:3px;}
div#farmapointEsParteDe	img { border:1px solid #CCC;}
div#publicidadesRight	img { margin:2px 0px 2px 0px;border:1px solid #CCC;} /*ya tienen que venir con el width... */
div#publicidadesRight a {}

/*
 * footer
 */

div#footer {
  clear:both;
  text-align:center;
  width:900px;
  margin:auto;
  background:white;
  font-size:.9em;
}

div#footer a, div#footer a:visited {color:#060;}
div#footer a:hover {text-decoration:underline;}

/***** Para los validate errors *****/
div.error {background-color:#FDC}
input.form-error {border:1px solid #FDC}
div.error-message {font-weight:bold;text-align:left;}

/** USERS LAYOUT **/
div#slogan {text-align:center;line-height:1.5em;font-size:1.5em;color:white;height:35px;background-image:url(../img/slogan_background.gif);background-repeat:repeat-x;}
div#loginBox {text-align:right;margin:45px 20px 0px 0px;float:right;width:310px;border:1px solid grey;}
div#loggedBox {text-align:right;padding:2px;margin:1px 2px 0px 0px;float:right;width:400px;border:0px solid grey}

form#UserLoginForm input#UserUsername,form#UserLoginForm input#UserPassword {height:18px;padding:3px;font-size:1em;color:#555;border:1px solid #d5496f}
form#UserLoginForm div.submit input {padding:3px;vertical-align:middle;}
form#UserLoginForm label {vertical-align:middle}
form#UserLoginForm div {display:inline;vertical-align:middle;}
form#UserLoginForm div.checkbox {display:block;text-align:right;padding-right:25px}
form#UserRegistrarseForm div.radioset .radio{padding-bottom:0px;}
form#UserRegistrarseForm div.radioset .text {padding-top:0px;}
/*form#UserLoginForm div.checkbox input {border:1px solid #d5496f}*/

form#UserRegistrarseForm {text-align:left;padding:10px 0px;}
form#UserRegistrarseForm  hr{border:0px; margin: 5px 0px ;color:#888;background-color: #BBB;height:1px;}
form#UserRegistrarseForm div.input {padding: 5px 0px 5px 10px;margin:0px 0px 1px 0px}
form#UserRegistrarseForm div.text input {padding:3px;border:1px solid #d5496f;width:95%;}
form#UserRegistrarseForm div.radio {padding: 5px 0px 5px 10px;line-height:2em;}
form#UserRegistrarseForm div.radio fieldset {border:0px solid green}
form#UserRegistrarseForm div.radioset div.text {text-align:right;}
form#UserRegistrarseForm div.radioset div.text label{display:inline;color:#888}
/*form#UserRegistrarseForm div.radioset div.text input{width:20%}*/
form#UserRegistrarseForm div.submit {text-align:center;margin-top:10px}

/* FIXES PARA USAR TABLAS */
table#CatRubro {border:0px solid red;width:635px;border-collapse:collapse;}
table#TablaListado {border:0px solid red;width:635px;border-collapse:collapse;}

div#contentContainer.adminContainer {width:98%;}
.adminContainer a {color:blue;font-weight:bold;}

/* ADMIN FORMS */
div#adminLoginBox {
	padding:10px;
	margin:50px;
	text-align:right;
	border:0px solid blue;
	background-image:url(../img/key.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}
div#adminLoginBox input#UserUsername, div#adminLoginBox input#UserPassword {
	width:250px;border-width:1px 1px 1px 4px;
}

div#editForm {width:100%;}
div#editForm div {border:0px solid green; padding:5px;}
div#editForm label {font-weight:bold;}
div#editForm input[type=text],div#editForm textarea,div#editForm select,div#editForm img {border:1px solid #33CC33}

div#editForm div.longTextField input {width:300px}
div#editForm div.extraLongTextField input {width:500px}
label a{color:blue;text-decoration:underline;}

select#RubrosRelacionados  {height:250px;width:100%;}
select#RubrosDisponibles  {height:250px;width:100%;}