/* generado: 10-02-2010 23:53:37  (gzip) Encoding: gzip Version 8.0 */

/* File: /var/www/planeta2/local/css/tienda.css */


/* Reset */
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%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #444;
	background: white;
}
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: "" "";
}


/* START */

BODY  	{ 
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12px; 
	background: #2a2a2a; 
	color: #FFF;
	text-align: center;
}

P {
	margin-bottom: 1em;
}

SUP {
	font-size: 80%;
	vertical-align: top;
}
/* This fixes the problem where IE6 adds an extra 3px margin to
two columns that are floated up against each other. */
* html .column { overflow-x: hidden; } /* IE6 fix */

/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* en IE6 no es necesario
* html .clear { height: 1%; }
*/

/* Layout */
#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	color: #000;
}

#head 	{ 
	width: 950px; 
	margin: 0px;
	height: 71px; 
	background: url(/images/headPlaneta.png);   
}

#subhead1 {
	height: 46px;
	width: 250px;
	float: left;
	margin-left: 24px;
	margin-top: 12px;
	background: url(/images/logoPlaneta.gif);
	background-repeat: no-repeat;
}

#subhead2 {
	height: 46px;
	width: 670px;
	float: left;
	margin-top: 12px;
	font-size: 100%;
}

#body {
	background: url(/images/faux.gif) repeat-y;
	width: 950px; 
	margin: 0px;
	background-color: white;
}

#directorio {
	padding-top: .3em;
	padding-bottom: .5em;
	background: #efefef;
	color: #246;
	padding-left: 3em;
	border-bottom: 1px solid gray;
	width: 100%;
}

#directorio A {
	font-weight: bolder;
	color: #0085CF;
}

#directorio A:hover {
	color: darkred;
}

#directorio B {
	color: #C70;
}
#directorio TH {
	width: 200px;
}

#directorio TD {
	border-left: 1px solid #AAA;
	padding-left: 1em;
}

#bodyLeft {
	float: left;
	margin-right: 0px;
	width: 240px;
}

#bodyCenter {
	margin-right: 0px;
	float: left;
	width: 520px;
	background: #efefef; 
	overflow: auto;
}


#bodyRight { 
	float: left;
	margin-right: 0px;
	width: 190px;
	xheight: 640px;
	overflow: auto;
	background: #EDEDED;
}

#foot {
	width: 950px;
	margin: 0;
	background: url(/images/footplaneta.png); 
	height: 65px; 
	color: #383; 
}		


/* secundary */

.whiteBorder {
	border: 2px solid white;
	overflow: hidden;
	margin: 0px;
}

#bodyCenter .whiteBorder {
	background: #DDD;
	border: 1px solid #DDD;
}

#menu { 
	background: #93000a; 
	overflow: hidden;
}

#menu UL { 
	list-style-image: url(/images/raquo_red.gif); 
	list-style-position: inside; 
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid white;
}

#menu LI { 
	border: 1px solid white; 
	border-bottom: 0px solid red; 
	padding: .5em; 
}

#menu A	{ 
	font-weight: bolder; 
	color: #CCC; 
	text-decoration: none; 
	margin-right: 0em; 
}

#menu A:hover { 
	color: #FFF; 
	text-decoration: none; 
}

#headCategorias {
	background: #000; 
	font-size: 200%;
	color: #AAA;
	text-align: center;
	padding-top: .5em;
}

#categorias	{ 
	background: #000; 
	height: 305px;
	overflow: auto;
	direction:rtl;
}

#categorias UL {
	margin: 1em;
}

#categorias LI {
	padding: 0px;
	margin: 0px;
	border: 1px solid black; // si no lo tinene no sale igual en IE
}

#categorias A {
	padding: 4px;
	display: block; 
	font-weight: bolder; 
	color: #EEE; 
	text-decoration: none; 
	xtext-indent: 1em;
	xmargin-left: -1em;
	xmargin-right: -1em;
	border-bottom:1px dotted white;
}

#categorias A:hover { 
	color: #FFF; 
	text-decoration: none; 
	background-color: #444; 
}

#buscadorCategorias	{ 
	background: #000; 
	border-top: 1px dotted white;
	padding: 1em; 
	color: #FFF;
	font-weight: bolder;
}

