body { 
    margin:5px;
	background:url("/images/fondo_barras.jpg") center repeat-y #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#CCCCFF;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: bold;
	line-height: normal;
	color:#3349ef;
}

.inputError
{
	border:1px solid #FF0000;
	background-color: #FF8080;
	color:#FF0000;
}

.rojo{
	color:#F00;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: bold;
	line-height: normal;
	color:#3349ef;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: bold;
	line-height: normal;
	color:#3349ef;
}

td {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:18px;
}
	
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0c69c8;
	font-size: 12px;
	text-decoration:none;
}

a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5d94cd;
	font-size: 12px;
	text-decoration:none;
}

.marca {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #777777;
}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0em;
	text-indent: 0em;
}

.sinbullet {
	 list-style-image: url("/images/bullet.png"); 
} 

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: lighter;
	color: #777777;
}

.oculto{
	display:none;
}

.album{
  width:100%;
  background:#EAEAEA;
  text-align:center;
}
.album .imageSingle {
  float: left; 
  margin: 5px; 
  width:350px; 
  text-align:center; 
  border:solid 1px #333
}
.album .imageSingle .image {
  width:24px; 
  height:24px; 
  margin:3px;
  float:left
}

.album .footer {
  text-align:center;
  width: 175px;  
  color:#B50000; 
  font-weight:bold; 
  float:right;
  padding-top:8px;
}

.tooltitle {
  text-align:left;
  width: 127px;  
  color:#666666; 
  font-weight:bold; 
  padding: 8px 0px 0px 10px;
  float:left;
}


ul li {
  list-style-type: none;/*turns off display of bullet*/
}

.error_frm{
	background-color: red;
	color: yellow;
	font-size: smaller;
	font-family: sans-serif;
	text-align: right;
	padding-right: 10px;
}
/***** MENU *****/

#wrapperNavlist {
  display: block;
  background: #6295E9;
  margin-bottom: 20px;
  padding: 0;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #999999;
  font-weight: bold;
}

#navlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
}

#navlist a, #navlist a:visited {
  display: block;
  height: 24px;
  line-height: 24px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 15px;
  border: none;
  border-top: 1px solid #99CCCC;
  border-bottom: 1px solid #3564D8;
  color: white;
  text-decoration: none;
  background: url(/images/nav.jpg) repeat-x left top;
  font-size: 10px;
}

#navlist a:hover {
  background-position: 0 -24px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  color: white;
  font-size: 10px;  
}

#navlist #active a {
  display: block;
  background: #548BE7 url(/images/bullet.jpg) no-repeat left center;
  background-position: 25px;
  padding-left: 45px;
  cursor: default;
}
#agotado{
	color: red;
	font-family: sans-serif, serif;
}
/***** IMAGE REPLACEMENT *****/
h2.ir {
  position: relative;
  width: 175px;
  height: 25px;
  padding: 0;
  overflow: hidden;
}

h2.ir em {
  display: block;
  width: 175px;
  height: 25px;
  position: relative;
  background: url(/images/mainmenu.jpg) no-repeat left top;
}


h2.ira {
  position: relative;
  width: 175px;
  height: 25px;
  padding: 0;
  overflow: hidden;
}

h2.ira em {
  display: block;
  width: 175px;
  height: 25px;
  position: relative;
  background: url(/images/mainmenuamigos.jpg) no-repeat left top;
}