body
{
	padding: 0px;
	margin: 0px;
	background: #FFF3CF url('img/bg.gif');
	font:.8em Verdana,sans-serif,arial;
}
#top-banners 
{
	width:100%;
	background:#001e39;	
}
#content-top 
{
	width:100%;		
}
input.button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#6F9FBD none repeat-x scroll 0 0;
border:1px solid #57839F;
color:#FFFFFF;
font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
font-size:14px;
padding:3px 2px 2px;
}
h1
{
	font: bold 22px Verdana, Arial, Helvetica, sans-serif; color: #353535;
	padding: 0px;
	margin: 0px 0px 10px 0px; 
}
h1.big
{
	font-size:30px;	
}
/*h2
{
	font: normal 18px Verdana, Arial, Helvetica, sans-serif; color: #353535;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}*/
h2 {
	background:#AB3333 none repeat scroll 0 0;
	border-bottom:1px solid #D8E39E;
	color:white;
	padding:0.4em;
	font-size:14px;
}
h1 a 
{
	font-weight:bold;	
	font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #993333;
}
/*h2 span
{
	background-color:#FFFFFF; color:#A60101;
	font:normal 18px/42px Georgia, "Times New Roman", Times, serif;
}
*/
fieldset 
{
	border:1px solid #D0D0D0;
	color:#606060;	
}
h3
{
	font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #353535;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
p
{
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; color: #2d2d2d;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
a 
{
	text-decoration:none;
	color:#00669F;	
}
a:hover 
{
	text-decoration:underline;	
}
img 
{
	border:0px;	
}

#top /*menu, logo, busqueada*/
{
	width: 1000px;
	height: 80px;
	padding: 0px;
	margin:0px auto 0px auto;
}
#logo
{
	width: 340px;
	height: 67px;
	margin: 5px 0px 10px 5px;
	padding: 0px;
	float: left;
	
}
.banner728 
{
	width:728px;	
	float:left;
	
	height:90px;
	border:4px solid #001F39;
	
}
.banner468 
{
	width:468px;	
	float:left;
	height:60px;
	border:4px solid #001F39;
	margin-left:260px;
}
.logo.two
{
	background: url(img/logo2.jpg) no-repeat left top;
}
.logo.three
{
	background: url(img/logo3.jpg) no-repeat left top;
}
.logo.four
{
	background: url(http://www.recetasdehoy.com/thm/img/logo.gif) no-repeat left top;
}
.logo a
{
	display: block;
	border: 0px none;

}
.menu {
		margin-right:5px;
		margin-left:5px;
		color:white;
		font-weight:bold;
}
a.menu:hover
{
	color:#96A73E;	
}
.navbar
{
	width: 1000px;
	height: 20px;
	clear: both;
}
.navbar ul/*Menu de situacion*/
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: 20px;
	list-style-type: none;
	float: left;
	width:400px;
	background: url(img/navbar_start.gif) no-repeat left top;
	font: normal 10px Arial, Verdana, Helvetica, sans-serif; color: #695500;
}
.navbar ul li
{
	margin: 0px;
	padding: 3px 5px 0px 0px;
	float: left;
	height: 17px;
	background: url(img/navbar_bg.gif) repeat-x left top;
}
.navbar ul li.end
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 5px;
	height: 20px;
	background: url(img/navbar_end.gif) no-repeat left top;
}
.navbar ul li a
{
	padding: 0px 0px 0px 15px;
	height: 17px;
	width: auto;
	color: #695500; text-decoration: none;
	background: url(img/navbar_arrow.gif) no-repeat 0px 0px;
}
.navbar ul li a:hover
{
	text-decoration: underline;
}
.navbar .search/*Busqueda*/
{
	float: right;
	width: 275px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}
.navbar form.search input
{
	font: normal 10px Arial, Verdana, Helvetica, sans-serif; color: #353535;
	background: transparent url(img/input_search.gif) no-repeat left top;
	margin-left: 5px;
	padding: 2px 5px 0px 5px;
	width: 185px;
	height: 18px;
	border: 0px none;
	cursor: default;
	float: left;
}
.navbar form.search input.submit
{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #504f4f;
	background: url(img/input_searchsubmit.gif) no-repeat left top;
	width: 70px;
	height: 20px;
	cursor: pointer;
	padding: 0px;
}
#main/*contenedor de contenido*/
{
	width: 1000px;
	clear: both;
	border:1px solid #E2D49D;
	 border-radius: 7px;
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
-khtml-border-radius:7px;
-o-border-radius: 7px;
	background: #fff;
	margin:0 auto;
	padding: 10px 0px 60px 0px;
}
.content/*"contenido"*/
{
	width: 980px;
	margin: 0px auto 0px auto;	
}
#content 
{
	width:620px;
	float:left;
	border-right:1px solid #CECECE;
	padding-right:10px;
}
.left600/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 600px;
}
.left500/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 500px;
}
.left550/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 550px;
}
.left400/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 385px;
}
.left360/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 360px;
}
.left200/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 200px;
}
.left150/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 150px;
}
.left100/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 100px;
}
.left50/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 50px;
}
.left250/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 250px;
}
.left300/*para paginas con 2 columnas; izquierda de 620, derecha con p.e. "module" de 300;*/
{
	float: left;
	width: 300px;
}
.border
{
	/*border:3px solid black;*/	
}
.border-right
{
	padding:10px;
	border-right:1px solid #d4d4d4;	
}
/*estilos para modulos de top mensual, noticias, registro, etc.*/
.module
{
	width: 300px;
	float: left;	
	background: #ebeae9;
	padding:5px;
}
.doublemodule 
{
	width: 630px;
	float: left;
	padding:5px;
	margin: 0px;
	background: #ebeae9;	
}
.right/*combinarlo p.e. con clase "module" para flotarlo a la derecha */
{
	float: right;
	margin: 0px 0px 0px 0px;
}