.debug {
	border: 1px solid red;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.middle {
	vertical-align:middle;
}

.top {
	vertical-align: top;
}


.buttons { /* Container for form buttons*/
	clear:both;
	margin-top:4em;
	border-top:1px solid #e4e4e4;
	padding-top:8px;
	text-align:right;
}

.button, .button-alt {
	display: inline;
	overflow:visible;
	width:auto;
	background-color:transparent;
	border:0;
	padding:1px 8px;
	background:#f18200;
	color:#fff;
	border:1px solid #de5400;
	font:bold 12px arial, sans-serif !important;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
}

.button span, .button-alt span {
	white-space:nowrap;
}

.button-alt {
	border:1px solid #406a83;
	background-color:#618499;
}


.total {
	border-top: 1px solid #AAA;
	padding-top: 6px;
}

#subFoto {
	border: 1px solid #AAA;
	background: #bde6fc;
	background: InfoBackground;
	padding: .5em;
	text-align: center;
	height: 60px;
}

#subFoto H2 {
	font-size: 120%;
	font-weight: bolder;
}

#portada, #novedades {
	background-color: #FFF;
}

#portada H2 , #novedades H2 { 
	background: #000;
	color: #FFF;
	padding: .2em;
	padding-left: 2em;
	font-weight: bolder;
	font-size: 160%;
}
/* HTML CAROUSEL */
.carouselArrowContainer {
	position: relative;
	float: left;
	width: 34px;
	height: 200px;
}

.carousel-component { 
	float: left;
	width: 450px;
	background: #FFF !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.carousel-component .carousel-list li {
	width: 150px;
	padding-top:  15px;
	margin: 0px;
	color: #3F3F3F;
	text-align: center;
}

.carousel-component .carousel-list li img {
	border: 1px solid #999;
	display:block;
	margin: auto;
}

.carousel-component .carousel-list li A {
	text-decoration: none;
	color: #5C708A;
	display: block;
	padding-left: 1em;
	padding-right: 1em;
}

.carousel-component .carousel-list li A:Hover {
	color: #0085CF;
}

.carousel-component .carousel-list li .nombre
{
	font-weight: bolder;
}

.carousel-component .carousel-list li .precio
{
	font-size: 140%;
	font-weight: bolder;
	color: darkred;
}

.carousel-clip-region {
	width: 440px;
}

/* BUTTONS */
.carouselArrow {
	display: block;
	position: absolute;
	height: 50px;
	width: 25px;
	margin-top: 30px;
	background-image: url(/images/left_arrow.gif);
	cursor:pointer; 
	right: 0px;
}

#next-arrow-container, #next-arrow-container2 { 
	left: 0px;
	background-image: url(/images/right_arrow.gif);
}

#next-arrow-container:hover, #next-arrow-container2:hover ,
#prev-arrow-container:hover, #prev-arrow-container2:hover { 
	background-position: 100% 100%;
}

#next-arrow ,	#prev-arrow { 
	cursor:pointer; 
}



.articuloTopLine {
	padding: 1em;
}

.articuloTopLine A{
	color: #0085CF;
}

.articuloTopLine A:hover {
	color: darkred;
}


.articulo {
	border: 1px solid #AAA;
	background: #FFF url(/images/bg_01.gif);
	background-repeat: repeat-x;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	color: #000;
}

.articulo H1 {
	font-size: 200%;
	font-weight: bolder;
	padding-bottom: 2em;
	text-align: center;
	text-transform: capitalize;
	font-variant: small-caps;
}

.articulo H2 {
	font-size: 180%;
	font-weight: bolder;
	padding-bottom: 2em;
	color: #C22;
	text-align: center;
}

.articulo H3 {
	font-size: 120%;
	font-weight: bolder;
	border-bottom: 1px solid #000;
	margin-top: 2em;
	margin-bottom: .5em;
}

.articulo H4 {
	font-size: 120%;
	font-weight: bolder;
	margin-top: 2em;
	margin-bottom: .5em;
}

.articulo H5 {
	font-size: 100%;
	font-weight: bolder;
	color: #888;
	text-align: center;
	padding: 1em;
}





.articulo TH {
	vertical-align: top;
	width: 10%;
	padding: 1em;
}

