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

* {
margin:0px;
padding:0px;
}



body {
margin:0px;
padding:0px;
text-align:center;
background-image:url(../img/fondo_repeat.jpg);
background-position:top left;
background-repeat:repeat-x;
background-color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

#contenedor {
position:relative;
margin:0 auto;
width:980px;
height:560px;
background-image:url(../img/fondo_base.jpg);
background-repeat:no-repeat;
outline-width:1px;
outline-color:#c0c0c0;
outline-style:solid;

}
#contenedor2 {
position:relative;
margin:0 auto;
width:980px;
height:560px;
background-image:url(../img/contruccion.jpg);
background-repeat:no-repeat;
}
.clear {
clear:both;
}
.separador {
height:25px;
}
.separador_vertical {
width:66px;
height:350px;
float:left;
}
.separador_vertical2 {
width:43px;
height:350px;
float:left;
}
#header {
height:87px;
text-align:left;
}
#header a {
display:block;
height:86px;
width:168px;
margin-left:66px;
background-image:url(../img/logo_titanio.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

#contenido{
width:980px;
height:350px;
position:relative;
}
#footer {
width:980px;
height:74px;
text-align:center;
}
#footer #objeto {
margin:0 auto;
width:210px;
}
#menu_lateral {
width:168px;
height:350px;
float:left;
}

#menu_b {
height:170px;
}
#menu_b div {
height:28px;
margin-bottom:5px;
}

#menu_b a.botones_claros {
text-decoration:none;
background-image:url(../img/boton_claro.jpg);
background-repeat:no-repeat;
background-position:bottom;
display:block;
height:28px;
width:168px;
line-height:28px;
opacity:0.88;
filter:alpha(opacity=88);
color:#666666;
font-size:10px;
text-transform:uppercase;

}

#menu_b a.botones_claros:hover {
background-position:top;

}
.claro_activo{
font-weight:bolder;
color:#000000;
background-position:top;
}


.divisor2 {
height:15px;
}
#content {
width:641px;
height:350px;
float:left;
text-align:left;
position:relative;
}
#content h2{
text-indent:10px;
margin-bottom:4px;
font-size:16px;
color:#333333;
margin-right:300px;}
#flash_portada {
width:620px;
height:290px;
margin:0 auto;
}

#basecontent {
width:620px;
height:290px;
text-align:center;
margin:0 auto;
}
#basecontent h1 {
font-size:14px;
margin-bottom:10px;

}
#basecontent p {
font-size:11px;
color:#333333;
line-height:15px;
margin-bottom:10px;
}


#basecontent p strong{
font-weight:bolder;
color:#303030;
}
#columna_left {
float:left;
margin-left:5px;
width:420px;
height:290px;
text-align:left;
}
#columna_right {
float:left;
margin-left:20px;
width:150px;
height:290px;
text-align:left;
}
#columna_right div {
height:30px;
}
#columna_right img {
margin-bottom:15px;
}

.contenedor_categoria {
text-align:center;
width:100px;
height:130px;
float:left;
margin-left:3px;
margin-bottom:10px;
}
.contenedor_categoria a {
display:block;
width:100px;
height:100px;
}
.contenedor_categoria a:hover {
opacity:0.80;
filter:alpha(opacity=80);}

.contenedor_categoria a img{
border:none;

}
.contenedor_categoria div {
height:30px;
background-color:#333333;

}
.contenedor_categoria div h1 {
margin-top:2px;
font-size:10px;
text-transform:uppercase;
color:#CCCCCC;
}
/* Categorias detalle */
#div_flechaizq {
	position:absolute;
	left:110px;
	top:140px;
	height:24px;
	width:22px;
}
#div_flechaizq a {
display:block;
height:24px;
width:22px;
background-image:url(../img/flecha_izq.jpg);
background-position:bottom;
background-repeat:no-repeat;
line-height:24px;
}
#div_flechaizq a:hover {
background-position:top;
}
#div_flechader{
position:absolute;
left:610px;
	top:140px;
height:24px;
width:22px;
}
#div_flechader a {
display:block;
height:24px;
width:22px;
background-image:url(../img/flecha_der.jpg);
background-position:bottom;
background-repeat:no-repeat;
line-height:24px;
}
#div_flechader a:hover {
background-position:top;
}

