@charset "utf-8";
/* CSS Document */

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #566365;
  background-image: url('images/Page-BgTexture.jpg');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;
}

.Main
{
  position: absolute;
  width: 100%;
  left: 0;
  top: 45px;
}



.PageBackgroundGradient
{
  background-image: url('images/Page-BgGradient.jpg');
  background-repeat: repeat-x;
  height: 75px;
}

div.banner
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 886px;
  height: 250px;
}


.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size:1px;
}

.Sheet
{
  overflow: hidden;
  min-width:31px;
  min-height:31px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  width: 900px;
}

.Sheet-body
{
  position: relative;
  z-index: 0;
  margin: 7px;
}

.Sheet-tl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  width: 29px;
  height: 29px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tr
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 29px;
  height: 29px;
}

.Sheet-tr div
{
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -29px;
  width: 58px;
  height: 58px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-bl
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 29px;
  height: 29px;
}

.Sheet-bl div
{
  position: absolute;
  z-index: -1;
  top: -29px;
  left: 0;
  width: 58px;
  height: 58px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-br
{
  position: absolute;
  overflow: hidden;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 29px;
  height: 29px;
}

.Sheet-br div
{
  position: absolute;
  z-index: -1;
  top: -29px;
  left: -29px;
  width: 58px;
  height: 58px;
  background-image: url('images/Sheet-s.png');
}

.Sheet-tc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 0;
  left: 29px;
  right: 29px;
  height: 29px;
}

.Sheet-tc div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 58px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-bc
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  bottom: 0;
  left: 29px;
  right: 29px;
  height: 29px;
}

.Sheet-bc div
{
  position: absolute;
  z-index: -1;
  top: -29px;
  left: 0;
  width: 100%;
  height: 58px;
  background-image: url('images/Sheet-h.png');
}

.Sheet-cl
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 29px;
  left: 0;
  width: 29px;
  bottom: 29px;
}

.Sheet-cl div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 58px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cr
{
  position: absolute;
  overflow:hidden;
  z-index: -1;
  top: 29px;
  right: 0;
  width: 29px;
  bottom: 29px;
}

.Sheet-cr div
{
  position: absolute;
  z-index: -1;
  top: 0;
  left: -29px;
  width: 58px;
  height: 100%;
  background-image: url('images/Sheet-v.png');
}

.Sheet-cc
{
  position: absolute;
  overflow:hidden;
  z-index: -2;
  top: 29px;
  left: 29px;
  right: 29px;
  bottom: 29px;
  background-image: url('images/Sheet-c.png');
}

.Sheet
{
  margin-top: 30px !important;
}

/* begin Header */
div.Header
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 886px;
  height: 250px;
}

div.Header-jpeg
{
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  width: 886px;
  height: 250px;
  background-image: url('images/Header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */

/* begin Logo */
.logo
{
  display : block;
  position: absolute;
  left: 10px;
  top: 90px;
  width: 866px;
}

h1.logo-name
{
  display: block;
  text-align: center;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
  font-size: 31px;
  text-decoration: none;
  padding:0;
  margin:0;
  color: #000000 !important;
}

.logo-text
{
  display: block;
  text-align: center;
}

.logo-text, .logo-text a
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  padding:0;
  margin:0;
  color: #000000 !important;
}

/* end Logo */

/* begin ContentLayout */
.contentLayout
{
  margin-bottom: 0px;
  width: 886px;
  position: relative;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
  overflow: hidden;
  min-width:1px;
  min-height:1px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


.Block-body
{
  position: relative;
  z-index: 0;
  margin: 0px;
}


.Block
{
  margin: 10px;
}

/* end Box, Block */

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

.contenedorpro
{
float:left;
position:relative;
margin-left:7px;
margin-right:0px;
margin-bottom:0px;
width:886px;
border:0px solid #000000;
background:url(imagenes/manos.png) no-repeat;
background-position:bottom;
}

#seleccionado{
float:left;
width:650px;
height:670px;
margin-left:20px;
margin-top:10px;
text-align:left;
background:url(imagenes/fondoproducto.png) no-repeat;
position:relative;
float:left;
border:0px solid #FFFFFF;
padding:inherit;
}

#selecderecha{
float:left;
width:190px;
height:660px;
margin-left:10px;
margin-top:10px;
text-align:left;
border:0px solid #FFFFFF;
padding:inherit;
padding-top:7px;
}


