@charset "utf-8";
/* CSS Document */
html, body {
	font-family: Verdana, Tahoma;
	font-size: 12px;
	background-color: #FDE8C9;
	background-image:url(img/bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-attachment:fixed;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	margin-top:10px;
	margin: 0px;
	padding: 0px;
}
h3{
font-size: 14px;
text-align:center;
margin:0px;
}
h2{
font-size: 17px;
text-align:center;
margin:0px;
}
h1{
font-size: 20px;
text-align:center;
margin:0px;
padding-bottom:15px;
color:#F5930C;
text-decoration:blink;
}
p{
font-size: 16px;
margin:0px;
text-align:center;
font-weight:bold;
}

a{color:#6062A4; text-decoration:none;}
a:hover{text-decoration:underline;}

a.estilo2:link { color:#000000; text-decoration:none;}
a.estilo2:visited { color:#000000;}
a.estilo2:hover { color:#000000; text-decoration:underline;}
a.estilo2:active { color:#000000; }

.texto_peque{
 font-size:9px;
}

#box {
background: #FFF;
width:910px;
margin-top:10px;
border-width: 3px;
border-color:#F5930C;
border-style:solid;
}
#pie{
position:absolute; bottom:10px; 
}
#cabecera{
background-image:url(img/cab2.gif);
background-repeat:no-repeat;
height: 115px;
width:inherit;

}
#menu{
margin-left:5px;
margin-top:10px;
margin-right:5px;
width:190px;
}
#contenido{
margin-top:10px;
margin-right:5px;
margin-left:5px;
width:inherit;
}
#franja_cab{
background:url(img/deg_35x10.jpg);
background-repeat:repeat-x;
background-color:#F5930C;
width:100%;
height:22px;
text-align:left;
vertical-align:middle;


}
#franja_pie{
background:url(img/deg_25x4_rev.jpg);
background-repeat:repeat-x;
background-color:#F5930C;
width:100%;
height:25px;
font-size:9px;
color:#333333;
font-weight:bold;
}
#franja_texto_cab{background-color:#5BA2DA; width:inherit;padding:2px;font-size: 18px;text-align:left; color:#000000; padding-left:3px;}



/* MENU  */
.submenu{
	width:400px;
}

#menunav {
	margin: 0;
	padding:0;
}

#menunav ul {
	border-top: 1px solid #eeeeee;
	margin: 0;
	padding: 0;
	z-index: 10000;
	
}
#menunav ul li {
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
	
}
#menunav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-image:  url(img/debajo_btn.jpg);
	/* background-repeat: repeat-x; */
	/*border-bottom: 1px solid #0074E3;*/
	border-bottom: 1px solid #333333;
	background-color: #5BA2DA;
	
}
#menunav a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	background-color: transparent;
	padding: 4px 12px 4px 10px;
	color: #ffffff;
	border-bottom: 0;
	/*border-top: 1px solid #0061BD;
	border-right: 1px solid #0061BD;
	border-left: 4px solid #0061BD;*/
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 4px solid #333333;
	line-height:1;
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover, 
#menunav .menuon:active {
	font-weight: bold;
	color: #333333;
	background-color: #CF984E;
	letter-spacing: 0.01px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 4px solid #000000;

	background-image:  url(img/encima_btn.jpg);
	background-repeat: repeat-x;
}
#menunav .menumark, #menunav .menumark:hover {
	font-weight: bold;
	color: #333333;
	background-color: #CF984E;
	letter-spacing: 0.01px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 4px solid #000000;

	background-image:  url(img/encima_btn.jpg);
	background-repeat: repeat-x;
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */
#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
	background-image:  url(img/flecha.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}
#menunav .menutrg:hover {
	background-position: right center;
	background-image:  url(img/encima_btn.jpg);
	background-repeat: repeat-x;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
	left: -9000px;
	border: 0;
}
#menunav .menushow {
	left: auto;
	z-index: 20000;
}
/*modifica el menu madre */
#sidebar {
	position: absolute;
	top: 150px;
	left: 10px;
	width: 11em;
	font-size: 0.85em;	
}



/* /MENU */

/*MENU H*/
#menuh {
	/*font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	margin-top: 0px;
	margin-left:10px;
	text-align:right;
}

#menuh ul, li {
	list-style-type: none;
}

#menuh ul {
	margin: 0;
	padding: 0;
}

#menuh li {
	float: right;
}

#menuh a {
	text-decoration: none;
	font-size:80%;
	color: #FFFFFF;
	font-weight:bold;
	display: block;
	padding: 3px 10px;
	text-align: center;
}


#menuh a#primero {
	
}

#menuh a:hover {
	background: #CF984E;
	color:#000000;
}


/* /MENU H */

