a:link {text-decoration: underline; color: #1F497D;} /* Link no visitado*/
a:visited {text-decoration: underline; color:#686868;} /*Link visitado*/
a:active {text-decoration: underline; color:#1F497D;} /*Link activo*/
a:hover {text-decoration:none; color:#686868;} /*Mouse sobre el link*/

*
{
	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: -1px;
	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:0px;
	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
{
  color: #1F497D;
  font-size: 22px;
  margin-bottom: 10px;
}

#contenido h2
{
  font-size: 13px;
  color: #686868;
  margin-bottom: 5px;
  text-align: left;
}

#contenido h3
{
  font-size: 12px;
  color: #365F91;
  margin: 25px 0;
  text-align: left;
}

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

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

#contenido .gris
{
  font-size: 14px;
  color: #6b6b6b;
  font-weight: bold;
}

#contenido .naranja
{
  font-size: 12px;
  color: #e36c0a;
  font-weight: bold;
}

#contenido .PromoTitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #690;
	font-weight:bold;	
}

#contenido .Promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#contenido .azulito
{
  font-size: 15px;
  color: #1f497d;
  font-weight: bold;
}

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

#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;
}

#contenido li
{
  font-size: 12px;
  text-align: justify;
  margin-bottom: 5px;
}
#contenido ul
{
  list-style-type: square;
  margin-top: 15px;
  padding-left: 50px;
}
/*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
{
  color: #1F497D;
  font-size: 13px !important;
  font-weight: bold;
  text-transform: uppercase; 
  padding: 10px 0px;
  text-align: left;
}

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

.articulos
{
  position: relative;
  float: left;
  border-bottom: #919191 1px dashed;
  width: 340px;
  .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;
}

#lanzamiento div
{
  padding: 5px 0px;
}