#paginas{
float:left;
position:relative;
margin-left:40px;
margin-right:20px;
margin-top:10px;
border:0px solid #000000;
height:150px;
width:800px;
}

#destacame{
float:left;
clear:left;
margin-left:40px;
margin-right:20px;
margin-top:10px;
width:800px;
height:300px;
border:0px solid #000000;
}

#lista{
float:left;
clear:left;
text-align:center;
margin-left:5px;
margin-right:20px;
margin-top:10px;
padding-left:20px;
padding-right:20px;
width:750px;
border:0px solid #000000;

}

#series{
float:left;
clear:left;
margin-left:50px;
margin-right:20px;
margin-top:20px;
width:800px;
height:110px;
border:0px solid #000000;
background:#000000;
}

#separate {
height:5px;
}

.productostr{
float:left;
position:relative;
width:881px;
padding-left:5px;
margin-top:0px;
margin-left:7px;
margin-bottom:5px;
padding-bottom:5px;
border-top:1px solid #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
background-color:#000000;
}

.centro{
width:400px;
margin-top:10px;
margin-left:5px;
margin-right:0px;
margin-bottom:10px;
border:0px solid #FFFFFF;
float:left;
position:relative;
}


.izquierda{
width:220px;
height:430px;
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
position:relative;
float:left;
border:0px solid #FFFFFF;
}

.derecha{
width:220px;
height:430px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
position:relative;
float:left;
border:0px solid #FFFFFF;
}
/*
.derecha2{
width:220px;
height:620px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
background:url(imagenes/izquierda.png) no-repeat;
position:relative;
float:left;
border:0px solid #000000;
}
*/
.bannerpro
{
float:left;
position:relative;
margin-left:25px;
width:270px;
border:0px solid #000000;
height:500px;
}
/*Listado de sonido*/
.sonido{
width:100%;
height:170px;
}

/*
.sonido:a:link {text-decoration:none}
.sonido:a:visited {text-decoration:none}
.sonido:a:active {text-decoration:none}
*/



/*
.contacto {
margin-top:10px;
margin-left:100px;

background:url(imagenes/mid.png) repeat-y;
}
*/

/**********************TEXTOS****************************************/
.titulo{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
vertical-align:text-top;
height:22px;
background-color:#666666;
padding:2px;
}

#separador{
height:2px;
background:url(imagenes/separador.jpg) repeat-x;
width:130px;
padding-left:0px;
text-align:center;
color:#000000;
margin:auto;
}
.titulo:hover{
color:#CCFF66;
}

.textosonido{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
vertical-align:text-top;
background-color:#666666;
padding:2px;
text-align:justify;
}

.resalta {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
font-weight:bold;
}

.resalta:hover{
color:#cbcbcb;
}

.resaltasub {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
font-weight:bold;
width:130px;
}

.resaltasub:hover{
color:#cbcbcb;
}

.prodselec {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cbcbcb;
font-size:13px;
font-weight:bold;
}

.cati{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:14px;
margin-left:20px;
font-weight:bold;
}

.cati:hover{
color:#CCCCCC;
}

.subcategoria{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:14px;
font-weight:bold;
}

.subcategoria:hover{
color:#999999;
}

.cate {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
font-size:12px;
padding:0px;
margin:0px;
}

.txtdesta{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
}

.txtdesta2{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
padding-right:5px;
width:85px;
}

#powerby{
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#powerby a{
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#powerby a:hover{
color:#FF0000;
}
/*****************************FIN TEXTOS************************/