/*ESQUINAS REDONDEADAS*/
div.rounded-box {
    position:relative;
    width: 15em;
	/*width:500px;*/
    background-color: #FFD6BF;
    margin: 3px;
}


/*********************
GLOBAL ATTRIBUTES
*********************/
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner
{position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;}

div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {position:relative; font-size:150px; font-family:arial; color:#FFD6BF; line-height: 40px;}

/*********************
SPECIFIC ATTRIBUTES
*********************/

div.top-left-corner { top:0px; left:0px; }
div.bottom-left-corner {bottom:0px; left:0px;}
div.top-right-corner {top:0px; right:0px;}
div.bottom-right-corner {bottom: 0px; right:0px;}

div.top-left-inside {left:-8px;}
div.bottom-left-inside {left:-8px; top:-17px;}
div.top-right-inside {left:-25px;}
div.bottom-right-inside {left:-25px; top:-17px;}

div.box-contents {
	position: relative; padding: 8px; color:#000;
}

/*DIV REDONDEADA*/
div.top {
	height:10px; 
	background-image:url(img/round/n_top_line.gif); 
	background-repeat: repeat-x; 
	margin:2em 0 0 0;}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(img/round/n_left_line.gif); 
	background-repeat:repeat-y; 
	background-color: #FDE8C9; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(img/round/n_right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:10px; 
	background-image:url(img/round/n_btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h6 { margin:0; border-bottom:1px dashed #996;font-size:14px;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 
/* /DIV REDONDEADA*/






/*/////////////////////////////////////////////////////////////////////////////////////////*/


/*
	Estilo de la caja de producto en formato horizontal
*/

.ProductRow {
	font-size: 11px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	line-height: 16px;
}	

.ProductRow table {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}	

.ProductRow th {
	font-size: 11px;
	color: #000;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-image: url('img/product_th.gif');
	background-repeat: repeat-x;
	vertical-align:middle;
}	

.ProductRow th.left {
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-image: url('img/product_th_left.gif');
	background-repeat:  no-repeat;
	background-position: left top;
}	

.ProductRow th.right {
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	background-image: url('img/product_th_right.gif');
	background-repeat:  no-repeat;
	background-position: right top;
}	

.ProductRow th a {
	color: #000;
}	

.ProductRow ul {
	margin: 0;
	margin-left:2px;
	padding: 0;
	border: 0;
	list-style-type: none;
}

.ProductRow li {
	position: static;
	width: auto;
	text-align:center;
	font-weight: bold;
	color: #000;
	background-color: transparent;
	margin: 1px 0 0 -1px;
	padding: 4px;
	border: 1px solid #eee;
}

.ProductRow li.buy {
	background-color: #99FF99;	
}

.ProductRow li:hover {
	border: 1px solid #888;
	background-color: #eee;
	cursor: pointer;
}

.ProductRow li a:hover {
	color: #000;
	text-decoration: none;
}

.ProductRowContent {
	height: 160px;
	background-image: url('img/product_content_down.gif');
	background-repeat:  repeat-x;
	background-position: bottom;
}

.ProductRowContent td.description {
	color: #666666;
	line-height: normal;
}

.ProductRowContent td.left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	padding-left: 8px;
}

.ProductRowContent td.right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	padding-right: 8px;
}

.ProductRowContent a.CartRow {
	display:block;
	width:46px;
	height:52px;
	background:url('img/productrow_cart.gif') top left no-repeat;
	text-decoration: none;
}

.ProductRowContent a.CartRow:hover {
	background-position:0 -52px;
	text-decoration: none;
}

.ProductRowContent a.ViewRow {
	display:block;
	width:46px;
	height:52px;
	background:url('img/productrow_view.gif') top left no-repeat;
	text-decoration: none;
}

.ProductRowContent a.ViewRow:hover {
	background-position:0 -52px;
	text-decoration: none;
}


/* Menu de categorias */

#CatMenu {
	position: relative;
	width: 175px;
	font-size: 12px;
	color: #000;
	margin: 4px 8px 8px 4px;
	z-index: 8192;
}

#CatMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: 8192;
}

#CatMenu li {
	width: 140px;
	text-align: left;
	border-bottom: 1px solid #eee;
}

#CatMenu li.hasdropdownlist {
	background: transparent url("img/pointer_blue.gif") no-repeat right center;
}

#CatMenu li.selected {
	background: transparent url("img/pointer_blue_down.gif") no-repeat right center;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-color: #888888;
}

