/* CSS Home Velceramica */

body {
	width: 782px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFFFF;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#contenido{
	width:782px;
	height:670px;
	color:#3F1E17;
	border:1px solid #3F1E17;
}

#cabecera {
	width:782px;
	height:130px;
	float:right;
	background:#3f1f18;
}

#ladoIzquierdo{
	width:641px;
	float:left;
}

#fotoProducto{
	width:200px;
	height:239px;
	margin-left:5px;
	margin-top:10px;
	float:left;
}

#descripcionProducto{
	width:215px;
	height:239px;
	text-align:justify;
	float:left;
	margin-left:5px;
	margin-top:10px;
}

#menuArriba{
	width:auto;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:5px;
}

#menuArriba a{
	font-weight:bold;
	text-decoration:none;
	color:#3F1E17;
}

#menuArriba a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#f79320;
}


#lineaDerecha{
	width:1px;
	height:541px;
	background:url(../imagenes/generales/linea.jpg) repeat-y;
	float:left;
}

#ladoDerecho{
	width:140px;
	float:left;
	background:url(../imagenes/generales/fondo.jpg) repeat-y top left;
	height:auto;
}

#menuDerecha{
	width:130px;
	float:left;
}

#menuDerechaArriba{
	width:115px;
	height:31px;
	background:url(../imagenes/generales/menu_arriba.jpg) no-repeat top left;
	float:left;
	margin-top:25px;
}

#menuDerechaCentro{
	width:115px;
	height:auto;
	background:url(../imagenes/generales/menu_centro.jpg) repeat-y top left;
	float:left;
	margin-top:-6px;
}

#menuDerechaAbajo{
	width:115px;
	height:38px;
	background:url(../imagenes/generales/menu_abajo.jpg) no-repeat;
	float:left;
}

#itemActivo{
	color:#432123;
	font-weight:bold;
	float:left;
	width:auto;
	margin-top:10px;
}

#itemActivo a{
	color:#432123;
	font-weight:bold;
	text-decoration:none;
}

#itemActivo a:hover{
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	text-decoration:none;
}

#itemInactivo{
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	margin-top:10px;	
}

#itemInactivo a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

#itemInactivo a:hover{
	color:#432123;
	font-weight:bold;
	float:left;
	text-decoration:none;
}

#grifos{
	width:112px;
	height:100px;
	float:left;
	margin-top:10px;
	margin-left:5px;
}

#sanitarios{
	width:112px;
	height:100px;
	float:left;
	margin-top:25px;
	margin-left:5px;
}

#fotorama{
	width:112px;
	height:134px;
	float:left;
	margin-top:10px;
	margin-left:8px;
}

#mejores{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:4px;
}

#bolita{
	width:14px;
	height:14px;
	background:url(../imagenes/generales/bolita.gif) no-repeat;
	float:left;
	margin-right:2px;
	margin-left:2px;
}

#animacion{
	width:641px;
	height:330px;
	float:left;
}

#abajo{
	width:641px;
	float:left;
}

#titulo{
	width:auto;
	font-weight:bold;
}

#informacion{
	width:215px;
	height:auto;
	float:left;
	text-align:justify;
}

#foto{
	width:91px;
	height:100px;
	float:left;
	margin-left:5px;
	margin-right:5px;
}

#creditos{
	color:#3F1E17;
	float:right;
	width:200px;
	text-align:right;
}

#creditos a{
	color:#3F1E17;
	text-decoration:none;
	font-weight:bold;
}

#creditos a:hover{
	color:#8C6559;
	text-decoration:none;
	font-weight:bold;
}