.articulo TD {
	vertical-align: top;
	width: 80%;
	padding: 1em;
	padding-left: 2em;
}


.articulo #imgContainer {
	width:  180px;
	height: 180px;
	overflow: hidden;
	border: 1px solid transparent;
	cursor: crosshair;
}

.articulo #imgContainer.zoomed {
	background: url(/images/ajaxwait.gif) no-repeat 50% 50%;
	border: 1px solid #888;
}

.articulo #imgContainer IMG {
	width:  180px;
}


.articulo .smallPhotos IMG {
	width:  78px;
	padding: 2px;
	margin: 2px;
	background: #FFF;
	border: 1px solid #CCC;
}

TABLE.articulo TABLE {
	width: 100%;
	border-collapse: collapse;
	background-color: #FFE;
}

TABLE.articulo TABLE TH ,
TABLE.articulo TABLE TD {
	padding: .5em;
	padding-left: 1em;
	padding-right: 2em;
	border: 1px solid #AAA;
	width: 50%;
	color: #666;
}

TABLE.articulo  TABLE TH {
	color: #22A;
	font-weight: bolder;
}

TABLE.articulo TR.odd {
	background-color: #EED;
}

TABLE.articulo A{
	color: #0085CF;
}

TABLE.articulo A:hover {
	color: darkred;
}

.categoria {
	background: #fff;
}

.categoria H1 {
	font-weight: bolder;
	font-size: 170%;
	padding: .4em;
	padding-top: 1em;
}

.categoria IMG {
	margin-bottom: 2em;
}

.categoria TABLE.header {
	color: #224;
	width: 516px;
	border: 1px solid #aaa;
	border-collapse: collapse;
}

.categoria TABLE.header TR {
	background:url(/images/pager_bg.gif) repeat-x 0 100% #fff;
	padding: .2em;
	border: 1px solid #ccc;
}

.categoria TABLE.header TD {
	padding: .7em 1.5em .7em 1em;
}

.lnkCurrentPage {
	color: #222;
}

.lnkPage {
	color: #468;
	padding: 2px;
}

.lnkPage:Hover {
	background-color: #4692BF;
	color: #fff;
}

.categoria TABLE.grid {
	border: 1px solid #aaa;
	border-collapse: collapse;
}

.categoria TABLE.grid TH {
	xbackground: #EFEFEF;
	border: 1px solid #ddd;
}

.categoria TABLE.grid TD { 
	margin:4px 10px 0px 10px;
	height: 160px;
	width: 150px;
	border: 1px solid #ddd;
	padding: 10px;
	padding-top:  15px;
	color: #3F3F3F;
	background: #EEE;
	text-align: center;
	background:url(/images/pager_bg.gif) repeat-x 0 100% #fff;
}

.categoria TABLE.grid TD IMG{ 
	border: 1px solid #999;
}

.categoria TABLE.grid TD A {
	text-decoration: none;
	color: #5C708A;
	display: block;
}

.categoria TABLE.grid TD A:Hover {
	xbackground-color: #FE0;
	color: #7C90AA;
}

.categoria TABLE.grid  TD .nombre
{
	font-weight: bolder;
}

.categoria TABLE.grid TD .precio
{
	font-size: 140%;
	font-weight: bolder;
	color: darkred;
}

.categoria TABLE.grid TD .pvp
{
	font-size: 80%;
	color: #aaa;
}


/* MODO LISTA */
.categoria TABLE.list {
	border: 1px solid #aaa;
	border-collapse: collapse;
	width: 100%;
}


.categoria TABLE.list TH {
	width: 10%;
}

.categoria TABLE.list TD , 
.categoria TABLE.list TH { 
	border-bottom: 1px solid #aaa;
	padding: .5em;
	color: #3F3F3F;
	background: #EEE;
	vertical-align: top;
}

.categoria TABLE.list TD IMG{ 
	border: 1px solid #999;
	margin: 0em;
}

.categoria TABLE.list TD A {
	text-decoration: none;
	color: #5C708A;
	display: block;
	padding: 8px;
}

.categoria TABLE.list TD A:Hover {
	background-color: #0085CF;
	color: #FFF;
}

