/* $Id: blocks.css,v 1.1.2.6 2009/06/12 15:44:26 jmburnz Exp $ */

/**
 * @file blocks.css
 * Basic styles for blocks.
 */

/**********************************************************
 *                       Blocks
 **********************************************************/
/**
 * Styles set here will be inherited by all blocks.
 */
.block {
  clear: both;
  margin: 0 0 1.5em;
}

/* Default node title. */
.block .title {
    background-image: url(../images/fondo-bloques.png);
    font-size: 20px;
    font-weight: bold;
    line-height: 19px;
    color: #FFF;
    padding: 4px 4px 6px 10px;
    font-family: "Lato";
}

.block .title a{
    color: #FFF;
}


/**********************************************************
 *                   Sidebar blocks
 **********************************************************/
/**
 * You can target blocks in one or more regions and 
 * style them differently. 
 */
/* Low specifity selector to style blocks in both sidebars. */
.sidebar .block {}
.sidebar .block h2 {}

/* Low specifity selector to style blocks in all regions. */
.region .block {}
.region .block h2 {}

/* High specifity selectors to style blocks in one sidebar. */
#sidebar-left .block {}
#sidebar-left .block h2 {
  margin-bottom: 5px;
}

#sidebar-right .block {}
#sidebar-right .block h2 {
    text-transform: lowercase;
}


/**********************************************************
 *                  Region blocks
 **********************************************************/
/* High specifity selectors to style blocks in one region. */
#leaderboard       .block {}
#header-blocks     .block {}
#secondary-content .block {}
#tertiary-content  .block {}
#content-top       .block {}
#content           .block {}
#content-bottom    .block {}
#footer            .block {}


/**********************************************************
 *                   Module blocks
 **********************************************************/
/**
 * Module Block ID's 
 * For contributed module blocks the pattern is the same,
 * i.e. #block-[module]-[delta]
 */
#block-book-0       {} /* Book navigation block   */
#block-blog-0       {} /* Recent Blog posts       */
#block-comment-0    {} /* Recent Comments block   */
#block-forum-0      {} /* Active Forum topics     */
#block-forum-1      {} /* New Forum topics        */
#block-locale-0     {} /* Language Switcher block */
#block-node-0       {} /* Syndicate block         */
#block-poll-0       {} /* Most recent poll        */
#block-profile-0    {} /* Author information      */
#block-search-0     {} /* Search form block       */
#block-statistics-0 {} /* Popular content         */
#block-system-0     {} /* Powered by Drupal       */
#block-user-0       {} /* Login block             */
#block-user-1       {} /* Navigation Menu block   */
#block-user-2       {} /* Who's New block         */
#block-user-3       {} /* Who's Online block      */

/* Primary and Secondary links blocks */
#block-menu-primary-links   {}
#block-menu-secondary-links {
  width: 900px;
  float: left;
}

#social{
  width: 60px;
  float: left;
  margin-top: 8px;
  text-align: right;
}


/* The class selector applies to all blocks of these types. */
.block-user {} 
.block-book {} 
.block-aggregator {}


/**********************************************************
 *                 Search block form
 **********************************************************/
#search-block-form {}

/* Wrapper divs. */
#search-block-form > div {}
#search-block-form .container-inline{}

#search-block-form label {}
#search-block-form input {}
#search-block-form .form-item {}
#search-block-form .form-submit {}
#search-block-form #edit-search-block-form-1 {}

/* Override forms.css focus style */
#edit-search-block-form-1:hover,
#edit-search-block-form-1:focus {}


/**********************************************************
 *                   Menu blocks
 **********************************************************/
/**
 * Prefix these with the block id to style one menu only.
 */
ul.menu,
ul.menu ul, 
ul.menu ul ul, 
ul.menu ul ul ul {
  margin: 0 0 0 0.75em; /* LTR */
  padding: 0;
}

/* Menu li styles */
ul.menu li {
  padding: 0.35em 0 0 0; /* LTR */
}

ul.menu li.collapsed {}
ul.menu li.expanded  {}
ul.menu li.leaf      {}

ul.menu li a:link    {}
ul.menu li a:hover   {}
ul.menu li a:visited {}
ul.menu li.active a  {}
ul.menu li.active-trail {}

ul.menu li.first {}
ul.menu li.last  {}


/**********************************************************
 *                  Block item-list
 **********************************************************/
.block .item-list ul {
  margin: 0;
}
.block .item-list ul li {}


/**********************************************************
 *                  Gpanel blocks
 **********************************************************/
/* Examples to get started. Add col specific selectors to style
   blocks in different Gpanel columns, or element selectors to
   style specific elements */
.two-col-50 .block {}
.two-col-50.with-nested .block {}
.three-col-33 .block {}
.four-col-25 .block {}

/**********************************************************
 *                  Maquetaci�n de bloques
 **********************************************************/

#borde-bajo-bloque{
  width: 100%;
  height: 4px;
  background-image: url(../images/bloque.gif);
  margin-bottom: 1em;
}

table.casas-apuestas{
  width: 100%;
  margin-top: 0.3em;
  border: 1px solid #CCCCCC;
}

table.casas-apuestas tr{
  height: 34px;
}

table.casas-apuestas tr.impar{
  background-color: #f8f8f7;
}

table.casas-apuestas tr.par{
  background-color: #ebebeb;
}

table.casas-apuestas tr td{
  text-align: center;
}

table.casas-apuestas tr td a{
  font-family: Arial;
  font-size: 12px;
  color: #83b713;
  font-weight: bold;
  text-decoration: none;
}

table.casas-apuestas tr td a:hover{
  text-decoration: underline;
}

#block-block-43 a{
  color: #83b713;
  text-decoration: none;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
}

#content-column h2 , #sidebar-left h2{
  font-size: 17px;
  text-transform: uppercase;
  margin-bottom: 6px;
}


/*
Bloque de casas de apuestas
-----------------------------------------------------------------------------*/
#bloque-casas{
    width: 163px;
    border: solid 1px #CCC;
}

#bloque-casas .fila{
    display: inline-block;
    clear: both;
    height: 58px;
}

#bloque-casas .fila-head{
    border-bottom: solid 5px #4b0b03;
    font-size: 12px;
    color: #810d00;
    padding-bottom: 1px;
    display: table;
    height: 20px;
}

#bloque-casas .fila-head .left{
    float: left;
    width: 103px;
}

#bloque-casas .fila-head .right{
    float: left;
    width: 60px;
}

#bloque-casas .fila-head p{
    text-align: center;
    margin: 0px;
    font-size: 11px;
    font-family: "Verdana";
}

#bloque-casas .par{
    background-color: #EBEBEB;
}

#bloque-casas .impar{
    background-color: #F8F8F7;
}

#bloque-casas .fila a{
    display: inline-block;
    padding: 10px 10px 6px 7px;
    text-decoration: none;
    width: 146px;
    height: 40px;
}

#bloque-casas .fila .logo{
    float: left;
    width: 90px;
    color: #940f01;
    cursor: pointer;
}

#bloque-casas .fila .bono{
    float: left;
    width: 44px;
    text-align: center;
    padding-left: 12px;
    color: #8e0e01;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

#bloque-casas .fila .logo p{
    text-align: center;
    font-size: 11px;
    margin: 0px;
}

.block.social{
	clear: none;
	padding-top: 8px;
	float: right;
	height: 32px;
	margin: 0;
}