/* estilos generales */
* {
  margin:0px;
  padding:0px;
}
body {
  background: url(/img/fondo/fondo-web.jpg) center fixed no-repeat;
  font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;background-color:#efefef; 
}

/* ***************************************************************** */
/* definición de estructura */
/*  principal
    - top
    - menu
    - middle
    - bottom
*/
#principal {
  background-color:#fff;
  width:900px;
  align:center;
}

#top {
  height:72px;
  margin-top:10px;
  width:100%;
}

#menu {
  background-color:#7f98b6;
  height:25px;
  width:100%;
}

#middle {
  width:100%;
}

#bottom {
  background-color:#efefef;
  height:80px;
  width:100%;
}

/* ***************************************************************** */
/** estilos del top **/
#top select {
  background-color:#bfdcff;
  border-bottom:1px solid #00152f;
  border-top:1px solid #496d98;
  border-left:1px solid #496d98;
  border-right:1px solid #00152f;
  color:#036;
	font: normal normal normal 11px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#top td {
  color:#036;
	font: normal normal normal 11px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:right;
  text-decoration:none;
}

#top td a {
  color:#036;
	font: normal normal normal 10px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

/** menú **/
#menu td  {white-space: nowrap;}

/* ***************************************************************** */
/** estilos del middle **/
/** Brújula ***/
td.brujula, td.brujula a {
  background-color:#5ea6ff;
  color:#fff;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

td.brujula {
  height:24px;
}

td.brujula a:hover {
  text-decoration:underline;
}


/*** home ***/
/**** news ****/
.news {
  padding: 5px 25px 5px 14px;
}
.news a.date {
  color:#036;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
.news a.title {
  color:#036;
  font: normal normal bold 11px/normal Arial, "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration:none;
}
a.title:hover {
  color:#5ea6ff;
}
a.title {
  color:#036;
  font: normal normal bold 11px/normal Arial, "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
  text-decoration:none;
}
.news a.title:hover {
  color:#5ea6ff;
}
.news a.descr {
  color:#333;
  font-size:11px;
  letter-spacing:0.1px;
  text-decoration:none;
}

/**** rest ****/
#middle select {
  background-color:#e5e5e5;
  border-bottom:1px solid #333;
  border-top:1px solid #666;
  border-left:1px solid #666;
  border-right:1px solid #333;
  color:#666;
  font: normal normal normal 11px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:3px;
}

#middle .rest a {
  color:#036;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

#middle .rest a:hover {
  text-decoration:underline;
}

/**** company info ****/
.companyinfo {
  padding: 10px;
  text-align:justify;
}
.companyinfo a.title {
  color:#036;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}
.companyinfo a.descr {
  color:#036;
  font-size:13px;
  letter-spacing:0.1px;
  text-decoration:none;
}

/*** ficha ***/
/**** menú productos ****/
#ficha {
  margin:20px 10px 20px 10px;
  width:693px;
}

#fichamenu {
  width:135px;
}

#fichamenu td.title {
  border-bottom:1px solid #036;
  height:27px;
}

#fichamenu td.nivela {
  border-top:1px solid #ccc;
  height:27px;
}

#fichamenu td.nivelb {
  border-top:1px solid #ccc;
}


.lelem
{
color:#036;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:0px;
  text-decoration:none;
}

.lelem:hover
{
color:#5ea6fe;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:0px;
  text-decoration:underline;
}

#fichamenu td.nivela a {
  color:#036;
	font: normal normal normal 14px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:0px;
  text-decoration:none;
}

#fichamenu td.nivelb a {
  color:#036;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:0px;
  text-decoration:none;
}

#fichamenu td.nivela a:hover, #fichamenu td.nivelb a:hover {
  text-decoration:underline;
}
#fichamenu td.nivela a:active, #fichamenu td.nivelb a:active {
  font-weight:bold;
}

/**** Detalle ficha ****/
#fichadetalle {
  margin-left:20px;
    margin-right:20px;
  width:510px;
}

#fichadetallepopup {
  margin:10px auto 0px auto;
  width:320px;

}

#fichadetalle th, #fichadetallepopup th {
  border-bottom:1px solid #5ea6fe;
  height: 30px;
  text-align:left;
  vertical-align:bottom;
}

#fichadetalle td.images {
  /*border-bottom:1px solid #5ea6fe;*/
  height:50px;
  text-align:right;
  vertical-align:bottom;
}



/**** Noticia ficha ****/
#fichanoticia {
  margin-left:20px;
  width:500px;
}

#fichanoticia a.date {
  color:#036;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
#fichanoticia a.descr {
  color:#333;
  font-size:11px;
  letter-spacing:0.1px;
  text-decoration:none;
}

