/***************/
/* LAYOUT HOME */
/***************/
/***************/

/**************************************/
/* BLOQUES ESTRUCTURALES DE LA PÁGINA */
/**************************************/

body {
  margin      : 0;
  background  : #e2e2e2;
  color       : #000;
}

#wrapper {
  width       : 990px;
  margin      : 0 auto 13px;
  padding     : 14px 0 0 0;
  font-family : Arial, Helvetica, sans-serif; /* lo ponemos aquí también porque el reset.css se come el font-family del body */
  text-align  : left;
  background  : #fff url(../images/bg_mundoestrellas.jpg) top left no-repeat;
}

/*************************/
/* BLOQUES DE ENCABEZADO */
/*************************/

#header {
  float   : left;
  display : inline;
  margin  : 0 10px;
  width   : 970px;
  height  : auto;
}

#header #headerleft {
  float      : left;
  width      : 334px;
  height     : 132px;
  background : #fff url(../images/logo.jpg) right 40px no-repeat;
}

#header #headerright {
  float      : right;
  width      : 636px;
  height     : 132px;
  text-align : right;
}

#header #headerurbsocial {
  float      : left;
  width      : 977px;
  height     : 132px;
  text-align : right;
  background  : #fff url(../images/cabecera_urbsocial.jpg) bottom left no-repeat;
}


/******************/
/* BLOQUES DE PIE */
/******************/

#footer {
  float       : left;
  display     : inline;
  padding     : 0 10px;
  width       : 970px;
  height      : 35px;
  line-height : 34px;
  font-size   : 12px;
  border-top  : 3px solid #739ec1;
  background  : #fff url(../images/bg_pie.jpg) bottom left no-repeat;
}

#footerright
{
width: 240px;
text-align: right;
}

#footer .social_iconos
{
background-image: url(../images/social_iconos.gif);
padding: 3px 12px;
}

#footer .twitter
{
background-position: -77px center;
}

#footer .facebook
{
background-position: -52px center;
}

#footer .youtube
{
background-image: url(../images/youtube.gif);
}


/************************/
/* BLOQUES DE CONTENIDO */
/************************/

#content {
  float   : left;
  display : inline;
  margin  : 0 10px 10px;
  width   : 970px;
  height  : auto;
}

/****
/*  Contenido dividido en tres partes:
/*
/* 1. Menú
/* 2. Contenido derecho (acceso área privada, rss, calendario, enlaces internos...)
/* 3. Contenido central
/*
/********/

/**/
/* 1. Menú */
/**/
#content #contenttop {
  float          : left;
  margin-bottom  : 20px;
  width          : 100%;
  height         : auto;
/*  border-bottom  : 6px solid #739ec1;*/
}

/**/
/* 2. Contenido derecho (calendario y destacados) */
/**/
#content #contentright {
  float  : right;
  width  : 197px;
  height : auto;
}


/**/
/* 3. Contenido central */
/**/
#content #contentcenter {
  float       : left;
  display     : inline;
  margin-left : 18px;
  width       : 728px;
  height      : auto;
}