.C { text-align:center; }
.L { text-align:left; }
.R { text-align:right; }
.J { text-align:justify; }
.b { font-weight:bold; }


html{height:100%;}
body{margin:0 auto;width:1001px;height:100%}
img{border:0;margin-right:6px;}

body {
  font:12px Verdana,Arial;
}

h1 { clear:left; margin:0; font-size: 22px;padding:22px 0px 22px 22px;background:url(h1-bg.png) no-repeat 0px 20px;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}
h2 { font-size: 18px;padding: 10px 0;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 11px 0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

p { text-align:justify; }

a { text-decoration:none; color:#0000EE; }
a:hover { color:#FDCA79; }

dl dt { font-weight:bold; margin-top:10px;}
dl dd { padding-top:5px; font-size:13px; }

.inputError { border:2px solid red; }

input, textarea, select { background:url(input_shadow_dark.png) no-repeat; border:1px solid gray;}



#divTablaRegistroCliente { width:80%; margin: 20px auto;}
#divTablaRegistroCliente table { width:100%;   padding: 0 .7em; font-size:12px; border:1px solid black; border-radius:8px; }
#divTablaRegistroCliente table thead tr td { background:#B81900; color:white; border-radius:8px; }
#divTablaRegistroCliente table thead tr th { background:#B81900; color:white;  }

#divTablaRegistroCliente table tbody tr:nth-child(odd){ background:#EEEEEE; }
#divTablaRegistroCliente table tbody tr:nth-child(even){ background:#FFFFFF; }

.tableBG { 
			background:url(table_bg.png);  
			border:2px solid black; 
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			border-radius:8px;
			margin:auto; 
			border-spacing: 0;
			}
.tableBG thead { background:#B81900; color:white; }
.tableBG thead tr th { border-bottom:1px solid black;}


/* ------------------------------------------------- ------------------------------------------------- */


/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article {  
    display: block;  
}  



#head {background:url(logo.png) no-repeat; height:100px; width:1001px;}
#logo { display:none; }

#quickLinks {
	float:right;
	height:64px;
	width:220px;
	border-right:1px dotted #333;
}
#quickLinks ul { list-style:none;margin:0px;padding:5px 0 0 0; }
#quickLinks li { float:left;display:block;padding:2px 8px 2px 2px;}
#quickLinks input[type="text"] { width:140px; margin-top:10px; }

.carritoVacio { background:url(carritoDivResumenVacio.png) no-repeat; }
.carritoLleno { background:url(carritoDivResumenLleno.png) no-repeat; }

#carritoDivResumen {
	float:right;
	margin-left:10px;
	padding:5px 0px 5px 64px;
	height:64px;
	font-size:14px;
	width:180px;
}
#carritoDivResumen a { font-size:12px; }

#nav {
		border-radius: 10px; 
		height:32px; margin-left:105px;background:#333 url(navigation_bg.png) repeat-x 0px -5px;width:896px;float:left;margin-top:2px; 
		padding-left:8px;
		}
#nav ul { list-style:none;margin:0px;padding:0px; }
#nav ul li { float:left;border-right:1px solid #999;}
#nav ul li:last-child { float:left;border-right:none;}

#nav ul li a { display:block;font-size:13px;color:#EEEEEE;text-decoration:none;padding:7px 5px 9px 5px;} /* background:#333;text-transform:uppercase; */
#nav ul li a:hover{background:#2780CC url(navigation_bgHover.png);color:#fff;}
#nav ul li.selected a { padding-bottom:4px; border-bottom:5px solid #FDCA79; }

.break {height:0;clear:both;overflow:hidden;}

.wrapper { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -190px; /* the bottom margin is the negative value of the footer's height */ 
}
#footer, #push { height: 190px; /* .push must be the same height as .footer */ }



#contentLeft {width:191px;float:left;}
div.blockDark { margin-top:2em; width: 191px; overflow:hidden; }
div.blockDark { padding-bottom: 5px; background: transparent url('blockDark_footer.jpg') no-repeat bottom left; }
div.blockDark h4 { 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	color: #FFFFFF; margin:0px; text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; height: 19px; background: transparent url('blockDark_header.gif') no-repeat top left; }
div.blockDark h4 a { color: #FFFFFF }
div.blockDark ul { list-style: none; margin:0px; padding:0px; }
div.blockDark li a { display: block; }
div.blockDark a:hover { text-decoration: underline }
div.blockDark .blockDark_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding: 10px 0.7em; background: #BDC2C9 url('blockDark_bg.jpg') repeat-x bottom left; min-height: 16px; }
div.blockDark li { padding: 0.2em 0 0.2em 0em; list-style: none; list-style-position: outside; }
div.blockDark a { color: #FFFFFF; text-decoration: none; }

div.blockDark div { min-height:16px; overflow:hidden; }
div.blockDark div div { float:right;visibility:hidden; }
div.blockDark div:hover div { visibility:visible; }

.treeSelectedFam li { margin-left:4px; }
div.block { margin-top:2em; width: 191px; overflow:hidden; }
div.block { padding-bottom: 5px; background: transparent url('block_footer.gif') no-repeat bottom left; }
div.block h4 { margin:0px; text-transform: uppercase; font-family: Helvetica, Sans-Serif; font-weight: bold; font-size: 1.2em; padding-left: 0.5em; border-bottom: 1px solid #595A5E; padding-top: 2px; line-height: 1.3em; color: #374853; height: 19px; background: transparent url('block_header.gif') no-repeat top left; }
div.block h4 a { color: #374853 }
div.block ul { list-style: none; margin:0px; padding:0px; }
div.block li a { display: block; }
div.block a:hover { text-decoration: underline }
div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding: 10px 0.7em; background: #f1f2f4 url('block_bg.jpg') repeat-x bottom left; min-height: 16px; }
div.block li { padding: 0.2em 0 0.2em 0em; list-style: none; list-style-position: outside; }
div.block a { color: #595a5e; text-decoration: none; }

div.block MARQUEE { margin-left:-4px; padding:0px; }

/* #contentCenter {width:798px;float:left;margin:0px; padding:10px 0 20px 10px;   font-size:14px; }*/

#contentCenter {float:left;margin:0px; padding:10px 0 20px 10px;   font-size:14px; }
._hideBoth {width:989px;}
._hideLeft {width:989px;}
._hideRight {width:798px;}

#family_tree a{ font-size:11px; color:#AAAAAA; margin:0px; padding:0px; }

#products .box-product { background:transparent url(products_bg.png) no-repeat; float: left; height: 220px; margin-bottom: 0; margin-left: 6px; margin-right: 6px; margin-top: 0; text-align: center; width: 187px; }
#products .box-image { display: table-cell; height: 150px; vertical-align: middle; width: 180px;}
#products .box-image img { line-height: 150px; margin-top: 15px; padding-left:15px;}

#products .product-price { background:url(product_price.png) no-repeat; color: #F66013; float: left; font-size: 20px; font-weight: 700; height: 26px; line-height: 26px;  margin-left: 15px; text-align: center; width: 106px; }
#products .products-description { font-size: 12px; font-weight: 500; margin-top: 0; text-align: center; width: 180px; }
#products .products-description a { color: #4E4E4E; }
#products .products-description a:hover { color: #4E4E4E; }

.productLeft { float:left; width:310px;background:transparent url(product_bg.png) no-repeat;padding:10px; overflow:hidden; }
.productPhoto { display: table-cell; height: 290px; vertical-align: middle; width: 310px;padding-bottom:20px;  }
.productRight { float:left; width:465px;}
.productRight ul { list-style: none; margin:0px; padding:0px;}
.productRight ul li {margin-bottom:5px;}

.productBuy { border:1px solid darkgray; }
.productBuy form { float:right; padding:25px 10px 0 0; }
.productPrice {  padding-top:20px; line-height:20px; text-align:center; width: 180px; color: #FF6000; font-size: 43px; font-weight: bold; font-family: Arial,Helvetica,sans-serif;}
.productPriceDecimals { font-size:24px;vertical-align:super; }
.productPrice small { color: #AAA; font-size: 10px; font-weight: bold; }


.product-box		{ height:80px;clear:left; margin-bottom:20px; font-size:11px; }
.product-box	h3 	{ margin:0px; padding:0px; font-size:14px; }
.product-img		{ float:left; width:80px; line-height:80px; text-align:center; }
.product-info		{ float:left; width:592px; padding-left:5px; height:80px; }
.product-price	{ float:left; width:120px; height:80px;  font-size:14px; text-align:center; color:blue; }
.product-price img	{ padding-top:6px; }
.product-price span	{ font-size:8px; }


/*ranking productos*/

.rank5 ul { 	list-style: none; 	margin: 3px; 	padding: 0px; 	width: 75px; 	height: 15px; 	position: relative; 	background: url(rank.png) top left repeat-x; 	margin-left:0px; }
.rank5 li { 	padding: 0px; 	margin: 0px; 	float: left; }
.rank5 li.current-rating { 	background: url(rank.png) left bottom; 	position: absolute; 	height: 15px; 	display: block; 	text-indent: -9000px; 	z-index: 1; }
.rank5 li.current-rating-hover { 	position: absolute; 	height: 15px; 	display: block; 	text-indent: -9000px; 	z-index: 1; }
.rank5 li a { 	display: block; 	width: 15px; 	height: 15px; 	text-decoration: none; 	text-indent: -9000px; 	z-index: 20; 	position: absolute; 	padding: 0px; 	background-image: none; }
.rank5 li a:hover { 	background: url(rank.png) left bottom; 	z-index: 1; 	left: 0px; }
.rank5 a.star-1 {left: 0px;}
.rank5 a.star-1:hover {width: 15px;}
.rank5 a.star-2 {left: 15px;}
.rank5 a.star-2:hover {width: 30px;}
.rank5 a.star-3 {left: 30px;}
.rank5 a.star-3:hover {width: 45px;}
.rank5 a.star-4 {left: 45px;}
.rank5 a.star-4:hover {width: 60px;}
.rank5 a.star-5 {left: 60px;}
.rank5 a.star-5:hover {width: 75px;}


.rank10 ul { 	list-style: none; 	margin: 3px; 	padding: 0px; 	width: 150px; 	height: 15px; 	position: relative; 	background: url(rank.png) top left repeat-x; 	margin-left:0px; }
.rank10 li { 	padding: 0px; 	margin: 0px; 	float: left; }
.rank10 li.current-rating { 	background: url(rank.png) left bottom; 	position: absolute; 	height: 15px; 	display: block; 	text-indent: -9000px; 	z-index: 1; 	width: 150px; }
.rank10 li.current-rating-hover { 	position: absolute; 	height: 15px; 	display: block; 	text-indent: -9000px; 	z-index: 1; }
.rank10 li a { 	display: block; 	width: 15px; 	height: 15px; 	text-decoration: none; 	text-indent: -9000px; 	z-index: 20; 	position: absolute; 	padding: 0px; 	background-image: none; }
.rank10 li a:hover { 	background: url(rank.png) left bottom; 	z-index: 1; 	left: 0px; }
.rank10 a.star-1 {left: 0px;}
.rank10 a.star-1:hover {width: 15px;}
.rank10 a.star-2 {left: 15px;}
.rank10 a.star-2:hover {width: 30px;}
.rank10 a.star-3 {left: 30px;}
.rank10 a.star-3:hover {width: 45px;}
.rank10 a.star-4 {left: 45px;}
.rank10 a.star-4:hover {width: 60px;}
.rank10 a.star-5 {left: 60px;}
.rank10 a.star-5:hover {width: 75px;}
.rank10 a.star-6 {left: 75px;}
.rank10 a.star-6:hover {width: 90px;}
.rank10 a.star-7 {left: 90px;}
.rank10 a.star-7:hover {width: 105px;}
.rank10 a.star-8 {left: 105px;}
.rank10 a.star-8:hover {width: 120px;}
.rank10 a.star-9 {left: 120px;}
.rank10 a.star-9:hover {width: 135px;}
.rank10 a.star-10 {left: 135px;}
.rank10 a.star-10:hover {width: 150px;}



#footer { 
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
			
			width: 1001px; 
			background: #222 url(footer_bg.png) 0px -50px repeat-x; 
			display: table; 
			color: #777; 
	}

#footer .section { float:left; display; table-cell; width: 220px; padding: 9px 0 9px 18px; }
#footer h3 { color: #FFF;padding:0; }
#footer a { color: #999; }
#footer a:hover { color: #FFF; text-decoration: none; }
#footer ul { padding:0px;margin:0 0 0 40px;list-style: square; color: #565656; }
#footer ul li a { display: block; }

address { display: inline; }



/* ------------------------------------------------- */

/* CSS for the box starts here */
.box 		{ padding:0 12px 0 0; background:#fff url(box-borders.gif) 100% 0 repeat-y; }
.bi 		{ padding:0 0 0 12px; background:#fff url(box-borders.gif) 0 0 repeat-y; }
.bt 		{ height:17px; margin:0 -12px; background:url(box.gif) 100% 0 no-repeat; }
.bt div 	{ width:18px; height:17px; background:url(box.gif) 0 0 no-repeat; }
.bb 		{ height:17px; margin:0 -12px; background:url(box.gif) 100% 100% no-repeat; }
.bb div 	{ width:18px; height:17px; background:url(box.gif) 0 100% no-repeat; }
/*
.box h1 	{ margin:0; padding:0.3em 10px; background:#efece6; font:bold 1.2em/1 Arial, Helvetica, sans-serif; }
.box p	{ margin:0; padding:4px 10px; background:white; }
*/

.box img { float:right; }
	
	
/* ------------------------------------------------- */

.comment-form { background:url(comment-form.png) top right no-repeat; background-size:35%; }
.comment-form table th{ text-align:right; }

.comment  { background:white;padding:4px 10px; }
.comment-author { }
.comment-opinion { }
.comment-opinion a { color:#398625; border-bottom:1px dotted #398625; }
.comment-pros { padding:0 0 10px 26px; background:url(comment-positive.png) no-repeat; }
.comment-contras { padding:0 0 10px 26px; background:url(comment-negative.png) no-repeat; }
	
/* ------------------------------------------------- */

.cart-table { width:90%;margin:10px auto; border:1px solid black; border-collapse:collapse;}
.cart-table input { width:45px; }
.cart-table img { margin:0px; }

.cart-table thead th { 
		padding:4px;  
		background:black url(navigation_bg.png) 0 -7px repeat-x; 
		border-bottom:1px solid black;
		color:white; 
	}
	
.cart-table tbody td { padding:1px; border:1px dotted gray; }
.cart-table tfoot td,.cart-table tfoot th { border:1px dotted gray; padding:4px 1px 4px 1px;  background:url(navigation_bgHover.png) 0 -5px repeat-x; color:white;}


#cart-nav { text-align:center;margin-top:30px; }
#cart-nav table { text-align:center;width:100%;margin:auto; }
#cart-nav a { color:black; font-size:12px;  }


.navigation {text-align:center; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background:#f9f9f9; margin:0px auto; padding: 20px 0px;}

.navigation ol {overflow: hidden;  list-style-type: none; display:inline; }
.navigation ol li { font-size: 12px; display:inline;}
.navigation ol li .current {font-weight: bold; color:#fff;
	background-color: #BDC2C9; background: -moz-linear-gradient(100% 100% 90deg, #666, #BDC2C9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDC2C9), to(#666));
	border: 1px solid #FFCC5F;
}


.navigation-paginate a {line-height: 30px; margin: 5px 5px 0 0; padding: 5px 15px; color: white;  text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.navigation-paginate a {text-shadow: 1px 1px 1px #000; background-color: #666; background: -moz-linear-gradient(100% 100% 90deg, #333, #888); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#333)); border: 1px solid #222;}
.navigation-paginate a:hover {color:#fff !important; text-decoration: none !important;}



/* NOTICIAS */
#news { float:left; width:635px; }

.new { clear:left; 
	width:635px;
	padding-top:32px; margin:0px auto; height:100px; }

.newTopLeft		{clear:left; background:url(newTopLeft.png) no-repeat; float:left;width:12px; height:12px;}
.newTopMiddle	{background:url(newTopMiddle.png) repeat-x; float:left;height:12px;width:611px;}
.newTopRight	{background:url(newTopRight.png) no-repeat; float:left;width:12px; height:12px;}

.newBottomLeft	{clear:left; background:url(newBottomLeft.png) no-repeat;float:left;width:12px; height:12px;}
.newBottomMiddle{background:url(newBottomMiddle.png) repeat-x;float:left;height:12px;width:611px;}
.newBottomRight	{background:url(newTopRight1.png) no-repeat;float:left;width:12px; height:12px;}


.newRight 		{clear:left; background:url(newRight1.png) repeat-y right; }
.newMiddle		{background:url(newMiddle.png) bottom repeat-x; border-left:1px solid #f8f8f8; width:611px; padding:10px; overflow:hidden; }

.newTitle 		{font-size:14px;font-weight:bold; }
.newDate 		{text-align:left;font-size:10px;color:gray;padding-bottom:5px;}
.newShort 		{clear:both; }
.newFull 		{ }


/*.new:hover .new-actions, .comment.highlighted .new-actions {display:block;}*/

.new-actions div { 
	padding-top:-10px;
	text-align:right;
	width:100%;
	position:relative;
	right:2px;
}

/* FIN NOTICIAS */



.reviews ul { list-style-image: url('review-li.png');  }
.reviews ul li a{ color:#398625;  }


#destacado {
	background: url("destacadoFondo.jpg") no-repeat scroll bottom right transparent;
	border: 1px solid #D1D1D1;
	height: 168px;
	margin-top: 15px;
	margin-bottom: 20px;
	width: 796px;
	
	font: 12px Arial, Verdana;
}
#destacado a { color:black; }

.destacadoFoto {
	float: left;
	height: 168px;
	text-align: center;
	padding-top:20px;
	width: 140px;
}
.destacadoInfo {
	float: left;
	height: 168px;
	text-align: left;
	width: 656px;
}

.destacadoTitulo-sombra {
	color: #333333;
	font-size: 26px;
	font-weight: 700;
	height: 30px;
	margin-top: 5px;
	position: relative;
	
	width: 656px; overflow:hidden;
}

.destacadoTitulo {
	color: #F66013;
	left: -1px;
	position: absolute;
	top: -1px;
	
	width: 656px; overflow:hidden;
}

.destacadoSubtitulo {
	color: #4E4E4E;
	font-size: 18px;
	height: 20px;
	margin-left: 40px;
	margin-top: 5px;
}

.destacadoDescripcion {
	color: #4E4E4E;
	font-size: 12px;
	height: 50px;
	margin-left: 40px;
	margin-top: 5px;
}

.destacadoPrecio {
	color: #F66013;
	font-size: 52px;
	font-weight: 700;
	height: 40px;
	margin-right: 5px;
	text-align: right;
}



.autoHide { position:relative;min-height:16px; overflow:hidden;}
.autoHide div { position:absolute;top:0;right:0;visibility:hidden; }
.autoHide:hover div { visibility:visible; }
   
.pPt { float:left;width:80px;height:80px;margin-right:4px; }   
.pPt div { background:white;padding:4px;border:1px solid red;  }   
.productPhoto div { background:white;padding:4px;border:1px solid red;  }   

br {   clear:both; }   
div.upload {
   border:none;
   position: relative;
   left:0px;
   width: 80px;
   height: 24px;
   overflow:hidden;
   background:url(btn_upload.png) left top no-repeat;
   clip:rect(0px, 80px, 24px, 0px );
}  

div.upload input {
   position: absolute;
   left: auto;
   right: 0px;
   top: 0px;
   margin:0;
   padding:0;
   filter: Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
}   


/* Grey Suits you Sir. written by Stuart Colville http://www.muffinresearch.co.uk */
.greySuits_table{width:100%}.greySuits_table tbody tr {background:#FFF;}.greySuits_table,.greySuits_table tr td{border:1px solid #CCC;border-collapse:collapse;font:small/1.5 "Tahoma","Bitstream Vera Sans",Verdana,Helvetica,sans-serif}.greySuits_table{border:0;border:1px solid #CCC}.greySuits_table thead th,.greySuits_table tbody tr th{background:#FFF url(th_bck.gif) repeat-x;color:#666;padding:5px 10px;border-left:1px solid #CCC}.greySuits_table tbody tr th{background:#fafafb;border-top:1px solid #CCC;text-align:left;font-weight:normal}.greySuits_table tbody tr td{padding:5px 10px;color:#666}.greySuits_table tbody tr:hover{background:#FFF url(tr_bck.gif) repeat}.greySuits_table tbody tr:hover td{color:#454545}.greySuits_table tfoot td,.greySuits_table tfoot th{border-left:none;border-top:1px solid #CCC;padding:4px;background:#FFF url(foot_bck.gif) repeat;color:#666}.greySuits_table caption{text-align:left;font-size:120%;padding:10px 0;color:#666}.greySuits_table a:link{color:#666}.greySuits_table a:visited{color:#666}.greySuits_table a:hover{color:#036;text-decoration:none}.greySuits_table a:active{color:#036}



/* adm */
fieldset {background:#F1F1F1;margin-top:1em;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;padding:5px;border:             #aaa solid 1px;padding:            1.5em;text-shadow:0 1px 0 #fff;-moz-box-shadow: 1px 1px 2px #fff inset;-webkit-box-shadow: 1px 1px 2px #fff inset;box-shadow: 1px 1px 2px #fff inset;}
fieldset fieldset {margin:             0.8em;background:#fff;border:1px solid #aaa;background:none repeat scroll 0 0 #E8E8E8;}
fieldset legend {font-weight:        bold;color:              #444;padding:5px 10px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #aaa;background:#CDCDCD;-moz-box-shadow:3px 3px 15px #bbb;-webkit-box-shadow:3px 3px 15px #bbb;box-shadow:3px 3px 15px #bbb;}
fieldset.tblFooters {margin-top:         0;margin-bottom:      0.5em;/* avoid a thick line since this should be used under another fieldset */border-top:         0;text-align:         right;float:              none;clear:              both;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius: 0 0 4px 5px;}
.tblFooters {padding:10px;font-weight:        normal;color:              #000000;background:         #D3DCE3;}

fieldset table tbody tr th { text-align:left; }