.module h2.grey
{
	color: #353535;
}
.module p.title
{
	font: bold 15px Verdana, Arial, Helvetica, sans-serif; color: #b06b2d; text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}
.module .footer
{
	background: #ebeae9; /*url(img/module_footer.gif) no-repeat left bottom;*/
	height: 10px;
	clear: both;
}
.module.intro/*colores y fondo distinto para destacar seccion registro como en ejemplo*/
{
	background: transparent url(img/module_intro3.jpg) no-repeat left top;
	height: 235px;
	padding-top: 10px;
	width:350px;
	font: normal 16px Arial, Verdana, Helvetica, sans-serif; 
}
.module.intro h2
{
	font: normal 24px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-align: left;
	padding: 0px 10px 5px 20px;
	margin: 0px;
}
.module.intro span 
{
	background-color: black;
	padding:4px;
	font-size:12px;
	line-height:200%;	
}
.module.intro p
{
	color: white;
	padding: 0px 20px 10px 20px;
	font-weight:bold;
	margin: 0px;
}
.module.intro p a
{
	
}
.module p.center,.module.intro p.center
{
	text-align: center;
}
.module.intro input
{
	background: transparent gray no-repeat left top;
	border: 0px none;
	width: 130px;
	height: 30px;
	margin: 0px auto 20px 85px;
	padding: 0px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

.module ul.dates, ul.list/*fechas con descripcion de evento*/
{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #353535;
}
ul.list li
{
	margin-bottom:10px;
	width:120px;
	float:left;
}

.module ul.dates li
{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	clear: both;
}
.module ul.dates li .date
{
	background: transparent url(img/date_bg.gif) no-repeat left top;
	float: left;
	width: 32px;
	height: 32px;
	display: block;
	margin: 0px 5px 0px 0px;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #fff; text-align: center;
	cursor: default;
}
.module ul.dates li a
{
	color: #353535; text-decoration: none;
}
.module ul.dates li a:hover
{
	text-decoration: underline;
}
ul.top/*listados de top ventas, graffitis o lo que sea*/
{
	width: 300px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #353535;
}

ul.news/*listados de top ventas, graffitis o lo que sea*/
{
	width:100%;
}
ul.news h1 
{
	font-size:16px;	
}
ul.top li
{
	padding: 18px 10px 25px 40px;
	margin: 0px;
	clear: both;
	
}
ul.news p
{
	font-size:12px;
	color:#333333;
	line-height:150%;
}
ul.news li
{
	padding:0px;
	border:0px;
	padding-bottom: 15px;
	margin: 0px;
	clear: both;
	
}
ul.top li a img
{
	float: left;
	width: 80px;
	height: 80px;
	display: block;
	margin: -10px 10px 0px 0px;
	border: 1px solid #fff;
}
ul.news li a img
{
	float: left;
	width: 100px;
	height: 100px;
	display: block;
	margin-right: 10px;
	margin-top: 2px;
	border:3px solid gray;
	
}
ul.top li a:hover
{
	text-decoration: underline;
}
#calendar/*Calendario Eventos*/ 
{
	margin: 5px auto 0px auto;
	width: 161px;
	border: 0px none;
	clear: both;
}
#calendar ul
{
	width: 161px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style-type: none;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #4c4c4b; text-align: center;
}
#calendar ul li
{
	background: url(img/calendarcell.jpg) repeat-x left top;
	width: 21px;
	height: 18px;
	padding: 3px 0px 0px 0px;
	border: 1px solid;
	border-color: #fff #a1a09f #a1a09f #fff;
	float: left;
	cursor: default;
}
#calendar ul li.back, #calendar ul li.back:hover
{
	background: url(img/calendar_back.gif) no-repeat left top;
	width: 20px;
	height: 20px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
}
#calendar ul li.month, #calendar ul li.month:hover
{
	background: transparent;
	width: 121px;
	height: 17px;
	padding: 3px 0px 0px 0px;
	border: 0px none;
	font-size: 14px; color: #4c4c4b; 
}
#calendar ul li.next, #calendar ul li.next:hover
{
	background: url(img/calendar_next.gif) no-repeat left top;
	width: 20px;
	height: 20px;
	padding: 0px;
	border: 0px none;
	cursor: pointer;
}
#calendar ul li.days
{
	background: url(img/calendarday.jpg) repeat-x left top;
	width: 23px;
	height: 20px;
	padding: 3px 0px 0px 0px;
	margin-top: 2px;
	border: 0px none;
	float: left;
	cursor: default;
}
#calendar ul li.noday
{
	background: url(img/calendar_noday.jpg) repeat-x left top;
	color: #afaeae;
}
#calendar ul li.today
{
	background: url(img/calendar_today.jpg) repeat-x left top;
	color: #fff;
}
#calendar ul li:hover
{
	background: url(img/calendar_hover.jpg) repeat-x left top;
	border-color: #fff #5d5d5d #5d5d5d #fff;
	color: #fff;
}
#calendar ul li.days:hover
{
	border: 0px none;
	color: #4c4c4b;
	background: url(img/calendarday.jpg) repeat-x left top;
}
.clearbar
{
	width: 100%;
	height: 5px;
	margin: 0px;
	clear: both;
}
.clearline
{
	width: 100%;
	background: url(img/clearline.gif) repeat-x left bottom;
	padding: 8px 0px 0px 0px;
	height: 2px;
	clear: both;
}
#footer/*menus inferiores, logo, copyright*/
{
	width: 980px;
	height: 150px;
	background:#AB3333;  	
	clear: both;
	margin:0 auto;	
	padding: 10px;
}
#footer *
{
	color:white;	
}
#footer ul/*Menu de situacion*/
{
	margin: 0px;
	padding: 10px 0px 0px 5px;
	width: 175px;
	list-style-type: none;
	float: left;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #525252;
}
#footer ul.last/*Menu de situacion*/
{
	margin: -5px 0px 0px 0px;
	padding: 18px 0px 0px 0px;
	width: 180px;
	float: right;
	border:1px solid #cdcccc;
	background: white;
}
#footer ul li
{
	margin: 0px;
	padding: 0px;
}
#footer ul li.title
{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;
	padding-bottom: 5px;
}
#footer ul.last *
{
	color:black;	
}
#footer ul li a
{
	text-decoration: none;
}
#footer ul.last li
{
	margin-left: 30px;
}
#footer ul.last li.end
{
	padding: 15px 0px 5px 30px;
	width: 150px;
	background: #00203C;
	margin: 0px;
}
#footer ul.last li a
{
	color: #fff;
}
#footer ul li a:hover
{
	text-decoration: underline;
}
.imagen 
{
	float:left;
	margin:10px;
	border: 2px solid gray;	
}
.clear 
{
	clear:both;
}
.tag 
{
	color:gray;	
}
.tag a {
	text-decoration:underline;
	color:#134D86;	
}
.tag, .tag *
{
	font-size:10px;
	padding:0px;
	text-align:left;
}
.tag2 
{
	float:left;
	margin-right:15px;
	font-size:14px;
}
.barline
{
	border-bottom:1px solid #d4d4d4;
	padding:5px;
	width:100%;	
}
a.tag {
background-color:#E0E0E0;
color:#000 !important;
margin-bottom:10px;
padding:5px;
}
a.tag:hover{
	background-color:#D0D0D0;
}
p.directions
{
	line-height:200%;
	font-size:12px;
	color:#606060;
}
.form 
{
	padding:10px;
}
ul.listado 
{
	/**/
	list-style:none;
	font-size:8px;	
}
ul.white li * 
{
	list-style-image: url(img/iconlist.gif);
	color:white;
}
.small
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-weight:normal;
}
.minform 
{
	padding:5px;
}
.center 
{
	text-align:center;
	margin:0 auto;
}
span.yellow
{
	background:yellow;
	font-color:black;
	padding:2px;
}
.notice 
{
	background:#FFFFCC;
	border:1px solid #FFFF33;
	padding:10px;
	color:gray;	
}
h1.title 
{
	color:#AA050D;
	font-size:24px;
}
.post
{
	padding-top:10px;	
}
.link 
{
	background:url(img/permalink.gif) no-repeat left center;
	padding-left:15px;
}
.pestanas{
	width: 350px;
}
.marginleft1
{
	margin-left:10px;	
}
.cuerpopestanas{
	color: ffffff;
	clear:both;
	margin:0px;
	padding:4px;
}
.pestanas ul{
	margin:0px;
	padding:0px;
	list-style: none;
}
.pestanas li a 
{
	color:999999;	
}
.pestanas li{
	float:left;
	margin:0px 6px 0px 0px;
	padding:4px 6px 4px 6px;
	background-color: #EAEAEA;
	color: #999999;
	font-size:8pt;
}
li.pestanaseleccionada{
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
}
ul.listado {
	padding:5px;
	text-align:left;
}
ul.listado li {
	font-size:12px;
	padding:5px;
	border-bottom:1px solid #C4C4C4;
}
div.login 
{
	width:240px;
	background:#ebeae9;
	float:left;
	height:180px;
}
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }


/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #d4d4d4;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;    
      background:url("img/tableftJ.gif") no-repeat left top;
      background-position:0% -42px;
      margin:0;
      font-weight:bold;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("img/tabrightJ.gif") no-repeat right top;
      background-position:100% -42px;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#24618E;
      }
    #tabsJ a:hover { 
      background:url("img/tableftJ.gif") no-repeat left top;
      }
    #tabsJ a:hover span {
      background:url("img/tabrightJ.gif") no-repeat right top;
      }
      
      /*- Menu Tabs A--------------------------- */

    #tabsA {
      float:left;
      width:100%;
      background:#F4F4F4;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsA ul {
	  margin:0;
	  padding:00px;
	  list-style:none;
      }
    #tabsA li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsA a {
      float:left;
      background:url("img/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsA a span {
      float:left;
      display:block;
      background:url("img/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsA a span {float:none;}
    /* End IE5-Mac hack */
    #tabsA a:hover span {
      color:#FFF;
      }
    #tabsA a:hover {
      background-position:0% -42px;
      }
    #tabsA a:hover span {
      background-position:100% -42px;
      }
      
.aviso 
{
	background:#ffffe0;
	border:1px solid #e4e3b6;
	padding:10px;
}
ul.pages
{
	width: auto;
	height: 19px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #4c4c4b; text-align: center;
}
ul.pages li
{
	/*background: url(images/pagesmenu.jpg) repeat-x left top;*/
	width: 19px;
	height: 19px;
	padding: 0px;
	margin: 0px 2px 0px 0px;
	border: 0px none;
	float: left;
	cursor: default;
}
ul.pages li a
{
	background: url(img/pagesmenu.jpg) no-repeat -42px 0px;
	width: 19px;
	height: 17px;
	display: block;
	padding: 2px 0px 0px 0px;
	color: #3c3c3c; text-decoration: none;
}
ul.pages li a:hover
{
	background-position: -147px 0px;
	color: #fff;
}
ul.pages li a.selected
{
	background-position: -147px 0px;
	color: #fff;
}
ul.pages li a.back
{
	background: url(img/pagesmenu.jpg) no-repeat -21px 0px;
	padding: 0px;
	height: 19px;
}
ul.pages li a.back:hover
{
	background-position: -126px 0px;
}
ul.pages li a.next
{
	background: url(img/pagesmenu.jpg) no-repeat -63px 0px;
	padding: 0px;
	height: 19px;
}
ul.pages li a.next:hover
{
	background-position: -168px 0px;
}
ul.pages li a.first
{
	background: url(img/pagesmenu.jpg) no-repeat 0px 0px;
	padding: 0px;
	height: 19px;
}
ul.pages li a.first:hover
{
	background-position: -105px 0px;
}
ul.pages li a.last
{
	background: url(img/pagesmenu.jpg) no-repeat -84px 0px;
	padding: 0px;
	height: 19px;
}
ul.pages li a.last:hover
{
	background-position: -189px 0px;
}