#CatMenu li.dropdownlist {
	color: #888;
	font-weight: normal;
	padding-left: 12px;
	width: auto;
	height: auto;
	font-size: 11px;
}

#CatMenu li.dropdownlist_last {
	color: #888;
	font-weight: normal;
	padding-left: 12px;
	width: auto;
	height: auto;
	font-size: 11px;
	border-bottom-width: 2px;
	border-bottom-color: #888888;
}

#CatMenu li.dropdownlist_hl {
	color: #3333CC;
	font-weight: normal;
	padding-left: 12px;
	width: auto;
	height: auto;
	font-size: 11px;
	font-weight: bold;
}

#CatMenu li:hover, #CatMenu li.sfHover, #CatMenu li.hasdropdownlist:hover, #CatMenu li.selected:hover, #CatMenu li.dropdownlist:hover, #CatMenu li.dropdownlist_last:hover, #CatMenu li.dropdownlist_hl:hover {
	background-color: #EEEEEE;
	cursor: pointer;
}

#CatMenu a {
	color: #000;
	display: block;
	text-align:left;
	margin: 0px;
	padding: 2px 8px 2px 4px;
}

#CatMenu li a:hover {
	text-decoration: underline;
}

#CatMenu li ul {
	visibility: hidden;
	position: absolute;
}

#CatMenu li ul li {
	width: 100%;
	display: block;
	float: left;
}

#CatMenu li:hover ul, #CatMenu li.sfHover ul, #CatMenu li:hover li:hover ul, #CatMenu li:hover li:hover li:hover ul {
	visibility: visible;
}

#CatMenu li:hover li ul, #CatMenu li:hover li:hover li ul, #CatMenu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/*
#CatMenu li:hover a, 
#CatMenu li.sfHover a {
	background-color: #EEEEEE;
}

#CatMenu li:hover ul a, 
#CatMenu li.sfHover ul a {
	background-color: #FFFFFF;
}
*/

#CatMenu li ul {
	width: auto;
	margin: -14px 0 0 116px;
	padding: 32px 0px 0px 0px;
	border: 0px;
	background: transparent url("img/submenu_top.gif") no-repeat left top;
}

#CatMenu .submenudw {
	width: 174px;
	height: 12px;
	background: transparent url("img/submenu_bottom.gif") no-repeat left bottom;
}

#CatMenu li ul li {
	text-align: left;
	width: 174px;
	height: auto;
	padding: 0px;
	border: none;
	background: transparent url("img/submenu.gif") repeat-y left top;
}

#CatMenu li ul li a {
	text-decoration: none;
	color: #000;
	margin: 0px 10px 0px 10px;
	padding: 3px 1px 3px 10px;
	border-bottom: 1px solid #eee;
}

#CatMenu li ul li a:hover {
	background-color: #EEEEEE;
}


/* ///////////////// DIVS REDONDEADAS ////////////////// */

/* Div SideBoxes */

.rb_top-left {
	margin-right: 16px;
	background-image: url('img/bg_boxes_32.png');
	height: 32px;
	font-size: 2px;	
}

.rb_top-right {
	margin-top: -32px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% 0px; 
	height: 32px; 
	font-size: 2px;	
}

.rb_top-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: -24px 0px 0px 0px;
	height: 24px;
}

.rb_inside-left {
	background-image: url('img/bg_inside_boxes_32.png');
	background-repeat: repeat-y;
}

.rb_inside-right {
	background-image: url('img/bg_inside_boxes_32.png');
	background-repeat: repeat-y;
	background-position: 100% 0pt;
	margin-left: 16px; 
}

.rb_inside {
	margin-right: 16px;
}

.rb_bottom-left {
	margin-right: 16px; 
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -32px; 
	height: 16px;
	font-size: 2px;
}

.rb_bottom-right {
	margin-top: -16px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -32px; 
	height: 16px; 
	font-size: 2px; 
}

/* Div SideBoxes ( Red ) */

.rb-blue_top-left {
	margin-right: 16px;
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -64px; 
	height: 32px;
	font-size: 2px;	
}

.rb-blue_top-right {
	margin-top: -32px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -64px; 
	height: 32px; 
	font-size: 2px;	
}

.rb-blue_top-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: -24px 0px 0px 0px;
	height: 24px;
}

.rb-blue_inside-left {
	background-image: url('img/bg_inside_boxes_red_32.png');
	background-repeat: repeat-y;
}

.rb-blue_inside-right {
	background-image: url('img/bg_inside_boxes_red_32.png');
	background-repeat: repeat-y;
	background-position: 100% 0pt;
	margin-left: 16px; 
}

.rb-blue_inside {
	margin-right: 16px;
}

