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

* { padding: 0px; margin: 0px; }
body { margin: 0px; padding: 0px; text-align: center; background: #5B5B5B; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }
h1 { font-size: 18px; color: #333333; padding: 0px; margin: 0px; }
ol { margin-left: 10px; padding-left: 10px; }
img { border: none; } 
p { margin: 5px 0px; }
label { clear: both; display: block; padding: 5px; margin: 3px 0px; bor ; background-color: #CCCCCC; }

#page { margin: 0 auto; width: 980px; text-align: left; background: url(img/blanco_page_bg.jpg); }
#header { width: 972px; height: 116px; margin-left: 4px; } 
#logo { width: 350px; height: 76px; float: left; margin: 20px 20px; }
#nav {
	float: right;
	width: 500px;
	margin: 50px 40px;
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
#nav a { color: #666666; text-decoration: none; padding: 7px; }
#nav a:hover { color: #4a4949; }
#content { width: 940px; background: url(img/blanco_content_bg.jpg); padding: 20px; }
#left { width: 202px; float: left; }
#middle { width: 476px; float: left; margin: 0px 30px; }
#right { width: 202px; float: left; }
#copyright { border-top: 1px solid #cccccc; padding: 10px 0px; margin: 10px 0px; width: 500px; clear: both; float: left; font-size: 11px; }
#footer { width: 980px; background: url(img/blanco_footer_bg.png); height: 9px; margin-bottom: 20px; clear: both; }

.box1 { background: url(img/blanco_box1_bg.png); padding: 10px; width: 182px; }
.box1_top { background: url(img/blanco_box1_top.png); font-size: 18px; height: 30px; text-align: center; color: #FFFFFF; padding: 8px 5px 0px 5px; margin: 0px; width: 192px; }
.box1_bottom { background: url(img/blanco_box1_bottom.png); height: 19px; margin: 0px 0px 10px 0px; width: 202px; }

.box1 a { color: #666666; text-decoration: none; }
.box1 a:hover { text-decoration: underline; }


.box2 { background: #f0f0f0; padding: 0px 10px; width: 456px; }
.box2_top { background: url(img/blanco_box2_top.png); width: 476px; height: 15px; }
.box2_bottom { background: url(img/blanco_box2_bottom.png); height: 16px; width: 476px; }

.search_box { border: 1px solid #FF9900; width: 300px; height: 19px; float: left; }
.search_button { background: url(img/button.png); width: 81px; height: 21px; margin: 0px 5px; border: none; color: #FFFFFF; padding: 0px; float: left; }
.search_text { float: left; clear: both; width: 450px; color: #666666; font-size: 11px; }

.shopper { float: left; margin: 10px; width: 130px; }
.shopper h1 { font-size: 10px; padding: 0px; margin: 0px; }
.producto { margin: 10px; border-bottom: 1px solid #FFF; padding-bottom: 10px; font-size: 12px; }
.producto .img { float: left; width: 150px; margin-right: 10px; }
.producto h2 { font-size: 14px; }

.field { margin: 5px; padding: 5px; border: 1px solid #999999; }
.warning { color: #FF0000; font-size: 14px; padding: 10px; background-color: #FFCC00; margin: 10px 0px; }

/* fixes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
