body {
	padding: 0px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	left:0px;
	right:0px;
	background-color:#000000;
	margin:auto;
	text-align:center;
	vertical-align:middle;

}

a{
text-decoration:none;
color:#FFFFFF;
}

a:hover {
color:#FFCC99;
}

.alinear_derecha {
text-align:right;
}

a.enlace_amarillo:link,a.enlace_amarillo:visited  {
color:#FFCC99; /*naranjita*/
text-decoration:underline;
}
a.enlace_amarillo:hover
{
color:#FFCC99;
}



#mainbody {
	width: 930px;
	margin: auto;
	padding: 0px;
	padding-top:0px;
	background-image:url(images/fondo.jpg);
	background-repeat:no-repeat;
	text-align:center;
	border:1px solid #660000;
}

#inicio {
background-color:#000000;
height:398px;
width:697px;
margin-bottom:2%;
border-bottom:17px solid #000000;
border-top:17px solid #000000;
border-left:100px solid #000000;
border-right:100px solid #000000;

}

/*PARA AJUSTAR CON LOS MARGENES DEL CONTENIDO JUGAR CON EL WIDTH, Y LOS MARGIN*/
#contenido {
margin:auto;
float:left;
border:1px solid #670100;
width:900px; 
position:relative;
background-image:url(images/degradado_izq.gif);
background-repeat:repeat-x;
left:1.5%;
margin-right:1.5%;
margin-bottom:2%;
text-align:center;
}

#header {
	clear: both;
	text-align:right;
	padding-right:20px;
	margin-bottom:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	}

#leftcol {
	width: 190px;
	float: left;
	padding-top:15px;
/*	border:1px solid #FF0000; */
	}
div.seccion_menu
{
left:0px;
padding:0px;
margin:0px;
padding-top:7px;
padding-bottom:-5px;
text-align:left;
float:left;
}
div.linea {
float:left;
left:5px;
padding:0px;
padding-left:8px;
width:20%;
}
.titulo_menu{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:0px;
padding-left:5px;
}
div.seccion_menu ul.padre /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:12px;
padding-left:25px;
list-style-type: none;
text-transform:uppercase;
font-family:Tahoma, Verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

div.seccion_menu ul.padre li /* Elemento o item del menu inferior*/
{
padding-left:0px;
line-height: 1.2em;
margin:0px;
margin-top:5px;
margin-bottom:9px;
}
div.seccion_menu ul.padre li a:link,ul.padre li a:visited
{
 color:#FFFFFF;

}
div.seccion_menu ul.padre li a:hover
{

 color:#FFCC99;

}





#hijo /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:2px; /* Es la distancia con respecto al padre*/
padding-left:7px;
list-style-type: none;
text-transform:lowercase;
font-family:Tahoma, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:100;
margin-bottom:16px; /*Separacion de ultimo hijo con respecto al padre que viene despues*/
}

#hijo li /* Elemento o item del menu inferior*/
{
padding-left:0px;
line-height: 5px;
font-size:11px

}
#hijo li a:link,#hijo li a:visited
{
font-weight:100;
color:#FFFFFF;
}
#hijo li a:hover
{
font-weight:100;
 color:#FFCC99;
}


#telas /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:2px; /* Es la distancia con respecto al padre*/
padding-left:7px;
list-style-type: none;
text-transform:lowercase;
font-family:Tahoma, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:100;
margin-bottom:16px; /*Separacion de ultimo hijo con respecto al padre que viene despues*/
}

#telas li /* Elemento o item del menu inferior*/
{
padding-left:0px;
margin:0px;
font-size:11px;
}
#telas li a:link,#telas li a:visited
{
color:#FFFFFF;
}
#telas li a:hover
{
 color:#FFCC99;
}

#muebles /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:2px; /* Es la distancia con respecto al padre*/
padding-left:7px;
list-style-type: none;
text-transform:lowercase;
font-family:Tahoma, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:100;
margin-bottom:16px; /*Separacion de ultimo hijo con respecto al padre que viene despues*/
}

#muebles li /* Elemento o item del menu inferior*/
{
padding-left:0px;
margin:0px;
font-size:11px

}
#muebles li a:link,#muebles li a:visited
{
font-weight:100;
color:#FFFFFF;
}
#muebles li a:hover
{
font-weight:100;
 color:#FFCC99;
}

#decoracion /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:2px; /* Es la distancia con respecto al padre*/
padding-left:7px;
list-style-type: none;
text-transform:lowercase;
font-family:Tahoma, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:100;
margin-bottom:16px; /*Separacion de ultimo hijo con respecto al padre que viene despues*/
}

#decoracion li /* Elemento o item del menu inferior*/
{
padding-left:0px;
margin:0px;
font-size:11px

}
#decoracion li a:link,#decoracion li a:visited
{
font-weight:100;
color:#FFFFFF;
}
#decoracion li a:hover
{
font-weight:100;
 color:#FFCC99;
}


#proyecto_interior /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:2px; /* Es la distancia con respecto al padre*/
padding-left:7px;
list-style-type: none;
text-transform:lowercase;
font-family:Tahoma, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:100;
margin-bottom:16px; /*Separacion de ultimo hijo con respecto al padre que viene despues*/
}

