@charset "UTF-8";
body {
	background:white;
	color:black;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	text-align:center;
}
div { position:relative;text-align:left; }
#fotoideas {
	width:757px;
	border:none;
	border-collapse:collapse;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}
#fotoideas td {
	padding:0;
	margin:5px;
	border:none;
	border-collapse:collapse;
}
#colormatic {
	height:150px;
	background:url(img/colormaticB.gif) bottom no-repeat black;
	color:white;
}
#colormatic img { display:none; }

#secciones {
	text-align:right;
	font-size:16px;
	color:#8e7c7a;
	background-color:white;
	height:25px;
	padding-right:10px;
}
#secciones img {
	border:none;
}

#izquierda {
	vertical-align:top;
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:9px;
	color:white;
}
#izquierda, #menu {
	width:162px !important;
	text-align:left;
}
#menu, #menu td, #menu tr {
	margin:0px;
	padding:0;
	border:none;
	border-collapse:collapse;
}
#menu td { 
	background-color:inherit;
	color:white;
	border-bottom:solid 1px #FFF;
	border-top:solid 1px #FFF;
	vertical-align:middle;
	padding-left:30px;
	height:19px;
	max-height:19px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(img/menu3.gif); 
	font-weight:bold;
	font-size:12px;
}
#menu #logo {
	background:white !important;
	padding:0 !important;
}
#menu .primero {
	border-top:none !important;
}
#menu .activo { 
	background-image:url(img/menu4.gif) !important; 
	border:none !important;
}
#menu .sub { 
	font-weight:normal;
	background-image:url(img/menu5.gif) !important; 
	border:none !important;
}
#menu .subactivo { color:black; }
#menu .subultimo { border-bottom:solid 1px white; }
#sobremenu {
	height:9px !important;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0;
	border:none !important;
}
.complementos {
	background-color:#7896cf !important;
	background-image:url(img/menu2c.gif) !important;
}
.hogar {
	background-color:#f7b512 !important;
	background-image:url(img/menu2h.gif) !important;
}
.oficina {
	background-color:#f03d69 !important;
	background-image:url(img/menu2o.gif) !important;
}
.varios {
	background-color:#d42e12 !important;
	background-image:url(img/menu2v.gif) !important;
}
.textil {
	background-color:#84339f !important;
	background-image:url(img/menu2t.gif) !important;
}
.complementos #sobremenu { background-image:url(img/menu1c.gif) !important; }
.hogar #sobremenu { background-image:url(img/menu1h.gif) !important; }
.oficina #sobremenu { background-image:url(img/menu1o.gif) !important; }
.varios #sobremenu { background-image:url(img/menu1v.gif) !important; }
.textil #sobremenu { background-image:url(img/menu1t.gif) !important; }
.negro { color:black; }

#menu a {
	color:white;
	background:none;
	text-decoration:none;
}
#menu a:hover {
	text-decoration:underline;
}


#centro { width:265px; text-align:center; vertical-align:top; }
#centro #imagen { width:248px; text-align:right; margin-left:auto; margin-right:auto; margin-top:60px; }
#centro #imagen img { width:248px; height:227px; }
#centro #imagen img#colores { margin-top:5px; width:125px; height:33px; }
#centro #imagen img#motivos { margin-bottom:5px; width:248px; height:33px; }
.c4241 { top:-42px; }

#derecha { 
	vertical-align:top;
	background-color:rgb(111,133,22);
	background-image:url(img/lista2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#derecha #vacio { height:12px; }
#derecha, #listado {
	width:330px !important;
	text-align:left;
}
#listado { margin-bottom:12px; }
#listado, #listado td, #listado tr {
	margin:0px;
	padding:0;
	border:none;
	border-collapse:collapse;
}
#listado td { 
	color:black;
	border-bottom:solid 1px #FFF;
	vertical-align:middle;
	padding-left:30px;
	height:19px;
	max-height:19px;
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(img/menu5.gif); 
	font-weight:normal;
	font-size:12px;
}
#mascaras {
	color:white !important;
	border-bottom:none !important;
	padding-left:0px !important;
	padding-right:0 !important;
	padding-top:5px !important;
	background-image:none !important;
}
#listado #mascaras p {
	padding:10px 5px 5px 15px;
	margin:0px;
}
#listado .activo {
	color:black !important;
}
#sobrelistado {
	height:11px !important;
	background-repeat:no-repeat;
	background-position:left top;
	padding:0;
	border:none !important;
	background-image:url(img/lista1.gif) !important;
}
#listado a {
	color:white;
	background:none;
	text-decoration:none;
}
#listado a:hover {
	text-decoration:underline;
}

#pie {
	margin-top:10px;
	width:100%;
	height:47px;
	background:black;
	color:white;
	font-size:9px;
	display:block;
}
#pie #pieIzq {
	width:10px;height:47px;
	float:left;
	background:url(img/pie1.gif);
}
#pie #pieDer {
	width:10px;height:47px;
	float:right;
	background:url(img/pie2.gif);
}
#pie #utilidades {
	top:17px;
	float:left;
	width:auto;
}
#pie #utilidades a {
	background-color:black;
	color:white;
	text-decoration:none;
}
#pie #utilidades a:hover { text-decoration:underline; }
#pie #noticia {
	width:auto;
	float:right;
	vertical-align:middle;
	top:5px;
}
#pie #noticia img { vertical-align:middle; }
#pie #noticia .imgP { display:none; }
#pie #mail { display:none; }

form {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	margin-bottom:20px;
}
form p {
	text-align:center;
}
form label {
	text-align:center;
	width:500px;
	display:block;
	font-weight:bold;
}
form input {
	width:250px;
}
form #boton { margin-left:10px; width:100px; }