/* COMMENTS */


.comment { margin:10px 0; background:url(http://www.blogcatalog.com//css/images/comment_bg.gif) 60px top  repeat-y; }
.comment .avatar { float:left; width:50px; height:50px; margin:0 10px 0 0; border:2px solid #B0B0B0; }
.comment .entry { background-color:#f7f7f7; border:1px solid #e1e1e1; border-left:none; margin-left:79px; padding:10px 15px;  }
.comment .entry h4 { font-size:14px; margin:0; }
.comment .entry h4 img { float:right;}
.comment .entry h4 a { text-decoration:none;}
.comment .entry p { color:#2A2A2A; font-size:12px; margin:7px 0; }
.comment .entry p.meta { font-size:10px; border-top:1px solid #e1e1e1; margin:0; padding:5px 0 0 0; }
.comment p { line-height:150%;}

.entry 
{
	color:#404040;	
}
#geo 
{
	float:right;
	padding:3px;
	font-size:11px;
	width:450px;
}
.box 
{
	float:left;width:160px;height:180px;
	border:1px solid gray:
}
.box2 {
	background:#FFFFFF url(http://www.hhdirecto.net/thm/img/box.gif) repeat-x scroll left top;
	border:1px solid silver;
	float:left;	
	padding:5px;
	text-align:center;
	width:285px;
}
.gris 
{
	background:#eaeaea;
}
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(http://www.hhdirecto.net/thm/img/star-matrix1.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(http://www.hhdirecto.net/thm/img/star-matrix1.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */

.evento 
{
	float:left;width:82px;margin:5px;height:100px;
}
.evento img {
	height:80px;width:82px;border:3px solid gray;padding:0px;margin-top:0px;text-align:left;
}
div.amarillo
{
	background:#FFFFCC;
	padding:5px;
}
.foto{float:left;width:70px;      margin-left:10px;      padding-top:10px;      background:url('http://www.emoxion.com/thm/img/alpha/fondofoto.gif') no-repeat;      text-align:center;}
.foto img{height:50px;  width:50px;  border:1px solid gray;}
.nifty{ margin: 0%;background: #AB3333;float:right; margin-top:40px;margin-left:0px;margin-bottom:10px;width:610px;text-align:center;}
b.rtop, b.rbottom{display:block;background: #EADFB2}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #AB3333}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.gris {font-size:11px;}
.border {
background:#FEFFF1 none repeat scroll 0 0;
border:1px solid #CEDC88;
}
/*             styles for the star rater                */	
	.star-rating2{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 150px;
		height: 30px;
		position: relative;
		background: url(http://www.recetasdehoy.com/thm/img/star_rating2.gif) top left repeat-x;		
	}
	.star-rating2 li{
		padding:0px;
		margin:0px;
		height:30px;
		width: 30px;		
		/*\*/
		float: left;
		/* */
	}
	.star-rating2 li a{
		display:block;
		width:30px;
		height: 30px;
		line-height:30px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating2 li a:hover{
		background: url(http://www.recetasdehoy.com/thm/img/star_rating2.gif) left center;
		z-index: 2;
		left: 0px;
		border:none;
	}
	.star-rating2 a.one-star{
		left: 0px;
	}
	.star-rating2 a.one-star:hover{
		width:30px;
	}
	.star-rating2 a.two-stars{
		left:30px;
	}
	.star-rating2 a.two-stars:hover{
		width: 60px;
	}
	.star-rating2 a.three-stars{
		left: 60px;
	}
	.star-rating2 a.three-stars:hover{
		width: 90px;
	}
	.star-rating2 a.four-stars{
		left: 90px;
	}	
	.star-rating2 a.four-stars:hover{
		width: 120px;
	}
	.star-rating2 a.five-stars{
		left: 120px;
	}
	.star-rating2 a.five-stars:hover{
		width: 150px;
	}
	.star-rating2 li.current-rating{
		background: url(http://www.recetasdehoy.com/thm/img/star_rating2.gif) left bottom;
		position: absolute;
		height: 30px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	.star-rating{list-style:none;margin:0px;padding:0px;width:150px;height:30px;position:relative;background:url(http://www.recetasdehoy.com/thm/img/star_rating.gif) top left repeat-x;}
.star-rating li{padding:0px;margin:0px;
/*\*/
float:left;
/* */
}
.star-rating li a{display:block;width:30px;height:30px;line-height:30px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px;overflow:hidden;}
.star-rating li a:hover{background:url(http://www.recetasdehoy.com/thm/img/star_rating.gif) left center;z-index:2;left:0px;border:none;}
.star-rating a.one-star{left:0px;}
.star-rating a.one-star:hover{width:30px;}
.star-rating a.two-stars{left:30px;}
.star-rating a.two-stars:hover{width:60px;}
.star-rating a.three-stars{left:60px;}
.star-rating a.three-stars:hover{width:90px;}
.star-rating a.four-stars{left:90px;}
.star-rating a.four-stars:hover{width:120px;}
.star-rating a.five-stars{left:120px;}
.star-rating a.five-stars:hover{width:150px;}
.star-rating li.current-rating{background:url(http://www.recetasdehoy.com/thm/img/star_rating.gif) left bottom;position:absolute;height:30px;display:block;text-indent:-9000px;z-index:1;}

input {
  font-size:16px;
}
label{width:16em; float:left; padding:5px; cursor:pointer;font-weight:bold; }