#fichanoticia td.nivela a {
  color:#036;
	font: normal normal normal 14px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:0px;
  text-decoration:none;
}
#fichanoticia td.nivela{
  color:#036;
	font: normal normal normal 14px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-left:0px;
  text-decoration:none;
}

#fichanoticia td.nivela a:hover, #fichamenu td.nivelb a:hover {
  text-decoration:underline;
}
#fichanoticiapopup {
  margin:10px auto 0px auto;
  width:500px;

}

#fichanoticia th, #fichanoticiapopup th {
  border-bottom:1px solid #5ea6fe;
  height: 30px;
  text-align:left;
  vertical-align:bottom;
}

#fichanoticia td.images {
  border-bottom:1px solid #5ea6fe;
  height:50px;
  text-align:right;
  vertical-align:bottom;
}

#fichanoticia h1, #fichanoticiapopup h1 {
  color:#036;
	font: normal normal bold 22px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#fichanoticia h2, #fichanoticiapopup h2 {
  color:#5ea6fe;
	font: normal normal bold 18px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#fichanoticia h3 {
  color:#036;
	font: normal normal bold 14px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#fichanoticia p {
  color:#036;
	font: normal normal normal 13px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:1px 0px 2px 3px;
  text-align:justify;
}

#fichanoticia li {
  background: url(../img/middle/ficha/item3.gif) no-repeat left 3px;
  color:#036;
  font: normal normal normal 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  list-style: none outside;
  margin:1px 0px 2px 3px;
  padding-left:15px;
  text-align:justify;
}


#close {
	position: absolute;
	right:4px;
	top:4px;
	z-index:5;
}

img.bor{
  border:1px solid #98acc3;
}

.elem
{color:#036;
	font: normal normal normal 13px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}



#fichadetalle h1, #fichadetallepopup h1 {
  color:#036;
	font: normal normal bold 22px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#fichadetalle h2, #fichadetallepopup h2 {
  color:#5ea6fe;
	font: normal normal bold 18px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#fichadetalle h3 {
  color:#036;
	font: normal normal bold 14px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#fichadetalle p {
  color:#036;
	font: normal normal normal 13px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:1px 0px 2px 3px;
  text-align:justify;
}

#fichadetalle li {
  background: url(../img/middle/ficha/item3.gif) no-repeat left 3px;
  color:#036;
  font: normal normal normal 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  list-style: none outside;
  margin:1px 0px 2px 3px;
  padding-left:15px;
  text-align:justify;
}

/**** Relacionados ficha ****/
#ficharelacionados {
  width:164px;
}

#ficharelacionados th {
  border-bottom:1px solid #5ea6fe;
  height: 30px;
  text-align:left;
  vertical-align:bottom;
}


#ficharelacionados h1 {
  color:#036;
  font: normal normal normal 14px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

#ficharelacionados td.related {
  border-bottom:1px solid #98acc3;
  height: 22px;
  vertical-align:bottom;
}

#ficharelacionados h2 {
  background: url(../img/middle/ficha/item3.gif) no-repeat left 3px;
  color:#036;
	font: normal normal bold 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  list-style:none;
	list-style-position: outside;
  padding-left:15px;
  text-align:justify;
	text-transform: uppercase;
}

#ficharelacionados li {
  line-height:16px;
  list-style:none;
	list-style-position: outside;
}

#ficharelacionados li a {
  background: url(../img/middle/ficha/item4.gif) no-repeat left 5px;
  color:#036;
	font: normal normal normal 12px/16px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-left:10px;
  padding-left:15px;
  text-align:justify;
  text-decoration:none;
}

#ficharelacionados li a:hover {
  text-decoration:underline;
}

/* ***************************************************************** */
/** estilos del top **/
#bottom td a {
  color:#036;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

#bottom td a:hover {
  text-decoration:underline;
}

#bottom td.copy, #bottom td.copy a {
  background-color:#999;
  color:#fff;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

#bottom td.copy {
  padding:0px 5px 0px 5px;
}

#bottom td.copy a {
  text-decoration:underline;
}

.headprod
{
  color:#036;
	font: normal normal bold 16px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align:left;
}

.txtnormal
{
  color:#036;
	font: normal normal normal 13px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:1px 0px 2px 3px;
  text-align:justify;
}

.subnav1
{
  color:#036;
	font: normal normal normal 13px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:1px 0px 2px 3px;
  text-align:justify;
font-weight: bold;
}

.subnav2
{
  color:#5ea6fe;
	font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin:1px 0px 2px 3px;
  text-align:justify;
font-weight: bold;
}

.families {
  color:#036;
  font-size:12px;
  letter-spacing:0.1px;
  text-decoration:none;
  font: normal normal normal 12px/normal "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* ***************************************************************** */