* {margin:0px; padding:0px;}
body {
	background-color:#CCCCCC;
	text-align:center;
	font-family:Arial;
}
a {
	text-decoration:none;
	color:#000000;
	font-size:12px;
}
label {
	font-size:12px;
	display:block;
}
#formulario {
	border: 3px double #000099;
	padding:4px 20px 20px 20px;
	text-align:left;
	float:left;
	margin:20px;
	width:650px;
}
#formulario h1 {
	font-size:16px;
	border-bottom:1px solid #CCCCCC;
	margin:3px 0px 3px 0px;
	padding:5px;
	width:100%;
}
#cuerpo {
	border:1px solid #000000;
	width:770px;
	background-color:#FFFFFF;
	margin:2px auto 2px auto;
}
#top {
	height:202px;
	background:url(imgbgtop.jpg) repeat-x;
	text-align:right;
}
.barra {
	width:120px;
	height:100%;
	float:left;
	background-color:#D8D8D8;
	padding-bottom:3px;
	border:1px solid black;
	border-top:0px;
	text-align:left;
	margin-left:3px;
	margin-bottom:10px;
	margin-right:5px;
}
.categoria {
	padding:7px 3px 7px 5px;
	width:112px;
	float:left;
	border-bottom:#E8E8E8 solid 1px;	
}
.categoria2 {
	padding:7px 3px 7px 5px;
	width:112px;
	float:left;
	border-bottom:#E8E8E8 solid 1px;
	background-color:#CCCCCC;
	font-weight:600;
	font-size:12px;
}
.resultado {
	border:2px solid red;
	font-size:36px;
	margin:20px 20px 20px 20px;
	float:left;
	width:700px;
}
#articulo {
	float:right;
	width:608px;
	margin:6px;
	border:2px solid #387E00;
}
h3{
	font-size:20px;
	text-decoration:none;
	float:left;
	text-align:left;
	margin:4px;
	height:28px;
	padding:5px 0px 0px 7px;
	border-bottom:1px solid black;
	width:610px;
}
h1{
	font-size:20px;
	text-decoration:none;
	float:left;
	text-align:left;
	margin:4px;
	height:28px;
	padding:5px 0px 0px 7px;
	border-bottom:1px solid black;
	width:95%;
}

#articulo img{
	float:right;
	margin:3px;
	border:0px;
}
p{
	font-size:12px;
	margin:6px;
	text-align:left;
	float:left;
}
#pie {
	float:left;
	width:100%;
	border-top:1px solid black;
	height:25px;
	background-color:#D8D8D8;
	padding-top:5px;
	margin-top:20px;
	font-size:13px;
}
.contactenos {
	background-color:#999999;
	padding:7px;
	float:right;
	border-left:1px solid #CCCCCC;
}
.precioystock{
	margin-top:10px;
	margin-right:10px;
	float:right;
	width:250px;
	text-align:left;
	font-weight:bold;
}
.precioystock br{
	clear:both;
}
.precioystock .precio,.precioystock .stock {
	color:#FF0000; 
}
.precioystock .stock {
	color:#0000FF; 
}

#consultar {
	background-color:#A7E63E;
	float:left;
	color:white;
	font-weight:600;
	padding-top:6px;
	padding-bottom:6px;	
	height:32px;
}
.izq {
	float:left;
}
.der{
	float:right;
}
#login{
	margin:50px;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:158px;
	text-align:left;
	background-image:url(bglogin.jpg);
}
#login form{
	padding-top:30px;
	padding-left:24px;
}
#login label{
	color:#333333;
}
.error{
	border:1px solid red;
	width:300px;
	font-size:12px;
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
}
.detalles{
	text-align:left;
	font-size:12px;
	margin:10px;
}
.detalles ul,.detalles ol{
	margin:15px;
	margin-left:25px;	
}