*
{
  padding: 0;
  margin: 0;
}

body
{
  text-align: center;
  font-family: Arial;
}

img
{
  border: 0;
}

#principal
{
  position: relative;
  width: 670px;
  margin: 5px auto;
  
}

/*ENCABEZADO*/
#encabezado
{
  width: 100%;
  height: 300px;
}

#logo
{
  position: absolute;
  float: right;
  right: 25px;
  width: 215px;/*revisar tama�o*/
  height: 45px;
  top: 20px;
  background: url('../images/logo.jpg') no-repeat;
}

#puntos
{
  position: absolute;
  top: 13px;
  left: 0;
  width: 280px;
  height: 280px;
  padding-top: 5px;
  text-align: right;
  background: url('../images/fondopuntos.png') no-repeat;
}

#titulonoticia
{
  position: absolute;
  right: 0;
  top: 84px;
  width: 440px;
  height: 163px;
  background: #F5F5F5;
  text-align: right;
  padding-top: 7px;
}

#mes
{
  position: absolute;
  width: 76px;
  .width: 86px;
  height: 26px;
  top: 75px;
  left: 270px;
  background: url('../images/mesfondo.png') no-repeat;
  padding: 30px 5px;
  color: #FFF;
  font-family: helvetica, Verdana;
  font-weight: bold;
  font-size: 12px;
}
#mes .anio
{
  font-size: 15px;
}

#slogan
{
  position: absolute;
  width: 158px;
  height: 158px;
  top: 130px;
  left: 215px;
  background: url('../images/slogan.png') no-repeat;
}

#barraposterior
{
  position: absolute;
  top: 150px;
  width: 280px;
  height: 150px;
  background: #F7F7F7;
  left: 0;
}

/*contenido */
#contenido
{
  text-align: left;
}

#contenido h1
{
  font-size: 22px;
  margin-bottom: 10px;
}

#contenido .credito
{
  font-size: 13px;
  color: #686868;
  font-weight: bold;
}

#contenido .verde
{
  font-size: 13px;
  color: #BED036;
  font-weight: bold;
}

#contenido p
{
  font-size: 12px;
  text-align: justify;
  margin-bottom: 5px;
}

#regresar 
{
  text-align: right;
  padding: 10px;
}

#contenido .izquierda
{
  float: left;
  margin-right: 10px;
}

#contenido .derecha
{
  float: right;
  margin-left: 10px;
}

#contenido .centrar
{
	text-align: center;
}

/*pie de pagina*/
#pie
{
  position: relative;
  width: 640px;
  .width: 670px;
  height: 125px;
  background: #212121;
  bottom: 0;
  border-top: #474747 10px solid;
  padding: 0 15px;
  text-align: left;
}

#pie .cajastexto
{
  height: 60px;
  margin-top: 5px;
  color: #FFF;
  float: left;
}

#pie .divisor
{
  width: 1px;
  margin: 0 5px;
  margin-top: 10px;
  height: 30px;
  border-left: #FFF 1px dashed;
  float: left;
}

#pie h1
{
  font-size: 14px;
  font-family: helvetica, verdana;
}

#pie p
{
  font-size: 12px;
}

#pie #contacto
{
  border-top: #FFF 1px dashed;
  width: 100%;
  padding-top: 5px;
  float: left;
}

#pie #contacto h1, #pie #contacto a
{
  color: #C0D62F;
  font-size: 12px;
  text-decoration: none;
}

#pie #contacto .titulo
{
  font-size: 15px;
  font-family: helvetica, verdana;
}

#pie #contacto p
{
  color: #F7FFA9;
  font-size: 11px;
}

/*pagina de inicio*/
div#lateral
{
  width: 250px;
  .width: 280px;
  background: #F7F7F7;
  height: auto;
  float: left;
  padding: 0 15px !important;
}

#lateral h1, .articulos h1
{
  font-size: 13px !important;
  font-weight: bold;
  text-transform: uppercase; 
  
}

#lateral h2, .articulos h2
{
  font-size: 13px;
  color: #686868;
  margin-bottom: 5px;
}

.articulos
{
  position: relative;
  float: left;
  border-bottom: #919191 1px dashed;
  width: 320px;
  .width: 340px;
  margin-left:20px;
  padding: 10px;
}

.articulos .derecha
{
  float: right;
  margin-left: 10px;
  position: absolute;
  bottom: 5px;
  right: 0;
}

#contenido label
{
  font-size: 12px;
}

#contenido #boton_enviar a
{
  color: #C0D62F;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

/* PRODUCTO */

/*.producto
{
	width: 600px;
	height: 230px;
	background: url('../imagenesboletin/fondo_producto.png') no-repeat;
	margin: 0 auto;
	color: #404040;
}
.producto_imagen
{
	float: left;
	width: 180px;
	padding: 30px; 
}

.producto_texto
{
	float: left;
	padding: 30px;
	width: 300px;
}

.producto_texto .titulo
{
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	
	margin-bottom: 10px;
}

#contenido .azul
{
	color: #1f497d;
}*/

.Producto
{
  width: 560px;
  margin: 0 auto;
}
.Producto .Header
{
  background-image: url("../imagenes/product_header.jpg");
  background-repeat: no-repeat;
  width: 560px;
  height: 35px;
}

.Producto .Footer
{
  background-image: url("../imagenes/product_footer.jpg");
  background-repeat: no-repeat;
  width: 560px;
  height: 39px;
}
  
.Producto .Content
{
  background-image: url("../imagenes/product_content.jpg");
  background-repeat: repeat-y;
  width: 560px;
}
  
.Producto .Content .Photo
{
  float: left;
  margin: 0 10px;
  width: 120px;
}
  
.Producto .Content .Text
{
  float: right;
  margin: 0 30px;
  width: 300px;
}