.categoria TABLE.list  TD .nombre
{
	font-weight: bolder;
	padding-bottom: .3em;
}

.categoria TABLE.list TD .precio
{
	font-size: 140%;
	font-weight: bolder;
	color: darkred;
	padding-bottom: .3em;
	width: 100px;
	text-align: right;
}
.categoria TABLE.list TD .pvp
{
	padding-top: 5px;
	padding-right: 1em;
	font-size: 75%;
	color: #aaa;
}


.categoria TABLE.list TD P 
{
	font-size: 12px;
}

.categoria FORM {
	margin: 0px;
	padding: 0px;
}

.categoria FORM SELECT {
	font-size: 12px;
}


#loginBox {
	width: 330px;
	padding: 1em;
	margin: 75px;
	margin-top: 10px;
	margin-left: 70px;
	margin-bottom: 32px;
	border: 3px solid gray;
	border-right: 3px solid gray;
	border-bottom: 3px solid gray;
	background: #FFF;
	text-align: left;
	overflow: auto;
	position: absolute;
	z-index: 10;        
}

#loginBox H1 {
	display: block;
	text-align: left;
	background: #FF1A00;
	color: #fff;
	padding: .5em;
	margin-bottom: 1em;
	font-size: 120%;
	xfont-weight: bolder;
	xpadding-top: 0em;
	xpadding-bottom: .3em;
}

#loginBox H2 {
	display: block;
	text-align: left;
	color: #0085CF; 
	font-weight: bolder;
	font-size: 180%;
	padding-top: .5em;
	padding-bottom: .3em;
}

#loginBox LABEL {
	display: block;
	width: 100px;
	padding: 1em;
	font-weight: bolder;
}

#loginBox .bottom {
	margin-top: 0em;
	margin-bottom: 2em;
	padding: 1em;
	border-top: 1px solid #ccc;
	font-weight: normal;
	text-align: right;
}

#loginBox .error {
	color: #F00;
	padding: 1em;
}

}


#loginBox LABEL {
	display: block;
	text-align: left;
	color: #CC6600; 
	font-size: medium;
	padding-top: .5em;
	padding-bottom: .3em;
}


#loginBox .radio {
	bolder: 1px solid red;
}

#loginBox .bottom {
	margin-top: 1em;
	padding: 1em;
	border-top: 1px solid #ccc;
	font-weight: normal;
	text-align: right;
}

#loginBox .error {
	color: #F00;
	padding: 1em;
}

#frmChgTarifas {
	display: inline;
}

#frmChgTarifas SELECT {
	font-size: 9px;
}

.tdEditarCesta {
	padding-top: 1em;
	text-align: center !important;
	font-size: 11px;
	color: #363;
}

.tdEditarCesta A {
	color: #363;
}

#frmMain {
	padding-left: 1em;
	padding-bottom: 2em;
	background: #DDDDDD;
}

#frmMain H3 {
	font-weight: bolder;
	font-size: 200%;
	padding-top: 1em;
	color: #0085CF;
}

#frmMain TD {
	padding: .3em;
}

#frmMain .trSeparator TD {
	font-size: 120%;
}

#frmMain LABEL	{
	display: block;
	padding: 0px;
	padding-right: 1em;
	padding-bottom: 2px;
	margin: 0px;
	margin-left: 1em;
	border-bottom: 1px solid #DDE;
	text-align: left;
	color: #444;
	}

#frmMain LABEL.firstOfRow {
	margin-left: 1em;
	}


INPUT	{
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	}

TEXTAREA {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	}

SELECT OPTION.disabled {
	background-image: url(/images/black-pixel.gif);
	background-position: center center;
	background-repeat: repeat-x;
}

.errorList {
	border: 1px solid gray !important;
	background-color: infoBackground !important;
	width: auto;
	padding: 1.5em;
}

.errorList P {
	font-weight: bolder;
	padding-left: 1em;
	padding-right: 1em;
}

.errorList LI {
	margin: 1em;
}

.invalid {
	border: 1px solid red;
	padding: 1px;
	background-color: #FFF4F4;
}

LABEL.invalid {
	border: 0px solid red;
	padding: 0px;
	background-color: transparent;
	color: red !important;
	font-weight: bolder;
}


