@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	}
	/* remember to define focus styles! */
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
      /* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
body  {
	text-align:center;
	font:12px  sans-serif, "Lucida Sans Unicode", "Lucida Grande", Arial;
	color:#0096ff;
	height: 100%; 
	background: url(../images/background.png) repeat-x top;
	}
/* estos espara cambiar el color cuando ingreso texto en un form */
input:hover {
}
h1 {
	font-size:18px;
	padding-bottom:16px;
	background:url(../images/h1.gif) bottom repeat-x;
	padding:0 0 0 0;
	margin-bottom:12px;
	color:#2d2d2d;
	font-weight:lighter;
	}
h2 {
	font-size:14px;
	letter-spacing:0px;
	color:#3f3f3f;
	font-weight:100;
	}
h3 {
	font-size:18px;
	padding-bottom:16px;
	background:url(../images/h1.gif) bottom repeat-x;
	padding:0 0 0 0;
	margin-bottom:12px;
	color: #333;
	font-weight:lighter;
	}
h4 {
	background:#f99e00 url(../images/sup.gif) left no-repeat;
	background-position: 1% 50%;
	padding:10px 0 10px 30px;
	color:#FFF;
	font-size:16px;
	font-weight:lighter;
	}
p	{
	}
small	{
	text-align:left;
	font-size:10px;
	font-style:italic;
	padding:4px 0 4px 0;
	margin:0px;
	letter-spacing:0px;
	}
strong, bold{font-weight:bold;}
a, a:link, a:visited, a:active, a:active {
	color: #000;
	text-decoration:none;
	}
a:hover {
	text-decoration: underline;
	color: #000;
	}	
.conte_sitio {
	position:relative;
	width:1000px;
	height:auto;
	margin:0 auto;
	text-align:left;
	border:0;
	}
.cabezote {
	clear:both; 
	background:url(../images/bak_sup.png) bottom  no-repeat; 
	height:118px;}
.logo {float:left;}
.banner{
	clear:both;
	border:#fd4d00 solid 1px;
	background-color:#fb9f00;
	padding-bottom:5px;
	}
.carou{
	clear:both;
	background-color:#fd4d00;
	padding:5px;
	}
.caroce{
	float:left;
	border:#FFF solid 1px;
	width:921px;
	margin:0 2px 0 4px;
	overflow:hidden;
	}
.carocente{
	float:left;
	border-right:#FFF solid 1px;
	}
.contenido {
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	padding:9px 9px 20px 9px;
	width:auto;
	}
.footer {
	border-top:1px solid #c0c0c0;
	background:url(../images/sepa.gif) top right no-repeat;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	padding:50px 9px 9px 9px;
	text-align:center;
	width:auto;
	color:#a6a6a6;
	position:relative;
	}
.footer a:link, .footer a:visited, .footer a:active{
	color:#a6a6a6;
	}
.footer a:hover {
	color: #666;
	}
.ctr {
	float:left;
	text-align:center;
	width:50%;}
.contenido_gen {
	clear:both;
	background: url(../images/bc_contenido.gif) repeat-y;
	margin: 9px 0 0 0;
	}
.contenido_gen2 {
	clear:both;
	background: url(../images/bc_contenido2.gif) repeat-y;
	margin: 9px 0 0 0;
	}
.dela{
	padding:9px 0;
	clear:both;
	}
.dela2{
	overflow:auto;
	height:400px;
	margin:10px 0;
	padding:10px;
	color:#666;
	}
.dela2 p{
	color:#666;
	}
.dela2 img{
	float:left; padding:10px 10px 10px 0;
	}
.gen{
	padding:9px 0;
	clear:both;
	}
.gen1 {
	background:#e8f6ff;
	padding:9px;
	clear:both;
	margin:9px 0;
	}
.gen2{
	padding:9px;
	clear:both;
	text-align:center;
	margin:9px 0;
	}
.gen3 {
	background:#e8f6ff;
	padding:9px 0;
	clear:both;
	margin:9px 0;
	}
.imacon {
	float:left;
	width:29%;
	padding:12px;
	}
.imacon2 {
	float:left;
	width:23%;
	padding:5px;
	}
.imacon3 {
	float:left;
	width:31%;
	padding:6px;
	}
.centiz {
	float:left;
	width:411px;
	margin:0 20px 0 0;
	}
.centiz2 {
	float:left;
	width:348px;
	}
.ima {
	float:left;
	clear:both;
	margin-bottom:6px;
	padding:3px;
	border: #fbb600 solid 1px;
	background: #fbcf00;
	}
.izlata {
	float:left;
	width:195px;
	padding:3px 10px;

	}
.imax2 {
	float:left;
	clear:both;
	margin-bottom:6px;
	padding:3px;
	border: #ccc solid 1px;
	border-bottom: #ccc solid 18px;
	}
