/*	[inicio] estilo para los comentarios. Ejemplo:  <blockquote class="rounded"> ... </blockquote> */
.rounded:before {
  background: transparent url(imagenes/top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  content: url(imagenes/top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}


.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(imagenes/bottom-left.png);
  margin: 0 0 -1px 0;
  height: 30px;
  background: transparent url(imagenes/bottom-right.png) scroll no-repeat bottom right ;
  padding: 0;
}
/*	[fin] estilo para los comentarios */



/*	[inicio] estilo de caja redonda (fluid)*/
/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

		.boxhead {
			background: url(imagenes/sbhead-r.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.boxhead h2 {
			background: url(imagenes/sbhead-l.gif) no-repeat top left;
			margin: 0px;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.boxbody {
			background: url(imagenes/sbbody-l.gif) no-repeat bottom left;
			margin: 0;
			padding: 5px 30px 31px;
		}
		.widthlessbox {
			/*margin: 10px 90px; /* NO WIDTH! Opens up a world of possibilities! */
			background: url(imagenes/sbbody-r.gif) no-repeat bottom right;
			font-size: 100%;
			background-color: #e5e5e5;
		}
/*	[fin] estilo de caja redonda (fluid)*/


/*	[inicio] estilo de caja redonda (fluid)*/
/* Show only to IE PC \*/
		* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

		.boxhead2 {
			background: url(imagenes/sbhead-r2.gif) no-repeat top right;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.boxhead2 h2 {
			background: url(imagenes/sbhead-l2.gif) no-repeat top left;
			margin: 0;
			padding: 20px 30px 5px;
			color: white; 
			font-weight: bold; 
			font-size: 1.2em; 
			line-height: 1em;
			text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
		}
		.boxbody2 {
			background: url(imagenes/sbbody-l2.gif) no-repeat bottom left;
			margin: 0;
			padding: 5px 30px 31px;
		}
		.widthlessbox2 {
			/*margin: 10 90; /* NO WIDTH! Opens up a world of possibilities! */
			background: url(imagenes/sbbody-r2.gif) no-repeat bottom right;
			font-size: 100%;
			background-color: #1a1a1a;
		}
/*	[fin] estilo de caja redonda (fluid)*/




/*	[inicio] caja donde va los datos de la loteria	*/
.loteria-contenido{
	color: #ffffff;
	text-align: center;
}
/*	[fin] caja donde va los datos de la loteria	*/


/*	[inicio] esta serie de clases se encarga de darle bordes redondes a los contenedores	*/
.contenedor-caja {
      width: 100%;
      margin: 0 auto;
      color: #000;
      background: url('imagenes/encabezado_fondo.png') top left repeat-x transparent;
      position: relative;
      border: 0 none #535353;
	  height:220px;
}

.contenedor-barra-navegacion{
	width: 100%;
      margin: 0 auto;
      color: #000;
      position: relative;
      border: 0 none #535353;
	  height:40px;
	  background-color: #2E2E2E;
}

.contenedor-bloque-sombrero-seleccionador{
	width: 100%;
      margin: 0 auto;
      color: #fff;
      position: relative;
      border: 0 none #535353;
	  background-color: #CEF6F5;
}

.contenedor-bloque-tips{
	width: 100%;
      margin: 0 auto;
      color: #000;
      position: relative;
      border: 0 none #535353;
	  background-color: #F2F5A9;
}

.contenedor-bloque-libro-firmas{
	width: 100%;
      margin: 0 auto;
      color: #000;
      position: relative;
      border: 0 none #535353;
	  background-color: #fff;
}

.contenedor-esquina-arriba-i {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_top-left.png') top left no-repeat transparent;
      position: absolute;
      top: 0; left: 0;
}

.contenedor-tips-esquina-arriba-i {
      width: 6px;
      height: 5px;
      background: url('imagenes/hrwhite_top-left.png') top left no-repeat transparent;
      position: absolute;
      top: 0; left: 0;
}

.contenedor-esquina-arriba-d {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_top-right.png') top left no-repeat transparent;
      position: absolute;
      top: 0; right: 0;
}

.contenedor-tips-esquina-arriba-d {
      width: 6px;
      height: 5px;
      background: url('imagenes/hrwhite_top-right.png') top left no-repeat transparent;
      position: absolute;
      top: 0; right: 0;
}

.contenedor-esquina-abajo-i {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_bottom-left.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; left: 0;
}

.contenedor-tips-esquina-abajo-i {
      width: 6px;
      height: 5px;
      background: url('imagenes/hrwhite_bottom-left.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; left: 0;
}

.contenedor-esquina-abajo-d {
      width: 6px;
      height: 5px;
      background: url('imagenes/hr_bottom-right.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; right: 0;
}

.contenedor-tips-esquina-abajo-i {
      width: 6px;
      height: 5px;
      background: url('imagenes/hrwhite_bottom-left.png') top left no-repeat transparent;
      position: absolute;
      bottom: 0; left: 0;
}
/*	[inicio] esta serie de clases se encarga de darle bordes redondes a los contenedores	*/



/*	[inicio] serie de clases para cajas normales, ejemplo: tiendas de hogmeade	*/
.contenedor-caja-hogsmeade{
	border: 1px solid #A4A4A4;
	width: 95%;
}

.encabezado-caja-hogsmeade{
	background-image: url("imagenes/verde.gif");
	border-bottom: 1px solid #A4A4A4;
	height: 24px; /* maximo 38*/
	padding: 3px 10px 3px 10px;
}

.titulo-icono-caja-hogsmeade{
	background: url("imagenes/rrs_icon.gif") no-repeat top right;
	font-weight: bold
}

.contenido-caja-hogsmeade{
	padding: 10px 10px 5px 10px;
	color: #000000;
}



/*	[fin] serie de clases para cajas normales, ejemplo: tiendas de hogmeade	*/