/* CSS Document */
body{padding:0; margin:0; background:url(../images/default_01.gif) repeat-x top #616161; color:#A5A5A4;}
div, ul, h1, h2, h3, h4, p, img, form{	padding:0; margin:0;}
ul{list-style-type:none;}
.blank{font-size:0px; clear:both; line-height:0px;}
input { font:11px Arial; background:#ccc; border:solid #CCCCCC 1px;}
comment {font:11px Arial; background:#ccc; border:solid #CCCCCC 1px;}
textarea{ width:225px; font:11px Arial; background:#ccc; border:solid #CCCCCC 1px;}
.submit {height:26px; cursor:pointer; color:#FFFFFF; font-weight:bold; padding:2px 15px 2px 15px; background: url(../images/bg_btn.jpg) #990000; border-bottom: solid #000000; border-right: solid #000000; border-left:none; border-top:none}

/*----------------------------------CLASSES----------------*/
.tit1{	/*font: 11px, Tahoma, Arial;*/ color:#999;	font-weight:bold; font-size: 11px; text-transform: uppercase;}
.tit2{	/*font: 11px, Tahoma, Arial;*/ color:#777; text-decoration:line-through; font-weight:bold;}
.tit3{	/*font: 14px, Tahoma, Arial;*/ color:#00c3fb; font-weight:bold;}
img.left {float:left;	margin: 8px 20px 0px 0px; border: 2px solid #434343;}
img.right {float:right; margin: 0px 0px 8px 20px; border: 2px solid #434343;}

/*--------------------------------header pan---------------------------*/
#headerPan{	width:898px; height:200px; background:#191919 url(../images/bg_top.gif) no-repeat top; margin:0 auto 0 auto; }
#topmenu { height:auto; }
#headerPan ul{	width:auto; height:46px; margin:0 0 0 10px; display:block; }
#headerPan ul li{ height:46px; display:block; float:left;  margin:0; padding:0;}
#headerPan ul li a{height:21px;	font:11px Tahoma, Arial; text-transform:uppercase; font-weight:bold; padding:0 14px 0 14px; color:#EAEAEA; text-decoration:none; margin:0; }
#headerPan ul li a:hover{color:#EAEAEA; background-color:#0867C3;}
#headerPan h1{width:auto; height:159px;margin:0; display:block;}

/*----------------------------------MAIN----------------*/
#mainBody{	width:898px; background:#191919; margin:0 auto 0 auto;}

/*-------------left side------*/
#leftPan{width:226px; color:#B6B6B5; background:url(../images/left_side_up.gif) no-repeat 0 0 #171717; margin:0; float:left;}
#leftPan_z1{background: url(../images/bg_lateral.gif) repeat-y; display:block;}
#leftPan h2{width:226px; height:56px; display:block; margin:0;}
#leftPan ul{width:185px; display:block; margin:0 0 0 20px; font-size:0;}
#leftPan ul li{ padding: 0 0 0 0px; border-bottom:1px dashed #666666; display:block; }
#leftPan ul li a{
	width:160px;
	height:100%;
	background: url(../images/v1.gif) no-repeat 0 50%; /*font:11px, Tahoma, Arial;*/
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:28px;
	text-decoration:none;
	padding: 0 0 0 23px;
	display:block;
}
#leftPan ul li a:hover{background: url(../images/v2.gif) no-repeat 0 50% #7a1313; color:#ffffff;}
#leftPan h3{width:226px; height:23px; background:url(../images/bg_lateral2.gif) no-repeat top; display:block; margin:0;}

/*-------------------------------right-------*/
#rightPan{width:672px; height:auto; float:right; /*font: 11px, Tahoma, Arial;*/ color:#999;}
#rightPan h2{width:100%; height:100px;  display:block;}
#rightPan h2.press{width:672px; height:199px; display:block; padding-top:15px}
#rightPan h2.about{	width:672px; height:55px;  margin:0; padding:0;display:block;}
#rightPan p a:hover{ text-decoration:underline;}
#r_z1 { width: 50%; height:200px; background:url(../images/base001.gif) no-repeat #191919; float:left;}
#r_z2 { width: 280px; height:120px; margin:30px 10px 30px 15px;}
#r_z3 { width: 130px; height:100%; margin-right:5px; float:left;}
#r_z4 { width: 145px; height:100%; float:left;}
#r_z5{ width:640px; margin:10px; padding-bottom:20px; display:block;  }
#r_z5 ul{width:400px; margin:10px 0 0 0;}
#r_z5 ul li{font:11px/20px Arial, Helvetica, sans-serif; border-bottom:1px solid #333; display:block; padding-left:20px; background: url(../images/v3.gif) no-repeat 0 4px;}
#r_z6 { width:640px; font:14px/24px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#999; border-bottom:#7a1313 solid 2px; margin:10px; display:block;}
#r_z7{ width:200px; float:right;}
#r_z8{ width:410px; float:left;}

/*---CATALOGO PANEL---*/
#r_catalogo_z1{width:160px; height:200px; background:url(../images/base002.gif) no-repeat; float:left; margin:2px; text-align:center;}
#r_catalogo_z2{ width:110px; height:110px; margin:30px auto 0;}
#r_catalogo_z3{ width:140px; /*font-weight:bold;*/ margin:10px auto 0; }
#r_catalogo_z3 a{ /*font: 11px, Tahoma, Arial;*/ color:#00c3fb; font-weight:bold; text-decoration:none; padding:2px 4px 2px 4px; margin-top:3px;line-height:14px; }
#r_catalogo_z3 a:hover{color:#FFFFFF; background:#00c3fb;}
#r_pag{width: 640px; height:20px; text-align:right; margin:5px 0 5px 10px; float:left;}
#r_pag a {color:#FFFFFF; padding:2px 5px 2px 5px; background:#444444; text-decoration:none; font-weight:bold;}
#r_pag a:hover {color:#FFFFFF; padding:2px 5px 2px 5px; background:#7a1313; text-decoration:none; font-weight:bold;}

/*---PRODUCTO PANEL---*/
#product { width: 640px; margin:0 auto}
/*#p_z1{ width: 620px; height:20px; margin:10px auto; }*/
#p_z2{ width: 630px; height:20px; background: url(../images/product_01.gif) no-repeat; margin:0 auto;}
#p_z3{ width: 630px; height:330px; background: url(../images/bg_product.gif) repeat-y; margin:0 auto 0 auto; }
#p_z4{ width: 630px; height:20px; background: url(../images/product_03.gif) no-repeat; margin:0 auto; }
#p_z5{ width: 240px; margin:0 20px 0 15px; float:left;}
#p_z6{ width: 340px; height:auto; float: left; }

/*-------------------------------footer---------*/
#footerMain{ width:100%;}	
#footer{width:898px; height:80px; background:url(../images/cards.gif) no-repeat center top #191919;  margin:0 auto 0 auto; padding:15px 0 0 0;}
#marcas{width:898px; height:85px; background: url(../images/marcas2.gif) no-repeat center top;  margin:0 auto 0 auto; padding:15px 0 0 0;	}
#footer ul{	/*width:500px;*/ display:block; margin:0px 0 0 300px; padding:0; font-size:0; height:20px; }
#footer ul li{color:#9B9B9B; font:11px/14px Tahoma, Arial; float:left; padding:0; margin:0;}
#footer ul li a{color:#9B9B9B; font:11px/18px Tahoma, Arial; text-decoration:none; padding:0 6px 0 6px;}
#footer ul li a:hover{ color:#FFFFFF; background-color:#7a1313; /*text-decoration:underline;*/}
#footer p{/*width:324px;*/ display:block; font:11px/14px Tahoma, Arial; color:#9B9B9B; margin:0px 0 0 310px; padding:0 0 4px 0;}
#footer p a{color:#9B9B9B; font:11px/18px Tahoma, Arial; text-decoration:none; padding:0 6px 0 6px;}
#footer p a:hover{ color:#FFFFFF; background-color:#7a1313; /*text-decoration:underline;*/}