/**********************************************************TABLAS******************************************/
.tblsonido{
width:875px;
text-align:left;
border:0px solid #FFFFFF;
margin-top:20px;
margin-left:15px;
}

.tdsub{
background:url(imagenes/fondosub.png) no-repeat;
width:150px;
height:180px;
padding-top:0px;
padding-left:10px;
}
.tdsub:hover{
background:url(imagenes/fondosubon.png) no-repeat;
}


.tblluces{
width:720px;
text-align:left;
border:0px solid #FFFFFF;
margin-top:20px;
margin-left:100px;
}

.tdsub2{
background:url(imagenes/fondosub.png) no-repeat;
width:150px;
height:180px;
padding-top:10px;
padding-left:10px;
}
.tdsub2:hover{
background:url(imagenes/fondosubon.png) no-repeat;
}

.tdfin {
background:url(imagenes/fondosub.png) no-repeat;
height:169px;
padding-top:10px;
padding-left:0px;
text-align:center;
background-position:center
}

.tdfin:hover{
background:url(imagenes/fondosubon.png) no-repeat;
background-position:center;
height:169px;
}


.tblrutaselec{
background:url(imagenes/rutaselec.png) no-repeat;
background-position:center;
text-align:center;
width:200px; 
height:242px;
margin-left:7px;
}

.tblrutaselec2{
text-align:center;
width:130px; 
height:180px;
}


/*Productos*/

.productos {
margin-left:30px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
}



/*TABLA PRODUCTO SELECCIONADO*/

/*PHOTO PRODUCTO*/
.photo{
background:url(imagenes/prodfinalphotoff.png) no-repeat;
width:265px;
height:195px;
background-position:top;
}

.photo:hover{
background:url(imagenes/prodfinalphotoon.png) no-repeat;
width:265px;
height:195px;
background-position:top;
}

/*EFFECT PRODUCTO*/
.effect{
background:url(imagenes/prodfinaleffectoff.png) no-repeat;
width:265px;
height:195px;
background-position:top;
}

.effect:hover{
background:url(imagenes/prodfinaleffecton.png) no-repeat;
width:263px;
height:195px;
background-position:top;
}

/*VIDEO PRODUCTO*/
#reproductor_video {
    width: 250px;
    height: 175px;
    border: 1px solid #000;
}
.video{
background:url(imagenes/prodfinalvideooff.png) no-repeat;
width:265px;
height:195px;
background-position:top;
}

.video:hover{
background:url(imagenes/prodfinalvideoon.png) no-repeat;
width:265px;
height:195px;
background-position:top;
}

.tblproductoampro{
/*height:780px; Como minimo*/
width:620px;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
text-align:left;
border:0px solid #000000;
margin-left:20px;
margin-right:5px;
margin-top:10px;
}

.describe{
width:300px;
height:550px;
background:url(imagenes/descripcionprod.png) no-repeat;
}

.tblproductoampro tr{
vertical-align:top;
text-align:center;
}

.tblproductoampro h3{
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
margin:0px;
padding-left:0px;
width:300px;
}

.tblproductoampro p{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
width:260px;
vertical-align:text-top;
padding-left:10px;
padding-right:10px;
margin-bottom:0px;
text-align:left;
}

.tblproductoampro ul{
margin-left:15px;
}

.tblproductoampro li{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
width:230px;
}

/*
.tbllinks {
margin-top:80px;
background:url(imagenes/fondolinks.png) no-repeat;
background-position:top;
width:395px;
margin-left:10px;
margin-right:10px;
height:177px;
border:0px solid #FFFFFF;
}
*/

/*FIN TABLA PRODUCTO SELECCIONADO*/

/*BANNERS*/

.tblbandesta{
background:url(imagenes/banerdesta.png) no-repeat;
background-position:left;
}

.tblbandesta2{
background:url(imagenes/banerdestasonido.png) no-repeat;
background-position:left;
}

.tblbaners{
padding-left:15px;
width:200px;
text-align:center;
border:0px solid #000000;
}

