/* CSS Document */

body{
  background-color:#b3b4b3;
  background-image:url('/Plantillas/Images/body.jpg');
  background-repeat:repeat-x;
  background-position:top;
  top:0px;
  padding:0px;
  margin:0px;
  vertical-align:middle;
  border:0px;
   /*scrollbar-face-color:#FFFFFF;
   scrollbar-arrow-color:#f68937;
   scrollbar-track-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-3dlight-color:#FFFFFF;
   scrollbar-darkshadow-Color:#FFFFFF;*/

}

.intro{
  background-image:url('/Plantillas/Images/intro.jpg');
  background-repeat:repeat-x;
  background-position:top;
}

.ie6 body , .ie5 body{background-color:#C2CBCF; background-image:none;}

p, font{font-family:Arial, Helvetica, sans-serif; color:#666; font-size:9px;}
strong{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#f68937; font-size:12px; margin-right:10px;}
a, li{font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; font-size:11px;}
a:hover, p a:hover, font a:hover{color:#f68937;}

.center{
  text-align:center;
  width:800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  margin-bottom: auto;
  vertical-align:middle;
  background-image:url('/Plantillas/Images/body2.png');
  background-repeat:no-repeat;
  background-position:center;
}

.opera .center{padding-top: 50px;  background-image:url('/Plantillas/Images/body2.png');}

.ie .center{
  background-image:url('/Plantillas/Images/body.png');
  margin-top: 25px;
  padding-top: 0px;
}

.main{
  text-align:center;
  width:780px;
  margin-left: auto;
  margin-right: auto;
  vertical-align:middle;
}

.mainTable{width:780px;}

.header{
  background-image:url('/Plantillas/Imddddages/logo.png');
  background-repeat:no-repeat;
  background-position:center;
  height:84px;
  width:780px;
  padding:0px;
  margin:0px;
  top:0px;
  text-align:left;
  vertical-align:bottom;
}

.ie .header{
  height:64px;
  background-image:url('/Plantillas/Images/logo.png');
}

.logo img {
  margin-left:10px;
}
.logo {
  vertical-align:bottom;
  height:100%;
}
.music{text-align:right; width:100%; padding-right:10px; vertical-align:bottom; padding-bottom:10px;}

.botonera{
  background-image:url('/Plantillas/Images/botonera.jpg');
  background-repeat:repeat-x; 
  padding:0px;
  margin:0px;
  text-align:center;
  vertical-align:top;
  margin-bottom:-10px;
  position:relative;
  padding-right:auto;
  padding-left:auto;
  z-index:4;
}

.nav{
  height:100%;
  padding-bottom:4px;
  padding-top:4px;
  padding-left:14px;
  padding-right:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  color:#000000;
  text-decoration:none;
}

a:hover.nav {
  color:#FFFFFF;
  background-image:url('/Plantillas/Images/botover.gif');
  background-repeat:repeat-x; 
}

input.campo{
  height:11px;
  background-color:#e1e1e1;
  border:1px solid #999;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
  margin-bottom:5px;
  margin-top:3px;
  font-size:9px;
}

.boton{
  margin-bottom:5px;
  margin-top:3px;
}

td.familias{
  width:170px;
  padding:0px;
  margin:0px;
  top:-10px;
  background-image:url('/Plantillas/Images/familias.jpg');
  background-repeat:repeat-x;
  background-position:bottom;
  text-align:right;
  vertical-align:top;
  position:relative;
  z-index:3;
}

.ie6 td.familias{
  background-position:top;
  background-color:#b0b0b0;
}

.subHead{
  width:100%;
  height:33px;
  background-image:url('/Plantillas/Images/subHead.jpg');
  background-repeat:repeat-x;
  padding:5px;
  margin:0px;
  text-align:right;
  color:#f68937;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  padding-right:10px;
  position:relative;
  top:-3px;
  
}

.subHead a{
  color:#f68937;
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
}
.subHead a:hover{
  color:#f68937;
  text-decoration:none;
}

.content{
  background-color:transparent;
  width:100%;
  padding:0px;
  margin:0px;
  vertical-align:top;
  border:0px;
  position:relative;
  top:-15px;
  height:385px;
}

.ie .content{
  top:-10px;
  height:410px;
}

#contenidoIF{
  border:0px;
  border-color:#FFFFFF;
  padding-top:12px;
  width:100%;
  height:100%;
}

.ie #contenidoIF{
  border:0px;
  border-color:#FFFFFF;
  padding-top:0px;
}

.footer{
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#FFFFFF;
  padding:0px;
  margin:0px;
  background-image:url('/Plantillas/Images/template2_14.png');
  _background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/Plantillas/Images/template2_14.png');
  background-repeat:no-repeat;
  height:28px;
  width:780px;
  margin:1px;
}

.section{margin:0px; padding:0px; height:380px; width:770px; background-color:trensparent; margin-bottom:-3px;}
.ie .section{margin-bottom:-10px; height:400px;}

.content1{
  width:96%;
  background-color:#FFFFFF;
  background-image:url('none');
  padding:0px;
  vertical-align:top;
  border:0px;
  margin:0px;
  margin-top:0px;
}

.ie .content1{
  padding-top:0px;
  position:relative;
  top:-5px;
}

font{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:9px;}

.modulos{padding:0px; margin:0px; margin-top:-5px;}
 
.noticias{ vertical-align:top; width:160px; height:105px; margin-top:0px; overflow:auto;}
.noticias a font{ font-size:12px; text-align:center; width:100%; padding-right:15px; padding-left:15px; margin:0px;}

.ModNoticiasContenedor{ border:0px solid #f68937; margin-bottom:5px; padding:5px;}
.ModNoticiasTitulo{  margin-bottom:5px; font-size: 11px;}
.ModNoticiasResumen{font-size: 9px; padding-top:0px;}
.ModNoticiasImagen{ padding-top:5px;}
.ModNoticiasImagen img{ width:120px; max-width:120px; }

.video{text-align:center; width:300px; margin:0px; margin-top:0px; vertical-align:top; top:0px; height:120px;}
.novedades{text-align:center; width:100%; margin:0px; margin-top:0px; vertical-align:bottom; top:0px; height:140px;}
.fla{height:120px; vertical-align:middle; padding:0px; margin:0px; text-align:center; position:relative; bottom:-15px;}
.fla img{margin-top:-5px;}

div.thumb{
  text-align:center;
  width:120px; 
  vertical-align:top; 
  padding:0px; 
  margin:0px; 
  top:0px; 
}

.thumbProdResumen{
  border:0;
  margin-top:0px;
  margin-bottom:-7px;
  max-width:120px;
  _widows:auto;
}

.enlaceModulos{
  margin-top:-7px;
  font-size:10px;
  font-weight:normal;
  line-height:1em;
  vertical-align:bottom;
}

a.enlaceModulos:hover{
  color:#f68937;
}

/*Aqui empieza la botonera de las familias i subfamilias del catalogo*/


.estiloMenu {
  z-index:1;
}

ie .estiloMenu {
  height:380px;
}

.estiloMenu li {
  list-style-type: none;
  width:100%;
}

.estiloMenu ul {
  background-image:url('/Plantillas/Images/familias.jpg');
  background-repeat:repeat-x;
  background-position:top;
  margin: 0;
  padding: 0;
  vertical-align:middle;
}

.estiloMenu ul li a {

  font:normal 12px Arial, Verdana, Helvetica, sans-serif;
  display: block;
  text-decoration: none;
  color: #000000;
  padding-right:15px;
  padding-left:10px;
  padding-top:5px;
  background-color:none;
  min-height:24px;

}

 

/*controla la botonera */

.estiloMenu a:hover, .estiloMenu a:active, .estiloMenu a:focus, .estiloMenu .menuon, .estiloMenu .menuon:hover, .estiloMenu .menuon:active {

  color: #ffffff;
  display: block; 
  background-image:url('/Plantillas/Images/hover.jpg');
  background-repeat:repeat-x;
  background-color:#FF9900;
}

.estiloMenu li ul { border-left:1px solid #000000; border-right:1px solid #000000;} 

/* menus secundarios sin hijos pueden tener otro BG*/

/* Este es el estilo que hay q modificar para que los menus hijos ocupen todo el campo del ul*/


.estiloMenu li ul li a:link, .estiloMenu li ul li a:visited {
  margin-bottom:0px;
}

 

/* Este es el estilo que hay q modificar para que los menus hijos ocupen todo el campo del ul*/

.estiloMenu li ul li a:hover, .estiloMenu li ul li a:active {
  background-color:#f68937;
  color:#FFFFFF;
}

 

/*Menus secundarios con hijos al dejar de estar hover pero ser activos - el js los cambia, el triger por menuon- tienen BG diferente*/

 

.estiloMenu li ul li .menuon, .estiloMenu li ul li .menuon:hover,
.estiloMenu li ul li .menuon:active {
  color:#FFFFFF;
}

 

/*Controlan los links y la imagen de flecha (menus secundarios CON hijos)*/

/*the normal trigger link */

.estiloMenu .abrirFamilias, .estiloMenu .abrirFamilias:hover, .estiloMenu .abrirFamilias:active {
  background-image:url('none');
}

.estiloMenu .abrirFamilias:hover {
  background-image:url('/Plantillas/Images/hover.jpg');
  background-repeat:repeat-x;
}

ul.makeMenu li {
  position: relative;
  border-bottom:1px solid #000000;
}

ul.makeMenu li > ul {     
  display: none;
  position: absolute;
  top: 0px;
  left: 167px;
  width:150px;
  text-align:left;
  z-index:3;

}

.ie6 ul.makeMenu li > ul {
  margin-top: 3px;
  margin-left: 267px;
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-image:url('/Plantillas/Images/hover.jpg');
  background-repeat:repeat-x;
}

ul.makeMenu li:hover > ul {
  display: block;
  width: 167px;
  z-index:3;
} 

ul.makeMenu ul.CSStoShow {     
  display: block;             
  margin-left:55px;
  margin-top:0px;
  top:0px;
  z-index:3;
}