.drela {
	clear:both;
	}
	.drela a:link, .drela a:visited, .drela a:active{
	background: url(../images/sig.gif) no-repeat left;
	padding: 0 0 0 12px;
	}
.ciz {
	float:left;
	width:183px;
	color:#5f5f5f;
	}
.ciz p {
	color:#5f5f5f;
	}
.ccen {
	float:left;
	margin:0 18px;
	width:577px;
	}
.ccen2 {
	float:left;
	width:779px;
	padding:0 0 0 18px;
	}
.cdr {
	float:left;
	width:184px;
	}
td, th {
	border-bottom:1px solid #CCC;
	padding:5px;
	}
.nav {
	float:right;
	height:50px;
	padding:17px 0 0 0;
	width:630px;
	}
.nav1 {
	clear:both;
	float:right;
	background: url(../images/bc_tic.png) no-repeat;
	height:45px;
	width:564px;
	padding:0 13px;
	color:#322600;
	}
	.nav1a {
	float:left;
	width:300px;
	padding:13px 0;
	}
	.nav1b {
	float:right;
	padding:0 40px 0 0;
	}
	.nav1c {
	float:right;
	width:140px;
	text-align:right;
	padding:6px 0 0 0;
	}
.menu {background-color:#f59016;}
.menu ul, .menu li { list-style:none; display:block;}
.menu li { 
	
	color:#FFF; 
	font-size:14px;
	
	}
.menu li a:link, .menu li a:visited, .menu li a:active { 
	color:#FFF;
	background:url(../images/bcmenu.png) no-repeat; 
	height:16px; 
	display:block;
	font-size:14px;
	padding:4px 4px 4px 20px;
	}
.menu li a:hover { 
	color:#FFF;
	text-decoration:none;
	background:url(../images/bcmenu2.png) no-repeat; 
	}
	
	
.menu2 {background-color:#f59016;}
.menu2 ul, .menu2 li { list-style:none; display:block;}
.menu2 span {
	display:none;
	}
	
.menu2 li, .menu2 a{
	display:block;
	height:28px;
	
	}
.menu3 {background: url(../images/m_all_products.jpg) no-repeat;}
.menu3:hover {background: url(../images/m_all_products2.jpg) no-repeat; }
.menu4 {background: url(../images/m_featured_products.jpg) no-repeat;}
.menu4:hover {background: url(../images/m_featured_products2.jpg) no-repeat; }
.menu5 {background: url(../images/m_top_selling.jpg) no-repeat;}
.menu5:hover {background: url(../images/m_top_selling.jpg) no-repeat; }
.menu6 {background: url(../images/m_read_our_blog.jpg) no-repeat;}
.menu6:hover {background: url(../images/m_read_our_blog2.jpg) no-repeat; }
.menu7 {background: url(../images/m_contact.jpg) no-repeat;}
.menu7:hover {background: url(../images/m_contact2.jpg) no-repeat; }
.ant {float:left; height:95px; padding:70px 0 0 0;}
.des {float:right; height:95px; padding:70px 0 0 0;}
.fli {float:left;}
.fldr {float:right;}
.flica {
	float:left;
	padding-top:12px;
	}
.fldrca { width:182px; text-align:right; float:right; padding-top:12px;}
.fldrbus {
	float:right;
	width:250px;
	}
.nav1 a:link, .nav1 a:active, .nav1 a:visited {
	color:#322600;
	text-decoration:none;
	}
.nav1 a:hover{
	color:#322600;
	text-decoration:underline;
	}
.nav2 {
	clear:both;
	float:right;
	width:513px;
	color:#707070;
	padding:10px 0 0 130px;
	}
.nav2 p {
	color:#707070;
	margin-top:20px;
	}
.nav2 a:link, .nav2 a:active, .nav2 a:visited {
	color:#707070;
	padding-left:10PX;
	text-decoration:none;
	}
.nav2 a:hover{
	color:#707070;
	text-decoration:underline;
	}
	
	
	
input.text
{
	background:#fff url(../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color: #666;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

textarea.textarea
{
	background:#fff url(../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.currency
{
	text-align:right;
}
.button{
	background:#CCC url(../images/bc_btn.gif) repeat-x;
	height:20px;
	margin:0;
	border:#666 solid 1px;
	color:#333;
}
.button:hover {
	background:#CCC url(../images/bc_btn2.gif) repeat-x;
	color: #000;
}
input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}
.cl {clear:both;}
.topa {
	position:absolute;
	top:8px;
	left: 858px;
}
.guide {
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	background: url(../images/home.gif) left no-repeat;
	font-size:10px;
	color:#868686;
}
.guide a:link, .guide a:active, .guide a:visited {
	color:#868686;
	font-size:10px;
	}