.tblbaners tr{
vertical-align:top;
text-align:center;
}

.prodestacado{
height:106px;
width:180px;
background:url(imagenes/fondodesta.png) no-repeat;
margin-left:15px;
margin-right:10px;
margin-bottom:30px;
float:left;
position:relative;
}


.tblproductolista{
background:url(imagenes/fondoprodoff.png) no-repeat;
width:210px;
height:230px;
}

.tblproductolista:hover{
background:url(imagenes/fondoprodon.png) no-repeat;
}
/*FIN TABLA BANERS*/






a:active{text-decoration:none;}
a:link:hover{color:#CCFF66;}
a:link {text-decoration: none;
color:#0099FF;}

a:visited{text-decoration:none;
color:#0099FF;}
a:visited:hover{color:#CCFF66;}

	#flashcontent {
		border: solid 0px #000;
		background-color:#000000;
		width: 886px;
		height: 250px;
		float: left;
		margin: 0px;
	}


/*MENU NUEVO 2009*/

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
  text-align:left;
  text-decoration:none;
  outline:none;
  letter-spacing:normal;
  word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.artmenu:after, .artmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
  background-image: url('imagenes/menu/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
  position: relative;
  margin: 0px;
  width: 790px;
  height: 32px;
  z-index: 100;
}

.artmenu
{
  padding: 8px 4px 4px 4px;
}

.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 32px;
}

.nav .l
{
  left: 0;
  right: 0px;
}


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 886px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('imagenes/menu/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 24px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 2px;
  margin-left: 2px;

}
.artmenu a
{
  background-image: url('imagenes/menu/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('imagenes/menu/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 10px;
  color: #FFFFFF; /*#8DBFE7;*/
  padding: 0 2px;
  margin: 0 11px;
  line-height: 24px;
  text-align: center;
  background-image: url('imagenes/menu/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;
}


.artmenu a:hover
{
  background-position: left -24px;
}

.artmenu li:hover>a
{
  background-position: left -24px;
  
}
.artmenu li:hover a span
{
  background-position: right -24px;
  
}

.artmenu a:hover span
{
  background-position: right -24px;
}


.artmenu a:hover span span
{
  color: #000000;
  background-position: left -24px;
}

.artmenu li:hover a span span
{
  color: #000000;
  background-position: left -24px;
 
}


.artmenu a.active
{
  background-position: left -48px;
}

.artmenu a.active span
{
  background-position: right -48px;
}

.artmenu a.active span span
{
  color: #9CA9AB;
  background-position: left -48px;
}

/* end MenuItem */
/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 24px;
  background-image: url('imagenes/menu/item-separator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */

.artmenu2
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 180px;
  width: 250px;
  overflow:hidden;
  line-height: 22px;
  margin-right: auto;



  background-image: url('imagenes/menu/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #6CACE0;
   
}

.artmenu3
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 100px;
  width: 250px;
  overflow:hidden;
  line-height: 22px;
  margin-right: auto;



  background-image: url('imagenes/menu/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #6CACE0;
   
}


.artmenu ul a
{
  display:block;
  text-align: center;
  white-space: nowrap;
  height: 22px;
  width: 300px;
  overflow:hidden;
  line-height: 22px;
  margin-right: auto;



  background-image: url('imagenes/menu/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #6CACE0;
   
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
 
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 22px;
  color: #000000;
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size:9px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
  color: #000000;
  border-color: #6CACE0;
  background-position: 0 -22px;
}

.artmenu ul li:hover>a
{
  color: #000000;
  border-color: #6CACE0;
  background-position: 0 -22px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
  color: #000000;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #000000;
}


/* end MenuSubItem */

/* begin Header */
div.topmenu
{
  margin: 0 auto;
  position: relative;
  z-index:0;
  width: 886px;
  height: 250px;
}

div.topmenu-jpeg
{
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  width: 886px;
  height: 250px;
  background-image: url('imagenes/menu/Header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}
/* fin top menu */