html, body {
	margin: 0;
	padding: 0;
	
	height:100%;
	background:#FFF url(../images/back-yellow.jpg) repeat scroll 0 0;
	
	color:#000;
	font-family: Verdana;
	font-size:11px;
}

a {
	text-decoration:none;
	outline:none;
}

h1, h3 {
	font-size:1px;
	margin:0;
	padding:0;
	text-indent:-1500px;
}

/*========================*/
/* CLASES GENERALES */
/*========================*/
div.clear {
	clear:both;
}


/*========================*/
/* HEADER */
/*========================*/
div#header {
	background:transparent url(../images/home/header-bg.jpg) repeat-x scroll left top;
	height: 343px;
}

div#header-banner {
	height: 344px;
	margin: 0 auto;
	width: 962px;
}
div#header-banner div#menucontent {
	background:transparent url(../images/home/header.jpg) no-repeat scroll 0 0;
}


/*========================*/
/* CONTAINER */
/*========================*/
div#container {
	background:transparent url(../images/drop-shadow.png) repeat-x scroll 0 0;
}

div#content {
	background:transparent url(../images/container-background.jpg) repeat-y scroll 0 0;
	margin:0 auto;
	width:962px;
}

div#container-top {
	background:transparent url(../images/container-top.jpg) no-repeat scroll 0 0 !important;
	background:none;
}

div#container-bottom {
	background:transparent url(../images/container-bottom.jpg) no-repeat scroll left bottom;
	padding:0 0 26px 0;
}

div#publicidad {
	background:transparent url(../images/publicidad-back.jpg) no-repeat scroll 0 bottom;
	height:120px;
	margin:0 auto;
	padding:12px 0 0 0;
	width:900px;
}
div#publicidad img {
	border: 0;
	padding: 14px 0;
}

/*========================*/
/* FOOTER */
/*========================*/
div#footer {
	position:absolute;
	width:100%;
}
div#footer, div#footer a {
	color:#00811d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:40px 0 31px 0;
	text-align:center;
	text-decoration:none;
}

div#gruma-holder {
	background:transparent url(../images/gruma.gif) no-repeat scroll 0 0;
	height:110px;
	position:absolute;
	right:0;
	width:130px;
}



/*==========================*/ 
/* RATING */
/*==========================*/
.rating {
	cursor: pointer;
    clear: both;
    display: block;
    width: 100px;
}
.rating:after {
	content: '.';
    display: block;
    height: 0;
    width: 0;
        clear: both;
        visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}

div.done, div.done a {
  cursor: default;
}

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}

.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a {
	background-position: 0 -32px;
}



/*========================*/
/* TIPOGRAFIAS */
/*========================*/
.texto {
	color:#808080;
	font:normal normal normal 12px Arial, Helvetica, sans-serif;
}
pre {
	font:inherit;
	font-size:inherit;
	line-height:inherit;
	margin:inherit;
	padding:inherit;
}


/* div para mostrar errores o informacion */
div#error {
	padding:60px 0 20px;
	color: #EA4C01;
	font:normal normal bold 16px Arial, Helvetica, sans-serif;;
	text-align:center;
}
div#error2 {
	width: 100%;
	margin: 0 0 0 16px;
	color: #F00;
	font-weight: bold;
}