#contenedor_de_categoría {
display:block;
margin:0px;
width:470px;
height:270px;
overflow:hidden;
position:relative;
float:left;
}
#separador_de_categoria {
width:135px;
height:270px;
float:left;
}
#separador_de_categoria p{
margin:5px 5px 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
color:#666666;
}


#content_de_categoría {
position:absolute;
left:0px;
top:0px;
height:270px;
width:3500px;
}
.content_par_categoria {
width:150px;
height:270px;
float:left;
margin-left:3px;
margin-right:3px;
}

.content_par_producto {
width:150px;
height:130px;
margin-bottom:5px;
}
.content_par_imagen {
height:100px;
width:150px;
background-color:#FFFFFF;
}
.content_par_imagen a img{
border:none;
}
.content_par_imagen a:hover img{
opacity:0.50;
filter:alpha(opacity=50);
}

.content_par_nombre {
height:30px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFFFFF;
text-indent:5px;
}
.content_par_nombre h1 {
font-size:10px;
line-height:15px;
font-weight:lighter;
}
.content_par_nombre p {
margin-top:1px;
font-weight:normal;
font-size:9px;
color:#CCCCCC;
letter-spacing:1px;
}
/*
opacity:0.28;
filter:alpha(opacity=28);
*/




#menu {
font-size:10px;
text-transform:uppercase;
margin:0;
padding:0;
position:relative;
}
#menu ul,li,a {
display:block;
margin:0;
padding:0;
border:0;
}

#menu ul {
width:168px;
list-style:none;
}

#menu li {
position:relative;
height:28px;
line-height:28px;
z-index:9;

}
#menu li.folder	{
margin-bottom:5px;
}	



#menu li.folder ul li {
margin-bottom:1px;
height:25px;
line-height:25px;
}

#menu li.folder ul {
position:absolute;
left:168px; /* IE */
top:-50px;
width:127px;
}	
#menu li.folder ul#merch {
position:absolute;
left:168px; /* IE */
top:0px;
width:127px;
}		
li.folder>ul { left:168px; } /* others */

#menu a {

text-decoration:none;
color:#f7f7f7;
width:100%; /* IE */
}
#menu li>a { width:auto; } /* others */


#menu a:hover {
color:#666666;
}


#menu li.folder a{
display:block;
background-image:url(../img/boton_oscuro.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#menu li.folder a:hover {

background-position:top;

}

#menu li.folder ul li a {
font-size:9px;
opacity:0.80;
filter:alpha(opacity=80);
background-image:none;
background-color:#333333;
color:white;
}
#menu li.folder ul li a:hover {
opacity:0.40;
filter:alpha(opacity=40)
}


#menu li.folder:hover { z-index:10; }		

#menu ul ul, #menu li:hover ul ul {
display:none;
}

#menu li:hover ul, #menuli:hover li:hover ul {
display:block;
}		
/*POP UP*/

#popUp {
	position: absolute;
	visibility: hidden;
	/*width: 600px;*/

	/*height: 300px;*/
	left: 490px;
	top: 0px;
	background-color: #000;
	border: 1px solid #333333;
	z-index:30;
	color:#3333CC;
	width:280px;
	height:335px;
	
}
#popUp #elhtml {
font-family:Verdana, Arial, Helvetica, sans-serif;

text-align:left;

}
#popUp #elhtml #popImagen {
width:280px;
height:280px;
background-color:#FFFFFF;
}
#popUp #elhtml #popNombre {
display:block;
width:280px;
height:20px;
background-color:#333333;
color:#FFFFFF;
text-indent:10px;
font-weight:bold;
font-size:13px;
line-height:20px;
}
#popUp #elhtml #popCodigo {
display:block;
width:280px;
height:20px;
background-color:#333333;
color:#cccccc;
text-indent:13px;
font-size:11px;
line-height:15px;
}
#popUp #elhtml #cerrar {
width:60px;
height:15px;
margin-left:210px;
margin-bottom:2px;
text-align:center;
}
#popUp #elhtml #cerrar a {
text-decoration:none;
color:#cccccc;
font-weight:bold;
line-height:15px;
}
#popUp #elhtml #cerrar a:hover {

color:#333333;

}
#columna_left ul  {
margin-left:5px;


}
#columna_left ul li {
list-style-type:none;
margin-bottom:5px;
}