*{margin:0;padding:0}
a img,iframe,form{border:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input,textarea,select,button{font-family:Arial;font-size:100%; outline: 0;}
select{margin:inherit}
table{border:0;border-collapse:collapse}
td,th,caption{font-size:100%;font-weight:normal;text-align:left}
li{list-style-position:outside;margin-left:16px}
a:focus{outline:none !important;border:none !important;}
a:hover{text-decoration:underline;}

body {font:11px Arial; color:#737373; background:#fff url(head.png) no-repeat scroll center top}
a{color:#BF2733;}
p{font-size:12px;text-align:justify;margin:5px 0;}
h1{color:#C3090A; font-size:17px; margin-bottom:10px;}
h4{font-size:11px;}
.sIFR-alternate{display:none !important;}
.hidden {display:none !important;}

#cont1{ position:absolute; top:0; left:50%; margin-left:-500px; width:1000px}
#cont2{ margin-top:132px; min-height:400px; } * html #cont2{height:400px;}

#head1{ position:absolute; height:132px; width:100%; left:0; top:0; }

#logo{ position:absolute; left:135px; top:1px; z-index:2; }
#logo a{ display:block; }
#logo img{ display:block; border:none; }

#search{ position:absolute; top:46px; left:697px; z-index:1; }
#search input{ border:none; background:none; padding:0; width:154px; }
#search button{ width:20px; height:16px; border:none; background:none; padding:0; margin:0; cursor:pointer}

/* nav1 */
#nav1{position:absolute;left:180px;top:30px;width:642px;height:94px;background:transparent url(navb.png) no-repeat scroll left top;z-index:0}
#nav1 li{display:block;height:94px;margin:0;padding:0;list-style-type:none;float:left}
#nav1 li a{display:block;height:94px;width:100%;background-image:url(transparent.gif)}
#nav1 li a span{display:none}
#nav1 li.leading a,#nav1 li a:hover{background-image:url(navb.png);background-repeat:no-repeat}

#nav1 li#nav1_plastic-pens{width:108px}
#nav1 li#nav1_metal-pens{width:102px}
#nav1 li#nav1_novelty-pens{width:116px}
#nav1 li#nav1_mix-n-match{width:129px}
#nav1 li#nav1_presentation{width:116px}
#nav1 li#nav1_refills{width:71px}

#nav1 li#nav1_plastic-pens a{background-position:0 -94px}
#nav1 li#nav1_metal-pens a{background-position:-108px -94px}
#nav1 li#nav1_novelty-pens a{background-position:-210px -94px}
#nav1 li#nav1_mix-n-match a{background-position:-326px -94px}
#nav1 li#nav1_presentation a{background-position:-455px -94px}
#nav1 li#nav1_refills a{background-position:-571px -94px}

/* nav2 */
#nav2{position:absolute;left:353px;top:2px;width:456px;height:26px;background:#fff url(nava.gif) no-repeat scroll left top}
#nav2 li{display:block;height:26px;margin:0;padding:0;list-style-type:none;float:left}
#nav2 li a{display:block;height:26px;width:100%;background-image:url(transparent.gif)}
#nav2 li a span{display:none}
#nav2 li.leading a,#nav2 li a:hover{background-image:url(nava.gif);background-repeat:no-repeat}

#nav2 li#nav2_home{width:69px}
#nav2 li#nav2_about{width:103px}
#nav2 li#nav2_how{width:168px}
#nav2 li#nav2_promoshop{width:116px}

#nav2 li#nav2_home a{background-position:0 -26px}
#nav2 li#nav2_about a{background-position:-69px -26px}
#nav2 li#nav2_how a{background-position:-172px -26px}
#nav2 li#nav2_promoshop a{background-position:-340px -26px}




/* foot */
#foot1{ width:100%; height:77px; clear:both; }

/*validación*/
.focus{ background:url(focus.png) no-repeat 490px 4px}
.focus input, .focus textarea, .focus select{border-color:#fff !important;background:#ffffc4 !important}
.valid{ background:url(valid.png) no-repeat 0px 4px}
.invalid, .blink{ background:url(invalid.png) no-repeat 0px 4px}

/* loading */
#loadingBox{position:absolute;background:#fff;text-align:center;z-index:100}
#modalBox{position:absolute;width:400px;height:80px;left:50%;top:50%;margin:-40px 0 0 -200px;border:1px solid #ccc;background-color:#f8f8f8;background-repeat:no-repeat;background-position:16px center;z-index:101}
#modalBox p{margin:30px 20px 0 60px;font:normal 18px Arial}
#modalBox.wait{background-image:url(/css/wait.gif);color:#7498da}
#modalBox.success{background-image:url(/css/success.gif);color:#00b300}
#modalBox.error{background-image:url(/css/error.gif);color:#f00}

#catalogue{height:113px; width:190px; background:transparent url(catalogue.gif) no-repeat scroll 0 0}
#catalogue div{margin:5px 0 0 0}
#catalogue{position:fixed;left:0;bottom:80px;overflow:hidden;z-index:100}
* html #catalogue {position:absolute;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) - 80 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight) - 80);}

#smartsexy{display:block;position:absolute;width:100%;height:90px;left:0;bottom:10px;background:transparent url(smart-sexy.gif) no-repeat scroll center top;z-index:101}

#body_art_bottom{display:block;position:fixed;width:100%;height:60px;left:0;bottom:0;overflow:hidden;background:transparent url(foot.gif) no-repeat center bottom;z-index:100}
* html #body_art_bottom {position: absolute;top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));}