/*  Colores Primarios:
	block background: #990000
    block alternate: #994D00
    light alternate: #FF7A95
    grey: #eeeeee
    Warning colors: Cornsilk, DarkRed
*/
body,table,td,th,input,textarea,select
{
    font-family: verdana,sans-serif;
    font-size: 10pt;
}
body
{
    margin-top: 0pt;
    padding-top: 0pt; 
}
pre
{
    color: darkblue;
    font-family: monospace, courier new;
    font-size: 10pt;
    font-weight: normal;
}
h1
{
    background-color: #FFFF00;
    color: navy;
    font-size: 16pt;
    height: 25pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0px;
    padding-top: 3pt;
    text-align: center
}
h2
{
    color: red;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
h3
{
    color: navy;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
form
{
    margin-bottom: 0pt;
    margin-top: 0pt;
    padding-bottom: 0pt;
    padding-top: 0pt
}
table
{
 	border-collapse: collapse;
}
table.blackborder, div.blackborder
{
	border-style:solid;
	border-width: 2px;
	border-color: #990000;
}
td
{
	border-collapse: collapse;
    border-color: lightgrey;
}
table.blackborder td
{
	border-width: 1px;
	border-color: lightgrey;
}
th
{
	border-collapse: collapse;
	font-weight: bold;
	text-align: center;
}
a 
{ color:darkblue; }
a:visited
{
	color: darkred;
}
a:hover 
{ color:red;}
hr 
{ color: #FF0000; background: #990000; border: 0; height:1px;}
	
ul 
{
    margin-bottom: 0pt;
    margin-top: 2pt;
    padding-bottom: 2pt;
    padding-top: 2pt;
}	
li
{
	padding-top: 2pt;
	padding-bottom: 0pt;
}
/* 
   Pagina principal, parte izquierda 
   imagen de una ola
*/
.categorylistbackground
{
	width: 170px;
	background: transparent url(images/horizontal180.png);
	vertical-align: top;
	padding-left: 4px;
	padding-right: 6px;
}
.smallbody 
{
    font-size: 8pt;
    font-weight: normal;
}
small
{
    font-size: 8pt;
    font-weight: normal;
}

/* Fondo y encabezados PARTE ADMINISTRACION. */
.menuband, .gridheader, .gridheaderbig, .buttonlinks, .blockheader, .roundedcorner_center,.gridpager
{
	color: cornsilk;
	background-color: #CC0000;
	padding: 0px;
}
/* colores alternos
*/
.alternatebackground
{
	color: black;
	background-color: #FFFF66;
}

/* encabezados tablas. */
.blockheader
{
	font-weight:bold;
}

.webstoretitletext 
{
	color: red;
	font-size: 24pt;
	font-weight: bold;	
}
.webstorebanner
{
	font-weight:bold;
	background: red url(images/vertgradient.png) ;	
	height:24px;
	white-space:nowrap;
}
/* MENU HORIZONTAL */
.webstorebannertext
{
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.webstorebannertext:visited
{
	color: FF0000;
}
.webstorebannertext:hover
{
	color: yellow;

}


/* en las categorias */
.menucolumn 
{ 
	padding:5px;
	border-bottom: solid 1px darkred ;
}
.menulink
{
    color: #990000;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none ;
    display:block;
    text-align:left;
    padding-top:4px;
    padding-bottom: 4px;
    padding-left: 5px;
    border-color: #990000;
}
.menulink:visited { color: #FF0000; } 
.menulink:hover { color:blue; font-weight:bold;}
.menuband
{	
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	text-align: center;
}
.buttonlinks 
{
    font-weight:bold;
    text-decoration: none;
    display: block;
    padding:2px;
}
.buttonlinks:visited { color: cornsilk; }
.buttonlinks:hover { color:#990000; text-decoration:none; background:white;} 

.imagelink
{
	text-decoration: none;
	display: inline-block;
	padding-left:4px;
	padding-right: 4px;
	padding-top: 2px;
}
.imagelink:hover { background: #009999; color:black; text-decoration:none; } 

.submitbutton
{
	font-weight: bold;
	height: 35px;
	width: 200px;
	background: url(images/submitbutton.gif);
	color: lemonchiffon;
	border: none 0px;
}
.submitbutton:hover { background: url(images/submitbuttonhover.gif); } 
.submitbutton:active { background: url(images/submitbuttonpressed.gif); }

.smallbutton
{
	height: 22px;
	width: 90px;
	font-size: 8pt;
	color: navy;
	background: url(images/smallbutton.gif);
	border: none 0px;
}
.smallbutton:hover { background: url(images/smallbuttonhover.gif); }
.smallbutton:active { background: url(images/smallbuttonpressed.gif); }

.smallbuttontext
{
	font-size: 8pt;
	height: 20px;
}

.gradienthighlight
{
	background: white url(images/horizontalgradient.gif) repeat-y;
}
.gridheader, .gridheaderbig, .gridheaderleft, .gridheaderright, .gridpager
{
	height: 20px;
	padding: 4px 4px 4px 4px;
	background:  url(images/vertgradient.png) repeat-x bottom;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.gridheaderleft
{
	text-align: left;
}
.gridheaderright
{
	text-align: right;
}
.gridheaderbig
{
	background: url(images/vertgradient40.png) repeat-x bottom;
}
.gridnormal
{
	background-color: #eeeeee;
}
.gridalternate
{
	background-color:#ffcc99;
}
.gridhighlight
{
	background-color:#ffcc66;
	cursor:pointer;
}
.gridpager, .gridpager td
{	
	text-align: right;
	color: khaki;
	font-weight: bold;
	font-size: 11pt;
	text-decoration: none;		
	padding-left: 3px;
}
.gridpager a
{		
	font-size: 10pt;	
	color: white;	
}
.errormessage
{
	font-size: 10pt;
	font-weight: bold;
	color: red;
}
.errordisplay
{
	font-size: 10pt;
	font-weight: normal;
	color: darkred;
	border:solid 2px darkred;
	background-color:cornsilk;
	padding-left:15pt;
	padding-right:10pt;
	line-height: 15pt;
}
.errordisplay hr
{
	color: darkred;
}
.dialogwindow
{
	margin:0px;
	background: #eeeeee;
	font-size: 8pt;
}
.descriptionheader
{
	background: cornsilk;
	color: darkblue;
	font-size: 8pt;
	text-align: left;
	padding: 10px;
}


.tabbutton, .selectedtabbutton
{
	font-size: 8pt;
	background: transparent url(images/tabnormal.gif) no-repeat;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
	color: darkblue;
	width: 120px;
	border: none 0px;
	margin: 0px;
	padding:0px;
}
.tabbutton:hover
{
	background: transparent url(images/tabhover.gif) no-repeat;
}
.selectedtabbutton 
{ 
	font-weight: bold; 
	color: white; 
	background:transparent url(images/tabselected.gif) no-repeat;
	cursor:default;
}

.roundedcordner_ul, .roundedcorner_ur
{
	height:25px;
	width: 20px; 
	padding: 0px;
}
.roundedcorner_ul
{
	background: url(images/corner_ul.gif) no-repeat;
}
.roundedcorner_ur
{
	background: url(images/corner_ur.gif) no-repeat;
}
.roundedcorner_center
{
	height:20px; 
	text-align: center;
	padding: 2px 0px 0px 0px;
	font-weight: bold;
	background-color: #990000;
}


/* mas datos */
.accountlinks
{ 
    color: red;
    text-decoration: none;
    font-weight: bold;
}
.accountlinks:visited { color: darkred; }
.accountlinks:hover
{
    color: blue;
    font-weight: normal;
}
.headerimagediv
{
/*	background: yellow url(images/sunset.jpg) no-repeat; */
	height:25px;
/*	border: solid;  */
	border: white;
	background: white;
}

.roundedbar_top
{
	height:21px;
	width: 170px; 
	padding: 5px 0px 0px 0px;
	font-weight:bold;
	text-align: center;	
	color: khaki;
	background: url(images/roundedbar_top.png) no-repeat;
}
.roundedbar_bottom
{
	height:12px;
	width: 170px; 
	background: url(images/roundedbar_bottom.png) no-repeat;
}