.rb-blue_bottom-left {
	margin-right: 16px; 
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -96px; 
	height: 16px;
	font-size: 2px;
}

.rb-blue_bottom-right {
	margin-top: -16px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -96px; 
	height: 16px; 
	font-size: 2px; 
}

/* Div SideBoxes ( Yellow ) */

.rb-yellow_top-left {
	margin-right: 16px;
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -128px; 
	height: 32px;
	font-size: 2px;	
}

.rb-yellow_top-right {
	margin-top: -32px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -128px; 
	height: 32px; 
	font-size: 2px;	
}

.rb-yellow_top-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: -24px 0px 0px 0px;
	height: 24px;
}

.rb-yellow_inside-left {
	background-image: url('img/bg_inside_boxes_yellow_32.png');
	background-repeat: repeat-y;
}

.rb-yellow_inside-right {
	background-image: url('img/bg_inside_boxes_yellow_32.png');
	background-repeat: repeat-y;
	background-position: 100% 0pt;
	margin-left: 16px; 
}

.rb-yellow_inside {
	margin-right: 16px;
}

.rb-yellow_bottom-left {
	margin-right: 16px; 
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -160px; 
	height: 16px;
	font-size: 2px;
}

.rb-yellow_bottom-right {
	margin-top: -16px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -160px; 
	height: 16px; 
	font-size: 2px; 
}

/* Div SideBoxes ( Green ) */

.rb-green_top-left {
	margin-right: 16px;
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -192px; 
	height: 32px;
	font-size: 2px;	
}

.rb-green_top-right {
	margin-top: -32px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -192px; 
	height: 32px; 
	font-size: 2px;	
}

.rb-green_top-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin: -24px 0px 0px 0px;
	height: 24px;
}

.rb-green_inside-left {
	background-image: url('img/bg_inside_boxes_green_32.png');
	background-repeat: repeat-y;
}

.rb-green_inside-right {
	background-image: url('img/bg_inside_boxes_green_32.png');
	background-repeat: repeat-y;
	background-position: 100% 0pt;
	margin-left: 16px; 
}

.rb-green_inside {
	margin-right: 16px;
}

.rb-green_bottom-left {
	margin-right: 16px; 
	background-image: url('img/bg_boxes_32.png');
	background-position: 0 -224px; 
	height: 16px;
	font-size: 2px;
}

.rb-green_bottom-right {
	margin-top: -16px; 
	margin-left: 16px; 
	background-image: url('img/bg_boxes_32.png'); 
	background-position: 100% -224px; 
	height: 16px; 
	font-size: 2px; 
}

/*
*
* Cajas especiales
*
*/

.SideBox {
	width: 175px;
	font-size: 12px;
	color: #000;
	margin: 0px 0px 8px 0px;
}

.SideBox table {
	font-size: 11px;
	color: #000;
}

.SideBox hr {
	color: #eee;
	background-color: #eee;
	height: 1px;
}

.SideBox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.SideBox dl {
	margin: 0px;
	padding: 0px;
}

.SideBox dt {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.SideBox dd {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.SideBox button {
	margin-top: 4px;
	position: relative;
	width: 120px;
}

/* Botones */

.round_button {
	background-color:transparent;
	border:0px none;
	cursor:pointer;
	margin:0px;
	overflow:visible;
	padding:0px;
	text-align:center;
	white-space: nowrap;
	width: auto;
}

.round_button span {
	background:transparent url('img/bg_sprites_32.png') no-repeat scroll 0px 0px;
	background-position:right 0px;
	display:block;
	margin: 0px;
	padding:0px 10px 0px 3px;	
}

.round_button em {
	background:transparent url('img/bg_sprites_32.png') no-repeat scroll 0px 0px;
	background-position:left 0px;
	display:block;
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 26px;
	margin:0px 0px 0px -3px;
	padding:0px 0px 0px 10px;	
}

.round_button .icon {
	padding: 5px 0px 5px 0px;
	vertical-align: -8px;
	
}

.small_round_button {
	background-color:transparent;
	border:0px none;
	cursor:pointer;
	margin:0px;
	overflow:visible;
	padding:0px;
	text-align:center;
	white-space: nowrap;
	width: auto;
}

.small_round_button span {
	background:transparent url('img/bg_sprites_32.png') no-repeat scroll 0px 0px;
	background-position:right 0px;
	display:block;
	margin: 0px;
	padding:0px 10px 0px 3px;	
}

.small_round_button em {
	background:transparent url('img/bg_sprites_32.png') no-repeat scroll 0px 0px;
	background-position:left 0px;
	display:block;
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	margin:0px 0px 0px -3px;
	padding:0px 0px 0px 10px;	
}