TD.buttons A{
	color: #0085CF;
	font-weight: bolder;
}

A.bigLink {
	color: #0085CF;
	text-decoration: none;
	display: inline-block;
	font-weight: bolder;
	padding: .4em;
	margin: 2px;
}

A:hover.bigLink {
	background: #0085CF;
	color: #fff;
}

.trSeparator TD{
	padding-top: 2em;
	padding-left: 0em;
	font-size: 12px; 
	color: #060; 
	text-decoration: none ; 
	font-weight: bold;
	}

div.auto_complete {
	overflow: hidden;
	position:absolute;
	min-width: 330px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	text-align: left;
	font-size: 9pt;
	height: 8em;
	overflow: auto;
	z-index: 20;        
}

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

div.auto_complete ul li.selected { 
	background-color: Highlight; 
	color: HighlightText 
}

div.auto_complete ul li {
	list-style-type: none;
	display:block;
	margin:0;
	padding:4px;
	color: #000;
}

div.auto_complete .value {
	display: none;
}

div.auto_complete .label {
}

.tblEdCesta {
	width: 510px;
	color: #000;
	border-collapse: collapse;
	padding: 1em;
	border: 1px solid black;
	margin: 4px;
	background: #FFF;
}

.tblEdCesta CAPTION {
	background: #DDDDDD;
	padding: 1em;
	font-weight: bolder;
	font-size: 140%;
	margin: 0px;
}

.tblEdCesta CAPTION A {
	color: #484;
	margin-left: 1em;
	padding: 4px;
	font-weight: bolder;
	font-size: 60%;
}


.tblEdCesta CAPTION A:hover {
	background: infoBackground;
}

.tblEdCesta H2 {
	color: #468;
	font-weight: bolder;
	padding-top: 2em;
}


.tblEdCesta TD, .tblEdCesta TH {
	padding: .2em;
	padding-right: 1em;
}

.tblEdCesta THEAD TH {
	font-weight: bolder;
	font-size: 120%;
	color: #622;
	padding: 1em;
	padding-bottom: .4em;
	border-bottom: 1px solid #AAA;
}

.tblEdCesta TBODY {
	border-bottom: 1px solid #000;
}

.tblEdCesta .buttons {
	border-top: 1px solid #aaa;
	background: #f7f7f7;
	padding: 1em;
}

.itemRow {
	background:url(/images/pager_bg.gif) repeat-x 0 100% #fff;
	border-bottom: 1px solid #aaa;
}

.itemRow TD {
	vertical-align: top;
	padding-top: 1em;
}

.itemRow IMG  {
	background: #FFF;
	padding: 4px;
	border: 1px solid #aaa;
}

.tblFormaPago {
	margin: 9px;
	width: 500px;
	color: #000;
	border-collapse: collapse;
	background: infoBackground;
	border: 1px solid black !important;
}

.tblFormaPago CAPTION {
	background: #DDDDDD;
	padding: 1em;
	padding-top: 2em;
	font-weight: bolder;
	font-size: 160%;
}

.tblFormaPago TD, .tblFormaPago TH {
	padding: 1.5em;
	vertical-align: middle;
}

.tblFormaPago LABEL {
	font-weight: bolder;
}

.tblFormaPago P {
	font-style: italic;
	padding-left: 2em;
	color: #468;
}


.tblFormaPago .buttons {
	border-top: 1px solid #aaa;
	padding: 1em;
}


.tblsltDirecciones {
	width: 500px;
	color: #000;
	border-collapse: collapse;
	background: #FFF;
	border: 1px solid black;
	margin-bottom: 2em;
}

.tblsltDirecciones CAPTION {
	padding: 1em;
	padding-top: 1em;
	font-weight: bolder;
	font-size: 160%;
	border-bottom: 1px solid black;
}

.tblsltDirecciones H2 {
	color: #468;
	font-weight: bolder;
	padding: 1em;
}

.tblsltDirecciones A, .tblsltDirecciones A:link {
	color: #846;
	font-weight: bolder;
}

.tblsltDirecciones TD {
	padding-top: .2em;
	vertical-align: top;
	background: #FFF !important;
}
.tblsltDirecciones TH {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	width: 1em;
	color: #964;
}

