/* ================================
    CSS STYLES FOR THE COMMERCE STARTER KIT 
    v1.0, 10/2002
   ================================
*/   
/*
	Color de fondo #dddca3
	Color de primer plano #999966
*/


*{font-family:Verdana, Arial}
body{font-size:12px;}
H1{text-align:left;color: #999966;font-size:20px;}
H2{text-decoration:underline;text-align:center;color: #999966;font-size:20px;}
H3{background-color: #dddca3;text-align:left;color: dimgray;font-size:20px;	padding:5 15 5 15; margin:5 15 5 15;}

.ESI{float:left;width:10px; height:10px; font-size:1px; background:#fff url(images/01.gif) no-repeat left top;position:relative; top:-16; left:-6}
.ESD{float:right;width:10px; height:10px; font-size:1px; background:#fff url(images/02.gif) no-repeat right top;position:relative; top:-16; right:-6}
.EII{float:left;width:10px; height:10px; font-size:1px; background:#fff url(images/03.gif) no-repeat left bottom;position:relative; bottom:-16; left:-6}
.EID{float:right;width:10px; height:10px; font-size:1px; background:#fff url(images/04.gif) no-repeat right bottom;position:relative; bottom:-16; right:-6}


.ESIf{float:left;width:5px; height:5px; font-size:1px; background:#fff url(images/f1.gif) no-repeat left top;position:relative; top:-5; left:-15}
.ESDf{float:right;width:5px; height:5px; font-size:1px; background:#fff url(images/f2.gif) no-repeat right top;position:relative; top:-5; right:-15}
.EIIf{float:left;width:5px; height:5px; font-size:1px; background:#fff url(images/f3.gif) no-repeat left bottom;position:relative; bottom:5; left:0;}
.EIDf{float:right;width:5px; height:5px; font-size:1px; background:#fff url(images/f4.gif) no-repeat right bottom;position:relative; bottom:5; right:0;}
html>body .EIIf{bottom:0; left:-15;}
html>body .EIDf{bottom:0; right:-15;}

.ESIf1{float:left;width:5px; height:5px; font-size:1px; background:#fff url(images/f1.gif) no-repeat left top;position:relative; top:-5; left:-5}
.ESDf1{float:right;width:5px; height:5px; font-size:1px; background:#fff url(images/f2.gif) no-repeat right top;position:relative; top:-5; right:-5}
.EIIf1{float:left;width:5px; height:5px; font-size:1px; background:#fff url(images/f3.gif) no-repeat left bottom;position:relative; bottom:-3; left:-5}
.EIDf1{float:right;width:5px; height:5px; font-size:1px; background:#fff url(images/f4.gif) no-repeat right bottom;position:relative;bottom:-3; right:-5}
html>body .EIIf1{bottom:-5; left:-5;}
html>body .EIDf1{bottom:-5; right:-5;}

.Menu{font-size:12px;background-color: #dddca3;padding:15px;height:100%;overflow:auto; width:250px;}
.Menu div{border:0px;}
.Menu img{vertical-align:middle;}
.Menu nobr{overflow:hidden;}
.Menu span{padding-left:5px;font-weight:bold}
.Menu i {color:#556F01; text-decoration:italic; font-size:11px}
.Menu b{text-decoration:none;padding:2px; cursor:pointer;}
.Menu b.anclahover{border:1px solid #996;}

#Cuerpo{margin:0px;padding:15px;vertical-align:top;height:100%;overflow:auto;}

.ProductListItem{width:230px;float:left;border:1px solid #999966;padding:15 5 15 5;margin:10px;text-align:center; cursor:pointer;}
.ProductListItem .ModelName{background-color:#dddca3;color:dimgray;font-weight:bold;padding:5 5 8 5;margin:0 5 0 5;}
.ProductListItem img{border:0px; width:100px; height:75px;margin:15px;}
.ProductListItem div.Oferta{width:127px; height:102px; position:absolute; background:url(images/ofertaico.gif) no-repeat;}
.ProductListItem div.Oferta span{width:100%;color:#999966;font-size:14px;font-family:Impact;border:3px solid #999966;background-color:#dddca3;position:relative;top:75px;}

 html>body .ProductListItem .ModelName{padding:5 5 10 5;}
 
 div.Carrito A{color:#9D0000;margin:15px; font-weight:bold;}
.volver {color:#9D0000;margin:15px; font-weight:bold;}

.ProductDetail{width:100%;margin:15px;}
.ProductDetail img{width:350px;border:0px;margin:15 0 15 0;}
.ProductDetail DIV.Producto{float:left;color: dimgray; width:400px; border:1px solid #999966;text-align:center; padding:15 5 15 5; margin:0 15 0 15;}	

.ProductDetail div.Oferta{width:260px; height:200px; position:absolute; background:url(images/oferta.gif) no-repeat;}
.ProductDetail div.Oferta span{width:200px;color:#999966;font-size:18px;font-family:Impact;border:3px solid #999966;background-color:#dddca3;position:relative;top:160px;}
.ProductList{width:100%;margin:15px;clear:both;padding:15 0 0 0;}
.ProductDetail .Descripcion{font:normal 1em Verdana; line-height:1.5em;}
/*  .ProductList div{padding:5px}*/

.OfertaGrande{BACKGROUND: url(images/oferta.gif) no-repeat; POSITION:absolute;TEXT-ALIGN: center;Width:264;Height:178;}
.OfertaGrande span{color:#999966;width:175px;font-size:large;font-family:Impact;font-weight:bold;border:5px solid #999966;background-color:#dddca3;position:relative;top:125px;}

.Oferta1{color:#9D0000;font-weight:bold;font-size:16pt;}
.welcome{font:bold italic 14px Verdana;}
BODY
{	
	height: 100%;
	scroll: No;
	scrollbar-3dlight-color:    #999966;
	scrollbar-arrow-color:      #999966;
	scrollbar-darkshadow-color: #999966;
	scrollbar-face-color:       #dddca3;
	scrollbar-highlight-color:  #dddca3;
	scrollbar-shadow-color:     #dddca3;
	scrollbar-track-color:      #999966
}


/* */
.HomeHead
{
    color: #999966;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px;
}

/* */
.ContentHead
{
    background-color: #dddca3;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 35px
}

/* */
.SubContentHead
{
    background-color: #dddca3;
    color: dimgray;
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    height: 20px
}

/* */
.UnitCost
{
    color: #808080;
    font-family: Verdana, Arial;
    font-size: 15px;
    line-height: 20pt
}

/* */
.ModelNumber
{
    color: #808080;
    font-family: Verdana, Arial;
    font-size: 11px;
    line-height: 20pt
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 20pt
}
.MostPopularHead
{
    background-color: #dddca3;
    color: #000000;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    padding-bottom:2px;
    padding-top:2px;
}

.buscar
{    
    color: white;
    font-family: Verdana, Arial;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none    
}

A.MostPopularItemText, A.MostPopularItemText:link, A.MostPopularItemText:visited
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none
}

A.MostPopularItemText:hover
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: underline
}

.ProductListHead
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}
.ProductListItem
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px
}

.CartListHead
{
    background-color: #dddca3;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #dddca3;
    line-height: 10pt
}

/* text style for the links */
A.SiteLink, A.SiteLink:link, A.SiteLink:visited
{
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #dddddd;
    font-size: 11px;
    cursor:pointer;
}   

A.SiteLink:hover    
{
    text-decoration: underline;
    color: white;
}

.SiteLinkBold, A.SiteLinkBold:link, A.SiteLinkBold:visited
{
    color: #dddddd;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold;
        cursor:pointer;
}


A.SiteLinkBold:hover
{
    color: white;
    text-decoration: none    
}

A.aimage, A.aimage:Link, A.aimage:visited
{
	text-decoration: none
}

/* */
A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: goldenrod;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: white;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  16px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuSelected:hover
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

/* GENERAL */

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px    
}

.NormalDouble
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px    
}

/* text style used for textboxes in the admin pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for selects in the admin pages, for Nav compatibility */
.NormalSelect
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

/* text style used for textboxes in the edit pages, for Nav compatibility */
.EditTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    border-color: #999966;
    width: 100%;
}

/* text style used for controls in the admin and edit pages, for Nav compatibility */
.NormalControl
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalCheckBox
{
    margin-left: -4px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalRadio
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.NormalButton
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-indent: -5px;
/*    border-style: solid;
    border-width: 1px;
    border-color: #cccc99; */
    background-color:#ccccaa;    
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px    
}

.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px    
}

.scroll 
{
	height: 100%;
	width: 100%;
	overflow: scroll;
	border: 0px	 solid #666;	
	background-color: #dddca3;
	padding: 8px;		
	scrollbar-3dlight-color:    #999966;
	scrollbar-arrow-color:      #999966;
	scrollbar-darkshadow-color: #999966;
	scrollbar-face-color:       #dddca3;
	scrollbar-highlight-color:  #dddca3;
	scrollbar-shadow-color:     #dddca3;
	scrollbar-track-color:      #999966

}

.scroll2 
{
	height: 100%;
	width: 100%;
	overflow: scroll;
	border: 0px	 solid #666;		
	padding: 8px;		
	scrollbar-3dlight-color:    #999966;
	scrollbar-arrow-color:      #999966;
	scrollbar-darkshadow-color: #999966;
	scrollbar-face-color:       #dddca3;
	scrollbar-highlight-color:  #dddca3;
	scrollbar-shadow-color:     #dddca3;
	scrollbar-track-color:      #999966
}
.tdmenu
{
	width:20%
}

A:link  {
    text-decoration: none;
    color:  black;
}

A, A:hover {
    text-decoration: underline;
    color:  black;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    height:1pt;
    text-align:left
}