#proyecto_interior li /* Elemento o item del menu inferior*/
{
padding-left:0px;
margin:0px;
font-size:11px

}
#proyecto_interior li a:link,#proyecto_interior li a:visited
{
font-weight:100;
color:#FFFFFF;
}
#proyecto_interior li a:hover
{
font-weight:100;
 color:#FFCC99;
}


#proyecto_impresion /* Es el menu inferior, la lista*/
{
left:0px;
margin:0px;
margin-top:2px; /* Es la distancia con respecto al padre*/
padding-left:7px;
list-style-type: none;
text-transform:lowercase;
font-family:Tahoma, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:100;
margin-bottom:16px; /*Separacion de ultimo hijo con respecto al padre que viene despues*/
}

#proyecto_impresion li /* Elemento o item del menu inferior*/
{
padding-left:0px;
margin:0px;
font-size:11px

}
#proyecto_impresion li a:link,#proyecto_impresion li a:visited
{
font-weight:100;
color:#FFFFFF;
}
#proyecto_impresion li a:hover
{
font-weight:100;
 color:#FFCC99;
}


#rightcol {
position:relative;
float:left;
text-align:left;
width:auto;
/*border:1px solid #FFCC99;*/
}
#imagen_fondo {
background-repeat:no-repeat;
width:707px;
/*width:717px; Este se pone igual de ancho que la imagen para que salga en firefox la imagen*/
height:439px;

}

div#capa_negra_menu {
background:#000000;
float:left;
height:411px;
width:130px;
text-align:left;
padding-top:27px;
padding-left:34px;
font-size:17px;
font-weight:500;
padding-right:21px;
/*border:1px solid #FF0000;*/
}

ul.padre_interior /* Es el menu inferior, la lista*/
{
left:0px;
padding:0px;
margin:0px;
padding-left:14px;
list-style-type: none;
text-transform:lowercase;
}

ul.padre_interior li /* Elemento o item del menu inferior*/
{
vertical-align:text-top;
padding:0px;
margin:0px;
padding-left:0px;
font-size:9px;
font-family:Tahoma, Verdana;
font-size:11px;
line-height:14px; /*Interlineado*/
}

ul.padre_interior li a:link,ul.padre li a:visited
{

 color:#FFFFFF;
}
ul.padre_interior li a:hover
{

 color:#FFCC99;

}

div#resto_derecha {
float:left;
width:500px;
height:439px;
}
div#titulo_derecha {
	float:right;
	margin:0px;
	padding-top:20px;
	padding-bottom:10px;
	padding-right:5px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:14px;
	padding-left: 5px;
}
div#lista_productos {
margin:0; 
padding:0px;
clear:both;
padding-left:12px;
width:508px;
height:260px;
margin-bottom:20px;

}
div.producto {
float:left;
margin:3px; /* Margenes de un producto a otro*/
padding:0px;
color:#FFCC99;
font-size:12px;
margin-bottom:12px;/*Separacion vertical entre productos*/
font-size:10px;
/*border:1px solid #CCFF33;*/
width:110px;
height:127px;
overflow:hidden;
text-align:center;
}
div.nproducto{
width:110px;
text-align:center;
}


div.producto img {
width:90px;
height:60px;
margin:0px;
margin-bottom:5px;
}
div#paginacion{
overflow:hidden;
clear:both;
text-align:center;
padding:0px;
height:auto;
margin-top:54px;

}
div#contenido_izquierda
{
float:left;
color:#FFFFFF;
width:200px;
}
div#contenido_derecha
{
background-color:#000000;
padding:5px;
width:500px;
height:429px;
float:left;
}
div#contenido_izquierda_transparente
{
float:left;
color:#FFFFFF;
width:51%;
padding-left:25px;
padding-right:0px;
}

div#contenido_derecha_transparente
{
padding-left:16px;
padding:0px;
width:42%;
float:left;
padding-right:0px;
}
div#contenido_izquierda_transparente_2
{
float:left;
color:#FFFFFF;
width:385px;
padding-left:17px;
padding-top:35px;
padding-right:0px;
padding-bottom:6px;
}

div#contenido_derecha_transparente_2
{
padding:0px;
width:38%;
float:left;
padding-right:0px;
padding-left:15px;
padding-right:15px;
padding-top:35px;
}
div#previa {
margin-top:5px;
float:left;
margin-left:0px;
padding-left:0px;
margin-right:2.5px;
width:auto;
}
div#nombre_producto {
color:#FFCC99;
text-transform:uppercase;
padding:0px;
margin-bottom:20px;
font-weight:bold;
}

div#salto {
clear:both;
}
div#contenido_negro {
background-color:#000000;
width:705px;
/*width:717px; Este se pone igual de ancho que la imagen para que salga en firefox la imagen*/
height:439px;
}
div#cont {
	clear:both;
	padding-left:15px;
	padding-right:15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#footer { /* Pie de página  y navegacion*/
	clear: both;
	font-size: 10px;
	text-align:right;
	
	padding-bottom:5px;
	padding-right:30px; /*Separacion derecha*/
	width:920px;
	margin-top:-10px;
	overflow:hidden;
	/*border:1px solid #00FF00;*/
}
#footer a {
font-size:10px;
}
.amarillo {
color:#FFCC99; /* Esto es verde*/
}
.mano { /* Para mostrar la mano para enlaces en imagenes o capas */
cursor:pointer;
}
.texto_logos {
color:#FFFFFF;
font-family:Tahoma, Verdana;
font-size:10px;
font-weight:normal;
}