.tblsltDirecciones LABEL {
	font-weight: bolder;
}

.tblsltDirecciones P {
	font-style: italic;
	padding-left: 2em;
	color: #468;
}


.tblsltDirecciones TFOOT {
	border-top: 1px solid #AAA;
}

.tblsltDirecciones TFOOT TH,
.tblsltDirecciones TFOOT TD {
	padding-top: 1em;
	padding-bottom: 1em;
}

.tblsltDirecciones .endOfGroup TD ,.tblsltDirecciones .endOfGroup TH {
	padding-bottom: 2em;
}

#idNewAddrSwitch {
	text-align: right;
	padding: 2em;
}


.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .silver { width: 442px; border: 2px solid #ccc; color: #fff; }
.prototip .silver .toolbar { background: #333; color: #fff; font-weight: bold; font-size: 120%}
.prototip .silver .title { padding: 5px; }
.prototip .silver .content { background: #fff; color: #666; padding: 1em;}
.prototip .silver IMG {border: 2px solid #aaa; background: #FFF; padding: 2px; margin: 1em;  }

#accordion_container {
}

div#accordion-container{
	margin: 10px;  
	border: 1px solid #aaa;}  

div.accordion {  
	position: relative; /* required for bounding--works around a "peculiarity" in Prototype */  
 }  

 div.accordion-toggle{  
	 position: relative; /* required for effect */  
	 z-index: 10;        /* required for effect */  
	 background: #eee;   /* required for effect--can be anything except "transparent" */  
	 cursor: pointer;  
 }  

 div.accordion-toggle-active{  
	 background: #fff;  
 }  

 div.accordion-content{  
	 overflow: hidden;   /* required for effect */  
	 background: #aaa;  
 }  


/* -----------------------------------------------*/
.accordion_toggle {
	display: block;
	padding: 0 10px 0 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid black;
	border-right: 1px solid #AAA;
	line-height: 30px;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0px;
}

.accordion_toggle_active {
	border-top: 1px solid #888;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	cursor: pointer;
	font-weight: bolder;
}

.accordion_content {
	overflow: hidden;
}

.searchHead {
	background: url(/images/cazulf.jpg) no-repeat 100% 100% #D5D4D2;
}
.accordion_toggle_active.searchHead {
	background: url(/images/cazul.jpg) no-repeat 100% 100% #D5D4D2;
}

.search {
	background: #B5C7DF;
}

.search IMG {
	cursor: pointer;
	margin-bottom: -3px;
}

.search DIV  {
	margin: 1em;
}

.search P {
	margin-top: 1em;
	font-style: italic;
	
}

.ofertaHead {
	background: url(/images/cverdef.jpg) no-repeat 100% 100% #D5D4D2;
}

.accordion_toggle_active.ofertaHead {
	background: url(/images/cverde.jpg) no-repeat 100% 100% #D5D4D2;
}
.oferta {
	background: #D6C2A4;
	text-align: center;
}

.oferta H3 {
	font-size: 140%;
	font-weight: bolder;
	margin: .4em;

}

.oferta IMG {
	background: #FFF;
	padding: 3px;
	border: 1px solid black;
}

.oferta SPAN {
	font-weight: bolder;
	font-size: 180%;
	color: darkred;
}

.aTelefonicaHead {
	background: url(/images/crojof.jpg) no-repeat 100% 100% #D5D4D2;
}

.accordion_toggle_active.aTelefonicaHead {
	background: url(/images/crojo.jpg) no-repeat 100% 100% #D5D4D2;
}

.aTelefonica {
	padding: 1em;
	background: #EDEDED;
	color: darkblue;
}

.aTelefonica TABLE { 
	width: 100%;
	color: #000;
}

.aTelefonica TD {
	text-align: right;
	padding-bottom: .7em;
}
.aTelefonica TH {
	font-weight: bolder;
	padding-right: 1em;
}

.infoPedidoHead {
	background: url(/images/cazulf.jpg) no-repeat 100% 100% #D5D4D2;
}

.accordion_toggle_active.infoPedidoHead {
	background: url(/images/cazul.jpg) no-repeat 100% 100% #D5D4D2;
}

.infoPedido DIV {
	padding: 1em;
	background: #EDEDED;
	overflow: auto;
}

.infoPedido P {
	font-size: 80%;
	line-height: 1.5em;
}

.cestaHead {
	background: #EEE;
}

.cesta {
	background: #FFF;
	padding-bottom: 1em;
	padding-right: .5em;
}

.cesta .articuloL DIV {
	margin-left: 1.5em;
}
.cesta .articuloL {
	padding-bottom: 5px;
	margin-bottom: .5em;
	border-bottom: 1px solid #EEE;
}

.cesta .articuloL H1 {
	padding-bottom: 6px;
}

.cesta .articuloL A {
	text-align: center;
	display: block;
	width: 100%;
	padding: .5em;
}

.cesta TABLE {
	color: #444;
	width: 100%;
	font-size: 80%;
	margin-top: 1em;
}

.cesta TH {
	text-align: left;
	font-weight: bolder;
}

.cesta TD {
	text-align: right;
}

.cesta IMG {
	background: #FFF;
	padding: 3px;
	border: 1px solid black;
	margin: 1em;
}

.noExistencias {
	color: #8A5C5E;
	font-size: xx-small;
	padding-top: .5em;
}

.muyPocasExistencias {
	color: #F88;
	color: #5C708A;
	font-size: xx-small;
	padding-top: .5em;
}

.pocasExistencias {
	color: #5C708A;
	font-size: xx-small;
	padding-top: .5em;
}

.normalExistencias {
	font-size: xx-small;
	padding-top: .5em;
}

.topSearch {
	background:url(/images/pager_bg.gif) repeat-x 0 100% #fff;
	border-bottom: 1px solid black;
}

.topSearch IMG {
	cursor: pointer;
	margin-bottom: -3px;
}

.topSearch FORM  {
	padding: 1em;
	text-align: center;
}

.topSearch B {
	font-weight: bolder;
	font-Size: 130%;
}
	
.topSearch .auto_complete {
	z-index: 50;
	height: 400px;
	width: 400px !important;
}


H1.enlaces {
	text-align: center;
	color: #008348;
	font-size: 200%;
	font-weight: bolder;
	padding: 1em;
	padding-bottom: 0em;
}

DL.enlaces {
	padding: 2em;
	height: 408px;
	overflow: auto;
}

DL.enlaces DT A {
	font-weight: bolder;
	color: #0085CF;
	font-size: 140%;
}

DL.enlaces DD {
	margin: 1em;
	margin-bottom: 3em;
	color: #004;
	line-height: 1.5em;
}

.contacto H1 {
	text-align: center;
	color: #008348;
	font-size: 200%;
	font-weight: bolder;
	padding: 1em;
	padding-bottom: 0em;
}

.contacto H2 {
	text-align: center;
	color: darkred;
	font-size: 120%;
	font-weight: bolder;
	padding: 1em;
	padding-bottom: 0em;
}

.contacto H3 {
	text-align: center;
	color: #AA7700;
	font-size: 120%;
	font-weight: bolder;
	padding: 1em;
	padding-bottom: 0em;
}

.contacto H5 {
	text-align: center;
	color: #555;
	font-size: 80%;
	padding: 2em;
}

.contacto P {
	text-align: center;
	margin: 0px;
	padding: .5em;
	padding-left: 1em;
	padding-right: 1em;
}

.contacto P A {
	font-weight: bolder;
	color: #0085CF;
}

.slides {
	position: relative;
	width: 518px;
	height: 241px;
	background: #FFF;
	overflow: hidden;
}

.slides DIV {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 518px;
	height: 241px;
}

.slides DIV IMG {
	border: 0px solid red;
}

.slides DIV P {
	position: absolute;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	border: 1px solid red;
	font-size: 400%;
}

CODE {
	display: block;
	background: #EEE;
	border: 1px solid gray;
	padding: 1em;
	margin-bottom: 2em;
	margin-top: 2em;
}

.seoh1 {
	font-size: 200%;
	font-weight: bolder;
	padding: 1em;
	text-align: center;
	text-transform: capitalize;
	font-variant: small-caps;
}

P.seop {
	line-height: 1.4em;
	padding: 2em;
}

.kw {
	text-align: center;
	font-size: 9px;
}

.kw a {
	color: #444;
}