@charset "utf-8";


/*  MENU:

  1. FUENTES
  2. CUERPO
  3. CONTAINER
  4. HEADER
  5. SIDEBAR
  6. FOOTER
  7. SECCION NOTICIAS HOME
  8. SECCION DESTACADOS HOME
  9. SECCION AFICION 
  10. SECCION COMENTARIOS  
  11. SECCION FORMULARIOS  
  12. SECCION MULTIMEDIA
  13. SECCION SLIDES (ENVIVO) 
  14. SECCION REDES SOCIALES
  15. SECCION PAGINAS GENERAL
  16. SECCION ADD NOTICIAS
  17. SECCION MEJORAS
  18. SECCION RESULTADOS
  
*/

/******************************************************           1. FUENTES           ******************************************************/
@import url(http://fonts.googleapis.com/css?family=Homenaje);
/*font-family: 'Homenaje', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
/*font-family: 'Open Sans', sans-serif; */
/********************************************************************************************************************************************/

/******************************************************           2. CUERPO            ******************************************************/

body {  font: 100%/1.4 Verdana, Geneva, sans-serif ;
        background: url(../images/bg-pg.jpg) top center #630906;  margin: 0;  padding: 0;  color: #111;}
ul, ol, dl { padding: 0;  margin: 0;}
h1, h2, h3, h4, h5, h6, p {  margin-top: 0;  padding-right: 15px;  padding-left: 15px }
a img {  border: none;}
a:link {  color: #42413C;  text-decoration: underline}
a:visited {  color: #6E6C64;  text-decoration: underline}
a:hover, a:active, a:focus {   text-decoration: none}

/* Compatibilidad con HTML 5: */
header, section, footer, aside, article, figure { display: block }

.btn-more-news { background-color: #FFFFFF;    border-top: 1px dotted #AAAAAA;    clear: both;    padding: 10px; text-align: center; }

a.btn { background-color:#640906; border-radius:5px; padding:5px 10px 5px 10px; text-decoration:none; color:#FFF; font-weight:bold; font-size:12px }
a.btn:hover { background-color:#0D1526; color:#F3A314}
a.link { color:#640906; font-size:12px; font-weight:bold}
/********************************************************************************************************************************************/


/******************************************************           3. CONTAINER         ******************************************************/
.container-int { width: 960px;  background: url(../images/bg-line.gif) repeat-y 711px 0 #FFFFFF;  margin: 0 auto }
.content h2.titpagina { color:#640906;border-bottom: 1px dotted #AAAAAA; margin-top:1em; font-size:24px;  padding-left:0  }

  /*ajustes de anchos de contenidos*/
section.col { margin: 20px 0 20px 20px;    width: 670px;}
.full { background-color:#FFF; width:100%; background-image:none; float:left /* test fix linea fondo */}
/********************************************************************************************************************************************/


/******************************************************           4. HEADER            ******************************************************/
header { /*background-color:#640906;*/ color:#FFF; overflow:hidden}

.publi { background-color:#FFF; height: 91px; text-align: center;}
.publi img { display:block}
.hd {  /**/background-color: #640906; overflow: hidden;}
  h1 { margin:5px 0 5px 20px; float:left; }
  h1 a {text-indent:-9999px;  padding:0; display:block; width:585px; height:90px; background:transparent url(../images/logo.gif)  no-repeat scroll}
  .grupo { display:inline-block; float:right; margin:10px 20px 0 0; }
    ul.social { display:inline-block }
    ul.social li { list-style:none; display:inline-block; }
      .btn-fb, .btn-yt, .btn-tw { display: block; width:24px; height:24px; text-indent:-99999px;  }
        .btn-fb { background:url(../images/ico-facebook.gif)}
        .btn-yt { background:url(../images/ico-youtube.gif)}
        .btn-tw { background:url(../images/ico-twitter.gif)}
    
    .user { display:inline-block; font-size:12px; font-weight:bold; margin-left:20px;  }
    .user a { color:#FFF }
    .search { margin-top:15px; text-align:right }
    input.field {background:url(../images/bg-search.gif) repeat-x 0 0; border:none; min-height:26px; width:13em; vertical-align:top; margin-top:0px}
    input.btn-search {      }

.nav { clear:both}
  ul.nav {  list-style: none; border-top: 1px solid #640906; background:url(../images/fnd-nav.png) repeat-x;  }
    ul.nav li {  display:inline-block;  border-right:#640906 solid 1px; text-align:center; font-family:'Homenaje', sans-serif; font-size:22px; text-transform:uppercase  }
    ul.nav li.last {border-right: none}
    ul.nav a, ul.nav a:visited { padding: 10px 0px 10px 0px;  display: block; width: 155px;    text-decoration: none;color:#FFF;  }
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus {  color: #FFF;}
/********************************************************************************************************************************************/


/******************************************************           5. SIDEBAR           ******************************************************/
.sidebar {  float: right;  width: 235px;  background-color: #FFF;  padding-bottom: 10px}

/* bloques */
.block { margin:0 15px 0 3px }
  .block h4 { margin:1em 0 0.5em 0; padding:0 0 0.2em 0; font-family: 'Homenaje', sans-serif; font-size:20px; text-transform:uppercase; font-weight:400; color:#19171A; display:block; border-bottom:#EEEEEE solid 1px   }

  .publicidad { }
  
  .opinion { line-height:100%; color:#444444 }
    .opinion-titulo { color:#640906;font-size:17px; font-style:italic;padding:0; margin:12px 0 0 0 !important; }
    .opinion-titulo a, .opinion-titulo a p {color:#640906;font-size:17px; font-style:italic; text-decoration:none; text-align:justify; font-weight:bold; }
    .opinion-autor { font-size:10px !important; padding:0; margin:5px 0 0 0; font-weight:bold}
    .opinion-entrada { font-size:12px; padding:0; margin:3px 0 7px 0; border-top:1px solid #EEE}
  .opinion p { font-size:12px; padding:0; margin:3px 0 7px 0; }
  
  
  .twitter { margin-top: 0.5em }
  .facebook { margin-top: 0.5em}
/********************************************************************************************************************************************/


/******************************************************           6. FOOTER            ******************************************************/
footer { padding: 10px 0; background-color: #201B1D;  position: relative;
  clear: both; 
  color: #FFF}

footer .footer-cont {  min-height:170px; width:960px; margin:0 auto}
  footer .link-logo { background: url(../images/bg-footer.gif) no-repeat 0 0; height:90px; width:140px; display:block; float:left; margin-left:10px}   
  footer .footer-cont ul.nav-bottom { margin:10px 0 0 20%; width:80%; min-height:150px; font-family:'Homenaje', sans-serif; font-size:22px; text-transform:uppercase }
  footer .footer-cont ul.nav-bottom li { display:inline-block; text-align:left ;margin: 0 30px 0 0; vertical-align:top }
  footer .footer-cont ul.nav-bottom li a { color:#FFF; text-decoration:none}

 footer .footer-cont ul.nav-bottom li ul { font-size:14px; margin-top:5px }
 footer .footer-cont ul.nav-bottom li ul li { display:block; text-transform: none; }



footer .footer-cont p { display:inline-block; font-size:12px; margin:20px 0 0 20%;}
  footer .footer-cont ul.link-bottom { display:inline-block; width:40%;  }
  footer .footer-cont ul.link-bottom li { display:inline-block; font-size:13px; margin-right:3%; vertical-align: middle}
  footer .footer-cont ul.link-bottom li a { text-decoration:none; color:#FFF; }

footer .footer-cont ul.social { display:inline-block}
    footer .footer-cont ul.social .btn-fb { background:url(../images/ico-facebook2.gif)}
    footer .footer-cont ul.social .btn-yt { background:url(../images/ico-youtube2.gif)}
    footer .footer-cont ul.social .btn-tw { background:url(../images/ico-twitter2.gif)}
  
/********************************************************************************************************************************************/


/******************************************************           7. SECCION NOTICIAS        ********************************************/
.estructura-2col { background: url(../images/bg-line.gif) repeat-y 334px ; overflow:hidden}
  .col1 { float:left}
  .col2 { float:right}

.principal { width:290px; color:#111; margin: 15px 0; padding: 15px 15px 20px; border-bottom:#AAAAAA dotted 1px;text-align:justify}   /* grupo noticias */
   .principal .noticia-imagen .copyright { float:right; margin: 5px 0;  } /* fix */

  .noticia-antetitulo {  margin:0; padding:5px 0 5px 0; color:#19171A}
  .noticia-antetitulo span.cat, .principal span.cat{ color:#640906; font-weight:bold}
  
  .home .principal-detalle .noticia-antetitulo {font-size:17px; /*text-align:left;*/}
  
  .noticia-subtitulo { /*padding-left:30px;*/ margin:10px 0 20px 0; font-size:20px; color:#19171A}
  .noticia-subtitulo ul { list-style-type:square}
  .noticia-subtitulo ul li { margin-bottom:5px}
    
  
  .noticia-titulo, .noticia-titulo p a /* fix p*/ { font-family: 'Open Sans', sans-serif; font-size:25px; font-weight:400; color:#19171A; display:block; margin:0 0 10px 0; padding:0; line-height:110%; text-align:left; font-weight:bold }
  
  .noticia-titulo a { text-decoration:none; color:#19171A; font-weight: bold;}
  .noticia-titulo a:hover { text-decoration:none;color:#640906}
  
  
  /*.noticia-autor {font-size:12px;}*/
  
  .noticia-imagen img { margin:0 0 -10px 0; padding:0}
  .noticia-imagen span {font-size:10px; text-align:left; display: inline-block; margin:0 0 5px 0; padding:0; font-weight:bold }
  .noticia-imagen .copyright { font-size:10px; }
  
  .noticia-zona-comentarios { border-top: #EEEEEE solid 1px; border-bottom: #EEEEEE solid 1px; font-size:12px; overflow:hidden; padding:5px; margin:5px 0 5px 0; width:100%}
    .noticia-fecha-autor {font-size:11px; float:left; font-weight:bold; margin-left:-4px }
    
    .noticia-comentarios {  float:right }
      .noticia-comentarios a { color:#FFF; font-size:11px; text-decoration:none;display: inline-block; font-weight:bold; background-color:#640906; border-radius:3px; padding:1px 5px 2px 5px;}
      .noticia-comentarios a span { display: inline-block; color:#F3A314; margin-left:5px; }
      .noticia-comentarios a:hover { background-color:#0D1526}
  
      .noticias-comentarios-fuera { float:none !important; margin-top:10px; margin-bottom:-10px; text-align:right; overflow:hidden} /* cambio posicion home entradillas*/
      
    .noticia-zona-comentarios-nueva .noticia-comentarios { margin-top:-3px}
  
  .noticia-texto, .principal p /*fix p*/ { font-size:13px; padding:0; margin:0;  }  
  .noticia-listado-text a, .noticia-texto a, /*fix p */.principal p a, .principal-detalle p a { font-weight:bold; color:#640906; text-decoration:none}
  .noticia-texto-lead { font-weight:bold;padding:0; margin:0;}
    .principal-detalle p { margin-bottom:15px; text-align:justify ; /* fix p */ font-size:13px; padding:0; margin:0 0 15px 0; }  /*p.noticia-texto*/

.destacado { background-color:#F7F7F7;  border: #DDDDDD solid 1px}


/* detalle */
.principal-detalle { color:#111;  border-bottom:#AAAAAA dotted 1px}   /* grupo noticias detalle*/
  .principal-detalle .noticia-titulo { font-size:40px}
  .principal-detalle .noticia-antetitulo { font-size:17px}
  
  .principal-detalle .noticia-imagen { overflow:hidden} /* fix */
  .principal-detalle .noticia-imagen span { float:left; padding:5px 0 5px 0; }  /* fix */
  .principal-detalle .noticia-imagen .copyright { float:right  } /* fix */

  
/* cuadro de partido */
.cuadro-partido { background-color:#F7F7F7; border:#AAA  solid 5px; padding:15px 15px 15px 15px; font-size:12px; margin:0 0 10px 0}
  .cuadro-partido h3 { font-size: 18px;text-transform: uppercase;padding-left: 0;margin-bottom: 7px;}
  .cuadro-partido .alineacion { font-size:11px;  }
  .cuadro-partido .alineacion strong {font-weight:bold; text-transform: uppercase;}
  .cuadro-partido p { margin:0 0 5px 0; font-size:11px;}


/* listado */
.noticias-listado { padding:0;color:#111 }
  .noticias-listado  ul { list-style:none}
  .noticias-listado  ul li { overflow:hidden; padding-bottom:1em; margin-bottom:1em;  border-bottom:#AAAAAA dotted 1px; font-size:13px}
  .noticia-listado-head {font-size:11px; }
    .noticia-listado-head .cat { color:#640906; font-weight:bold}
    .noticia-listado-head .not-fecha { }
    .noticia-listado-head .not-antetitulo {}
  .noticia-listado-imagen { float: left; width:140px; min-height:100px}
  .noticia-listado-tit {font-size:22px; font-weight:600; display:block; margin:5px 0 10px 0; padding:0; line-height:110%}
  .noticia-listado-tit a {  color:#19171A; text-decoration:none}
  .noticia-listado-tit a:hover { text-decoration:none; color:#640906}
  .noticia-listado-autor {font-size:11px;}
  .noticia-listado-text { margin:0 0 10px 0; padding:0; text-align:justify}

 /*insignia en listado */
  .noticia-listado-head {overflow:hidden; position:relative; min-height:20px}
  .noticia-listado-head .campeonato {position:absolute; right:0; height:20px}

/* Paginación */
.nav-pag { text-align:center; font-size:12px; font-weight:bold; padding:1em; color:#640906}
  .nav-pag a {  text-decoration:none; color:#F3A314; display:inline-block; background-color:#640906; padding:4px 7px 4px 7px; border-radius:4px}
  .nav-pag span a { color:#F3A314; display:inline-block;  }
  .nav-pag span.active {  color:#FFF;  display:inline-block; background-color:#444444; padding:4px 7px 4px 7px; border-radius:4px}
  .nav-pag a:hover, .nav-pag span a:hover  { background-color:#0D1526}
  
  
 /* listado buscador */
.noticias-listado .search { font-size:14px; text-align:left; overflow:hidden; margin:0 0 50px 0;}
.noticias-listado .search p { font-size:14px; text-align:left}
.noticias-listado .search .number { font-weight:bold}
.noticias-listado .search .term {font-weight:bold;color:#640906; font-size:120%}



/* publi cont */
.publi_col2 { margin:1em 0 0 0 }

/********************************************************************************************************************************************/


/******************************************************           9. SECCION AFICION         ******************************************************/
.aficion { margin:1em 0 0 0; padding-bottom:20px; clear:both; background: url(../images/bg-line.gif) repeat-y 352px #FFFFFF; overflow:hidden; }
  .aficion h3 { color:#FFF; background-color: #F3A314;  text-align:left; padding:0;}
  .aficion h3 span { background-color:#640906; display:block; width:8em; padding:5px 5px 5px 1em; font-family: 'Homenaje', sans-serif; font-size:40px; text-transform:uppercase; font-weight:normal}
  .aficion table h3 { background-color:transparent} /* fix table */

.aficion .foro { width:32%; float:left; margin-left:20px}
  .aficion .foro .foro-content { border-top:#640906 solid 1px; border-bottom:#640906 solid 1px}
  .aficion .foro h4 {font-family: 'Homenaje', sans-serif; font-size:20px; font-weight:normal; background-color:#640906; border-radius:3px 3px 0 0; color:#FFF; width:2em; margin:0; }
  .aficion .foro .link { float:right}  

.aficion .links { float:right; margin-right:20px}


  .btn-viaja { text-indent:-99999px; display:block; background:url(../images/btn-viajaconlaroja.jpg) no-repeat;  width:555px; height:332px}
  .btn-fotos{ text-indent:-99999px; display: inline-block; background: url(../images/btn-fotos.jpg)  no-repeat;  width:170px; height:136px; margin:18px 0 5px 0}
  .btn-concursos{text-indent:-99999px; display: inline-block; background: url(../images/btn-concursos.jpg) no-repeat;   width:170px; height:136px; margin:5px 18px 5px 18px}
  .btn-camisetas {text-indent:-99999px; display: inline-block; background: url(../images/btn-camisetas.jpg) no-repeat;   width:170px; height:136px; margin:5px 0 5px 0}
/*********************************************************************************************************************************************/


/******************************************************           10. SECCION COMENTARIOS        ******************************************************/
.comentarios { font-size:12px}
  .no-register { background-color:#FFE29E; padding:5px; margin-bottom:1em}
    .no-register a { color:#640906}
  
  .add-comment {  overflow:hidden}
    .add-comment h3 { font-size:17px; color:#640906; margin-top:20px}
    .add-comment img.img-user { float:left; margin:2px 0 0 20px}
  
    .add-comment form { float:right; width:90%; text-align:right}
    .add-comment form textarea { width:99%; resize: none; }
  
  .view-comment {  }
  .view-comment h3 {font-size:17px; color:#640906; margin-top:20px}
  .view-comment-content { border:#DDDDDD solid 1px; background-color:#FCFCFC; overflow:hidden; padding:10px; margin-left:20px}
    .view-comment-content ul { list-style:none; margin:0 0 0 20px;  }
    .view-comment-content ul li { margin-top:15px; }
    .view-comment-content img.img-user  { float:left;  display:block; margin-right:10px }
    .view-comment-content .comment-user { float:left;  color: #F3A314; font-weight:bold; margin:0; padding:0 }
    .view-comment-content .comment-date { float:left;  color: #F3A314; font-weight:bold; margin:0; padding:0 }
    .view-comment-content .comment-text { float:left;  width:90%; padding:0 0 5px 0 ; margin:0 0 10px 0 ; border-bottom:#CCC dotted 1px; }
    .view-comment-content .comment-reply { clear:both; text-align:right }
  
  
  .comentarios .group {}
  .comentarios .group #comentarioFieldLabel {width: 15%;}
  .comentarios .group #comentarioFieldInput {float: right; width: 83%;}
  
  .add-comment #errorMessages, .add-comment #messagesMessages { float:right; color:#F00; }
  .add-comment #errorMessages ul, .add-comment #messagesMessages ul { list-style:none}
  
  .dijitButtonNode { background-color:#640906 !important; border-radius:5px; padding:5px 10px 5px 10px; text-decoration:none; color:#FFF; font-weight:bold; font-size:12px; border:none !important;  }
  .submitButton .dmundra .dijitButtonNode:hover { background-color:#0D1526; color:#F3A314}

  
  /* Reply comment */
  .view-comment .no-register { margin-left:40px; margin-right:15px}
  .view-comment .add-comment { margin-left:25px; margin-right:15px; border-bottom:#CCC dotted 1px; padding-bottom:5px;  }
  .view-comment .add-comment h3 { font-size:15px;}
  .view-comment .add-comment form { width:88%;}
  .view-comment .add-comment form textarea { width:98%;}
  
  
  .submitContent .submitButton #dijit_form_Button_0_label {background-color:#640906; border-radius:5px;padding:5px 10px 5px 10px; text-decoration:none; color:#FFF; font-weight:bold; font-size:12px }
  .submitContent .submitButton #dijit_form_Button_0_label:hover {background-color:#0D1526; color:#F3A314}
/*********************************************************************************************************************************************/


/******************************************************           11. SECCION FORMULARIOS        ******************************************************/
input, textarea, select { font-family: Verdana, Geneva, sans-serif; background-color: #F7F7F7; border: #BBB solid 1px; }
input.btn {background-color:#640906; background-image:none; border-radius:5px; border-color:#640906; padding:5px 10px 5px 10px; color:#FFF; font-weight:bold; font-size:12px }
input[type="text"], input[type="password"]  { border-radius: 3px;}

/* login */
#macro-login-box {  width: 350px; margin:4em auto;  padding-top: 30px;  padding-bottom: 5px; border:#CCC solid 1px;font-size:14px; border-radius:5px; background-color: rgba(204, 204, 204, 0.07); }
.macro-login-box-row label {  display: inline;}

#macro-login-logged-in-box{  padding: 10px;  width: 250px; }

.macro-login-box-row {  padding: 5px;  clear: both;}
  .macro-login-box-row-center{  padding: 5px;  text-align: center; margin: 1em 0;}
  .macro-login-box-row-center label{  display: inline; float:none;}
  .macro-login-box-row label{  width: 125px;  float: left;  text-align: right;  padding-right: 5px;  padding-top: 3px;  display: inline;}

#macro-login-user-name{  padding: 3px; width: 12em;}
#macro-login-password {  padding: 3px; width: 12em;}
#macro-login-button {  height: 30px;  width: 100px; background-color:#640906; background-image:none; border-radius:5px; border-color:#640906; padding:5px 10px 5px 10px; color:#FFF; font-weight:bold; font-size:12px }
#macro-login-button:hover {background-color: #0D1526;color: #F3A314;border-color:#0D1526; }
#macro-login-message {  text-align: center;}
#macro-login-logged-in-message {  text-align: center;}
#macro-login-forgot-password{  padding: 5px;  text-align: center;}
input#macro-login-remember-me {margin: 0 0 15px 75px;}

/* registro */
.macro-register-box { width: 500px; margin:4em auto;  padding-top: 30px;  padding-bottom: 30px; border:#CCC solid 1px;font-size:14px; border-radius:5px; background-color: rgba(204, 204, 204, 0.07);}
#messagesMessages { /*width: 500px; */ margin:4em auto 0 auto; color:#444;   font-size:14px }
#messagesMessages ul { margin:0 auto; width:50%; list-style:none}
#messagesMessages ul li { text-align:center  }
.macro-register-box input { width: 15em; padding: 3px; margin: -2px 0 0 0;}

#errorMessages, .container-int #messagesMessages  {color:#F00;}

#createForumAccountForm { width: 80%;margin: 0 auto; font-size:14px; text-align: center;}
  #createForumAccountForm div{ margin:10px; position:relative; height:30px; text-align: left;}
  #createForumAccountForm div input, #createForumAccountForm div select{ position:absolute; left:165px;}

.macro-register-box input[type="button"]  { cursor:pointer;  height: 30px; margin-top:10px; margin-right:10px;  width: 100px; background-color:#640906; background-image:none; border-radius:5px; border-color:#640906; padding:5px 10px 5px 10px; color:#FFF; font-weight:bold; font-size:12px }
.macro-register-box input[type="button"]:hover {background-color: #0D1526;color: #F3A314; border-color:#0D1526;}

.formulario-full {margin:0 auto; width:90%; min-height:200px; font-size:13px}  /* ancho full: para feedback y formularios  */

/* contactform */
.contactform {  margin-top: 30px;}
  .contactform .contactformtext {  font-size: 12px;  margin: 10px 0 10px 0}
  .contactform form {  background-color: rgba(204, 204, 204, 0.07); border:#CCC solid 1px;  padding: 10px;  -moz-border-radius: 10px;  -webkit-border-radius: 10px;  border-radius: 10px;}
  .contactform form fieldset {  border: none;  width: 90%;  margin: 0 auto}
  .contactform form label {  font-weight: bold;  display: block;  margin-top: 15px}
  .contactform form .formleft {  float: left;  width: 40%}
  .contactform form .formright {  float: right;  width: 40%}
  .contactform form input, .contactform form select, .contactform form textarea {  font-family: Arial, Helvetica, sans-serif;  font-size: 15px;  border: 1px solid #D6D8D9;  background-color: #F7F7F7;  width: 100%; padding: 5px;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;}
  .contactform form textarea {  overflow: auto;  vertical-align: top;  resize: vertical;  border: #D6D8D9 solid 1px;  background-color: #F7F7F7;  margin-bottom: 20px;  height: 100px;  margin-top: 3px;}
  .contactform form .captcha {  width: 15%}
  .contactform form input.button {  height: 30px;  width: 100px; background-color:#640906; background-image:none; border-radius:5px; border-color:#640906; padding:5px 10px 5px 10px; color:#FFF; font-weight:bold; font-size:12px }
  .contactform form input.button:hover {  background-color: #0D1526;color: #F3A314;}
  .contactform form .formrightbuttom {  float: right}
  .contactform form input:focus, .contactform form textarea:focus, .contactform form select:focus {  /*background-color: #9B9B9B;  color: #FFF*/}

/* forgot pass */
#macro-login-box  form #errorMessages ul li { list-style:none; font-size:13px; margin: 0 1em 1em 1em;}

form#LibroCompra {    margin: 3em auto;    padding-top: 1.5em;    width: 90%;}


.result_box_button1 {  float: left;}
.result_box_button2 {  float: left;  margin-left: 20px}
.result_box_button1 span a, .result_box_button2 span a {  float: right; display: block;   width: auto;  background-color:#640906; border-radius:5px; padding:5px 10px 5px 10px; text-decoration:none; color:#FFF; font-weight:bold; font-size:12px}
.result_box_button1 a:hover, .result_box_button2 a:hover {   background-color:#0D1526; color:#F3A314}
.result_box_links {  margin-left: 270px;  overflow: hidden;  padding-bottom: 20px}

.clearfix { clear:both}

/*********************************************************************************************************************************************/


/******************************************************           12. SECCION MULTIMEDIA         ******************************************************/
.multimedia { overflow:hidden }
.multimedia ul { list-style:none; overflow: hidden /* FIX */ }
.multimedia ul li { display:block;  float:left;  padding:10px; margin:10px 0 0 0; border-bottom:#999 dotted 1px; min-height:215px; vertical-align:top; }

  .multimedia-content { font:Arial, Helvetica, sans-serif; font-size:12px; display:block; width:200px;   }
  .multimedia-content a { text-decoration:none; /*position:relative; */  }
  .multimedia-content .img-tit { margin:0; padding:0; font-weight:bold}
  .multimedia-content .img-text {margin:0; padding:0; font-size:11px;}
   /* fotos */
  .multimedia-content-fotos{min-height: 235px;}
  /* video */
  .multimedia-content .btn-croma { position:absolute; width:250px; height:150px;  z-index:999; background:url(../images/croma-video2.png) 50px 25px no-repeat }
  .multimedia-content .btn-croma:hover {background:url(../images/croma-video.png) 50px 25px no-repeat}
  
  /* audio */
  .audio ul li { min-height:100px;}
  .audio ul li .multimedia-content { width:310px; }
  .audio ul li .multimedia-content a.myplayer {  display: block; width:300px; height:30px ; margin-bottom:0.5em}  
  .audio ul li .multimedia-content .img-text { font-weight:bold; font-size:12px  }
  .audio ul li .multimedia-content .img-text-autor { color:#640906; margin: 0;padding: 0;font-size: 11px; font-weight:bold}
/*********************************************************************************************************************************************/


/******************************************************           13. SECCION SLIDES (ENVIVO)    ******************************************************/
.envivo, .envivo2 { display:none }  /* fix display on load */
.slide { }
  .slide .ficha { border:#DDDDDD solid 1px; padding:10px; background-color:#FFF;  text-align:left; font-size:11px; margin:0 10px 0 10px}
  .slide .partido { background-color:#444444; color:#FFF; border-radius:3px; padding:1px 5px 1px 15px; }
  .slide .resultado .equipo1, .slide .resultado .equipo2 { margin:0; padding:3px 0 2px 15px}
  .slide .resultado .equipo1 span, .slide .resultado .equipo2 span  { float:right; font-size:14px; margin-right:20px; font-weight:bold}
  
  .slide .info { background-color:#EEEEEE; border-radius:3px; font-size:10px; margin:5px 0 0 0; padding:2px 0 0px 0px; width:100%}
  .slide .info p { margin:0; padding-right: 5px; /* fix text in box*/}  

.directo {} /* resaltado */
 .slide .directo { background-color:#640906; border-radius:5px; border-color:#640906; padding:5px;}
 .slide .directo .partido { background-color:#640906; color:#FFF; margin-top:0px; margin-bottom:3px; font-weight:bold}
 .slide .directo .resultado { background-color:#FFF; border-radius:3px; font-size:15px; font-weight:bold }

.ficha a{  text-decoration:none;}
/*********************************************************************************************************************************************/


/******************************************************           14. SECCION REDES SOCIALES    ******************************************************/
.redes-sociales { margin:0 auto; width:650px}
.redes-sociales p { font-size:14px; }
.redes-sociales iframe { width:650px !important;  }

  .noticia-zona-social {   display: inline-block;     float: right;  }
    .twitter-share { display: inline-block;    float: right;    margin-right: -25px;  }
    .facebook-share {  display: inline-block;    float: right;    margin-right: 10px;  }


/*******************************************************************************************************************************************/


/******************************************************           15. SECCION PAGINAS GENERAL     ******************************************************/
.aviso-legal { color:#111; font-size:13px; text-align:justify}
  .aviso-legal h4 { font-size:19px; margin:30px 0 10px 0} 
  .aviso-legal h5 { font-size:16px; margin:10px 0 0 0} 

.interior {color:#111; font-size:13px; text-align:justify }
.interior a { color:#640906; font-weight:bold} 
/*********************************************************************************************************************************************/


/******************************************************           16. SECCION ADD NOTICIAS     ******************************************************/

/*** Audio integrado en la noticia ****/
.noticia-zona-audios {    border-top: 1px solid #EEEEEE;    font-size: 16px;    font-weight: bold;    margin: 5px 0;    overflow: hidden;    padding: 5px;    width: 100%;}
.principal-detalle .noticia-zona-audios .audio-content p {margin-bottom:4px; font-size: 12px;font-weight: bold; font-family:Tahoma, Geneva, sans-serif}
 .audio-content {  font-weight: normal;  /*padding-left: 20px;*/  padding-top: 10px;  padding-bottom: 10px; }
 .audio-content a.myplayer {  display: block;  width: 300px;  height: 30px;}

/*** Audio noticas secundarias  ***/
.principal .noticia-zona-audios .audio-content p { margin-bottom:4px; font-size: 12px;font-weight: bold;font-family:Tahoma, Geneva, sans-serif}
.principal .noticia-zona-audios .audio-content a.myplayer { width: 290px;}

/*** Videos integrado en la noticia ****/
.principal-detalle .video-imagen { background-color:#000; text-align:center; width: auto }

/*********************************************************************************************************************************************/


/******************************************************           17. SECCION MEJORAS    ******************************************************/
.menu-acc { margin:1em 0 0 0; overflow:hidden; border-top: #000 solid 1px; padding:1em 0 2em 0; background-color:#444444}
  .menu-acc ul.nav-bottom { margin:0 auto; width:90%; min-height:150px; font-family:'Homenaje', sans-serif; font-size:24px; text-transform:uppercase }
  .menu-acc ul.nav-bottom li { display:inline-block; text-align:left ;margin: 0 30px 0 0; vertical-align:top }
  .menu-acc ul.nav-bottom li a { color:#FFF; text-decoration:none}
  .menu-acc ul.nav-bottom li a:hover { text-decoration:underline}
  .menu-acc ul.nav-bottom li ul { font-size:16px; margin-top:7px }
  .menu-acc ul.nav-bottom li ul li { display:block; text-transform: none; }
/*********************************************************************************************************************************************/


/******************************************************           18. SECCION RESULTADOS    ******************************************************/
.resultados h4 {}
.resultados, .table.clasificacion { font-family:Tahoma, Geneva, sans-serif; font-size:13px}
.resultados h5 { text-transform:uppercase; border-bottom:#EEEEEE solid 1px; margin:1em 0 0 0; padding:0; font-size:13px}
.resultados .img-resultados { /*width:100%;*/ margin-bottom: 1em;}


/* tamaño y forma del panel principal */
div#panel {position: relative;/*width:215px;height: 300px;*/ }
div#panel .tit { margin:0 10px 0 10px}

/* configuracion de las pestañas */
ul#tabs {/*position:absolute; left: 0px; top: 10px; z-index: 20; */margin:0;padding:0;height: 18px;/*width: 400px;*/ }
ul#tabs li {float:left; list-style: none;   padding:5px 5px 4px 3px; font-weight:bold; /*height: 23px;*/}
ul#tabs li.actual { /*height: 24px;*/}
ul#tabs li a {display: block;/* hack para ie6 */.display: inline-block;/* fin del hack */ outline: 0px none;  padding:0 5px 0 5px; text-decoration:none/*height: 23px;line-height: 23px;*/}
ul#tabs li.actual a { cursor: default; /*height: 24px; line-height: 24px;*/}

/* Configuración de los paneles */
div#panel #paneles {/*position:absolute; left: 0px; overflow: hidden; z-index: 10px;  height: 450px; top: 28px; width: 215px;*/  margin:0 10px 0 10px}
div#panel #paneles div { overflow: auto;width: 205px; /*height: 255px;*/ }


/* tabla interior */
table.clasificacion { border:none; width:100%; padding-bottom:1em ;border-collapse: collapse  ;}
  table.clasificacion .pais  { text-align:left; width:45%}
  table.clasificacion td { color:#640806; font-weight:bold;padding:3px; text-align: center;}
  table.clasificacion tr.spain { background-color:#F8F8F8 }

table.resultados-grupo  { border:none; width:100%; margin-top:0.5em }
  table.resultados-grupo  td { color:#640806; font-weight:bold; padding:1px;}
  table.resultados-grupo  caption { text-align: right;font-size: 10px;}
  table.resultados-grupo tr {border-bottom: #EEEEEE solid 1px; display:block}
  table.resultados-grupo .pais  { text-align:left; width:45%; color:#111}


span.clasificacion_equipo {padding-left: 25px}
.bandera_clasificacion{}

/* estilos colores copa confederaciones*/
.confederaciones .grupo { border: #E7D162 solid 2px; padding:5px; float: left; margin: -2px 0 2em -10px;}
ul#tabs li { background-color:#E7D162; color:#00954D;}
ul#tabs li a {background-color:#F3F3F3; border:#DDDDDD solid 1px; color:#00954D; border-radius:5px;}
ul#tabs li.actual a {background-color:#00954D; border:#00831D solid 1px; color:#FFF;}

  /* paises */
  span.spain    { background: url(../images/others/163.png) 0 0 no-repeat; padding-left:25px }
  span.uruguay  { background: url(../images/others/352.png) 0 0 no-repeat; padding-left:25px }
  span.tahiti   { background: url(../images/others/2257.png) 0 0 no-repeat; padding-left:25px }
  span.nigeria  { background: url(../images/others/443.png) 0 0 no-repeat; padding-left:25px }
  span.brasil   { background: url(../images/others/362.png)   0 0 no-repeat; padding-left:25px }
  span.mexico  { background: url(../images/others/364.png) 0 0 no-repeat; padding-left:25px }
  span.japon  { background: url(../images/others/451.png) 0 0 no-repeat; padding-left:25px }
  span.italia  { background: url(../images/others/353.png) 0 0 no-repeat; padding-left:25px }




/*********************************************************************************************************************************************/