/* CSS list menu for navigation portlet */

#navigation-container {
    /* width: 150px; */
    white-space: nowrap;
}

#navigation-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: white;
}

#navigation-container li {
    margin: 0 auto 1px auto;
    color: black;
    background-color: #cccccc;
    font-weight: bold;
    text-align: center;
    line-height: 1.6em;
}

#navigation-container a {
    padding-left: 0.75em;
    color: black;
    text-decoration: none;
    display: block;
}

#navigation-container a:hover {
    color: white;
    background-color: #c40000;
    text-decoration: none;
}

#navigation-container ul ul li {
    margin-bottom: 1px;
    color: black;
    background-color: #eeeeee;
    font-weight: normal;
    text-align: left;
}

#navigation-container .selected {
    background: url('/imagenes/activo.gif') no-repeat right center;
}

/* Extra padding class for the generated icons - we have to do it
   this way because of the IE flicker bug on hovering. */

.visualIconPadding {
	padding-left: 18px;
	margin-left: -1px;
	margin-bottom: 1px;
	min-height: 1.6em;
	height: auto;
	line-height: 1.6em;
}

/* And another IE workaround */

* html .visualIconPadding {
	height: 1.6em;
}

/* cabezales */

.cabezal {
	background-attachment: scroll;
	background-color: transparent;
	background-position: right center;
	background-repeat: no-repeat;
    border: none;
    color: Black;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 30pt;
    height: 60px;
    line-height: 60px;
	position: relative;
	white-space: nowrap;
}

.cabezal_sombra {
    white-space: nowrap;
	position: absolute;
	top: 1px;
	left: 1px;
	color: #ddd;
}

.cabezal_titulo {
    white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;
	color: black;
}

.politica {
    background-image: url('/imagenes/politica.png');
}

.opinion, .edito, .correo {
    background-image: url('/imagenes/opinion.png');
}

.economia {
    background-image: url('/imagenes/economia2.png');
}

.mundo {
    background-image: url('/imagenes/mundo.png');
}

.migracion {
    background-image: url('/imagenes/migracion.png');
}

.estados {
    background-image: url('/imagenes/estados.png');
}

.capital {
    background-image: url('/imagenes/capital.png');
}

.sociedad {
    background-image: url('/imagenes/sociedad.png');
}

.ciencias {
    background-image: url('/imagenes/ciencias.png');
}

.cultura {
    background-image: url('/imagenes/cultura.png');
}

.espectaculos {
    background-image: url('/imagenes/espectaculos.png');
}

.deportes {
    background-image: url('/imagenes/deportes.png');
}

.fotografia {
    background-image: url('/imagenes/fotografia.png');
}

.tecnologia {
    background-image: url('/imagenes/tecnologia.png');
}

.cartones {
    background-image: url('/imagenes/cartones.png');
}

.gastronomia {
    background-image: url('/imagenes/gastronomia.png');
}

.libros {
    background-image: url('/imagenes/vox-libris.png');
}

.discos {
    background-image: url('/imagenes/disquero.png');
}

.cine {
    background-image: url('/imagenes/cineguia.png');
}

/* ----- columns.css ----- */
@media screen {
  /*
  ** Table-based column layout for all browsers.
  **
  ** There's a table-less column layout alternative in the plone_tableless
  ** skin layer, if you prefer layouts without tables.
  */

/* Menu Styles */
.portletHeader {
    background-color: #ccc;
    border: none;
    font-weight: bold;
    text-transform: none;
    text-align: center;
}

.portletItemSingle {
    padding: 0;
    border: none;
}

.navTree li {
    margin-bottom: 0;
}

.navTreeItem a {
    background-color: #eee;
    color: Black;
    border: none;
    text-decoration: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0.75em;
}

#portlet-navigation-tree a:hover {
    background-color: #c40000;
    color: White;
    border: none;
}

/* Print and send articles by email */

.documentActions {
    margin: 0 0 2em 0;
    padding: 0.5em 1em;
    text-align: left;
    border: 1px solid #e8e8e8;
    color: Black;
    background: White;
    width: 300px;
}

.documentActions ul {
    margin: 1px 0 2px 0;
    padding: 0;
    display: block;
}

.documentActions li {
    display: block;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.documentActions a {
    border: none !important;
    text-decoration: none;
}

.documentActions a:hover {
    color: #c40000;
}

.icon-sendto {
    background: url(/imagenes/mail_icon.gif) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.icon-print {
    background: url(/imagenes/print_icon.gif) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.icon-large-text {
    background: url(/imagenes/texto-grande.png) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.icon-small-text {
    background: url(/imagenes/texto-chico.png) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

/* Interviews */
.entrevista{
    font-size: 14px;
    font-weight: bold;
}

/*Section send mail*/

div.sectionMails{
    text-align: right;
    margin-bottom: 1em;
}

/* Columns*/

#portal-columns {
    width: 100% !important;
    border-collapse: collapse;
    border-spacing: 0;
}

#portal-columns-principal {
    width: 1001px !important;
    border-collapse: collapse;
    border-spacing: 0;
}

#portal-column-one {
/*    display: none; */
    vertical-align: top;
    width: 14em;
}

#portal-column-content {
    font-size: 120%;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

#portal-column-two {
    vertical-align: top;
    width: 16em;
}


.text_block_200 {
    display: block;
    float: left;
    width: 45%;
    margin-right: 15px;
    }

.spacer { clear: both; height: 0; }

/* Padding for the columns */

#portal-column-one .visualPadding {
    padding: 2em 0em 1em 2em;
}

#portal-column-two .visualPadding {
    padding: 2em 2em 1em 0em;
}

#portal-column-principal-content {
    vertical-align: top;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dddddd;;
}

#portal-column-secondary-content {
    vertical-align: top;
    margin: 0;
    padding: 0;
    border-right: 1px solid #dddddd;;
}

#portal-column-secondary-content .visualPadding {
    padding: 2em 0em 1em 2em;
}

#portal-column-advertising {
    vertical-align: top;
    width: 180px;
}

#portal-column-advertising .visualPadding {
    padding: 2em 0em 1em 2em;
}

/* fullscreen */

body.fullscreen #portal-column-one,
body.fullscreen #portal-column-two {
    display: none;
}

body.fullscreen #portal-column-content {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* COMPISOTE PACK STYLES- PORTADA */

.compo_column, .emphasis {
    padding: 0;
}

.emphasis {
    background: #eeeeee;
    border: 1px solid #dddddd;
    border-style: solid solid solid solid;
    float: right;
    width: 45%;
}

/* .compo_left_column {
    border: 1px solid #dddddd;
    border-style: none solid none none;
    padding: 0 0.5em;
    float: left;
    width: 65%;
}

.compo_right_column
  {
    padding: 0 0.5em;
    float: left;
    width: 25%;
} */

.compo_left_column {
    border: 1px solid #ddd;
    border-style: none solid none none;
    padding: 1em 1em 1em 0;
    margin: 0;
    float: left;
    width: 405px;
}

.compo_right_column {
    padding: 1em 0 1em 1em;
    margin: 0;
    width: auto;
    minimum-width: 200px;
    margin-left: 415px;
}

.compo_clear {
    clear: both;
}

.description {
   padding-bottom: 0.25em;
}

.title {
    color: black;
    background: transparent;
    font-size: 120%;
    font-weight: bold;
    padding: 0;
}

.viewlet {
    margin-bottom: 1em;
}

.viewlet h1 { border: none; font-size: 200%; }
.viewlet h2 { border: none; font-size: 160%; }
.viewlet h3 { border: none; font-size: 120%; }

/* portaditas */
.portadita {
    float: left;
    margin: 1em 20px;
}

/* portlet de micrositios */
#portlet a img {
    height: 145px;
    width: 145px;
}

/*  ---- CUADROS INFORMATIVOS EN INDICE DE SECCION COLUMNA TWO ---- */
#utilities { margin-bottom: 2em; }
#utilities div, #utilities th, #utilities td { font-size: 8pt; }

/* FUTBOL DEPORTES */
#futbol { width: 180px; border: 1px solid #c50007; border-collapse: collapse; margin-bottom: 0.5em; }
#futbol td, #futbol th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; white-space: nowrap; }
#futbol th { color: white; background-color: #c50007; }
#futbol tr.even { color: inherit; background-color: #e0e0e0; }
#futbol tfoot { color: white; background-color: #c50007; text-align: right; }
#futbol tfoot a:link, #futbol tfoot a:active, #futbol tfoot a:visited { color: white; }
.local { width: 40%; text-align: right; }
.marcador { text-align: center; }
.visitante { width: 40%; }

/* publicidad */
div.add_120 { width: 120px; margin: 10px auto 0 20px; }
div.add_160 { width: 160px; margin: 0 auto 1em auto; text-align: center; }
div.add_180 { width: 180px; margin: 0 auto 1em auto; text-align: center; }
div.add_300 { width: 300px; margin: 3em auto 1em auto; text-align: center; }
div.add_468 { width: 468px; margin: 2em auto 1em auto; text-align: center; }
div.add_note { width: 728px; margin: 1em auto; text-align: center; }

/* sólo en Firefox */
div.add_120:before,
div.add_160:before,
div.add_180:before,
div.add_300:before,
div.add_468:before,
div.add_note:before {
  content: "Publicidad"; text-align: center; font-size: smaller; font-weight: bold;
}

}

/* --------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: Black;
    background-color: transparent;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    margin: 0 0 0.25em 0;
    border-bottom: 1px solid #dddddd;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: Black ! important;
    text-decoration: none;
}

h1 { font-size: 160%; }

h2 { font-size: 150%; margin-top: 1em; }

.leftImagesBlock {
    clear: both;
    float: left;
    margin: 0 1em 0 0;
    text-align: left;
    width: 200px;
}

.leftImagesBlock p a {
    border: none;
    display: block;
    font-size: 85%;
    text-align: right;
    text-decoration: none;
}

.icon-fullscreen {
    background: url(/imagenes/view-fullscreen.png) transparent no-repeat right center;
    padding-right: 20px;
}

.leftImagesBlock p img {
    display: block;
    margin-bottom: 0.25em;
}

.leftImagesBlock p span {
    display: block;
    line-height: 1.2em;
    margin-bottom: 0.25em;
}

#article_list h2, #article_list h3 {
    margin-bottom: 0.2em;
    border: none;
}

/*
#portal-globalnav {
    display: ;
}
*/

#portal-searchbox {
    margin: 0;
}

#portal-searchbox label {
    font-size: 80%;
    font-weight: normal;
}

#portal-advanced-search, #portal-globalnav {
    display: none;
}

#portal-logo {
    background: url(/imagenes/logo_250x50.png) no-repeat;
    border: 0;
    margin: 0.25em 0em 0.25em 1.5em;
    padding: 0;
}

#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 50px;
    height: 0px !important;
    height /**/: 50px;
    width: 250px;
    cursor: pointer;
}

/* SENDTO FORM */
input {
    font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
    visibility: visible;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    color: Black;
    vertical-align: middle;
    background-color: White;
/*    background-image: url(http://www.jornada.unam.mx/ultimas/input_background.gif); */
    background-repeat: repeat-x;
    background-attachment: scroll;
}

textarea {
    font-family: Monaco,"Courier New",Courier,monospace;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    line-height: normal;
    font-size-adjust: none;
/*    font-stretch: ;*/
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    color: Black;
    background-color: White;
/*    background-image: url(http://www.jornada.unam.mx/ultimas/input_background.gif); */
    background-repeat: repeat-x;
    background-attachment: scroll;
    width: 100%;
}

fieldset {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0em;
    padding-bottom: 1em;
    line-height: 1.5em;
    width: auto;
}

legend {
    background-color: White;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 90%;
}

label {
    font-weight: bold;
}

.documentDescription {
    font-weight: bold;
    display: block;
    margin-top: 0em;
    margin-right-value: 0em;
    margin-bottom: 0.5em;
    margin-left-value: 0em;
    line-height: 1.5em;
}

.formHelp {
    font-size: 90%;
    color: rgb(118, 121, 124);
    margin-top: 0pt;
    margin-right-value: 0pt;
    margin-bottom: 0.2em;
    margin-left-value: 0pt;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.field {
  top: 0;
  left: 0;
  margin: 0 1em 1em 0;
}

.field .field {
  margin: 1em 0 0 0;
}

.fieldRequired {
  background: url(/imagenes/required.gif) center left no-repeat;
  padding: 0 0 0 8px;
  color: White;
}

.fieldUploadFile {
  text-align: right;
  margin-right: 0.75em;
  display: none;
}

.fieldTextFormat {
  text-align: right;
  margin-right: 0.75em
}

.formControls {
  margin: 1em 0;
}

.error {
  background-color: #ffce7b;
  border: 1px solid #ffa500;
  padding: 1em;
  margin: 0 0 1em 0;
  width: 95%;
}
.error .fieldRequired {
  color: #ffce7b;
}


/* portlet latest */

#portlet-latest {
    width: 180px;
}

#portlet-latest .portletItem a:hover {
    text-decoration: underline;
}

#portlet-latest .portletItem a:visited {
    color: black;
}

#portlet-latest .portletHeader {
    background: #eee;
    border: 1px solid #ddd;
    border-style: solid solid none solid;
    text-align: left;
}

#portlet-latest .portletItem {
    border: 1px solid #ddd;
}

#portlet-latest .portletFooter {
    background: #eee;
    border: 1px solid #ddd;
    border-style: none solid solid solid;
}

#portlet-latest .portletFooter a {
    color: black;
}

/* hacks temporales para portlet latest */
#header_noticias {
    display: none;
}

#portlet-latest .portletItem {
    padding: 0;
}

#portlet-latest span {
    color: red;
}

#portlet-latest a {
    display: inline;
}
/* fin de los hacks temporales para portlet latest */


/* related box */
#related_box {
    width: 300px;
    border: 1px solid #ccc;
    margin: 2em 0;
}

#related_box h3 {
    color: black;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    padding-left: 1em;
    font: 100% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 1.6em;
}

#related_box p {
    margin-left: 1em;
    margin-right: 1em;
}

.last {
    display: inline-block;
    float: left;
    background: url(/imagenes/arrowLeft.gif) transparent no-repeat 0 50%;
    padding-left: 10px;
}

.next {
    display: inline-block;
    float: right;
    background: url(/imagenes/arrowRight.gif) transparent no-repeat 100% 50%;
    padding-right: 10px;
}

div .documentActions {
    width: 300px;
    padding: 0;
}

div .documentActions ul {
    padding: 0.5em 1em;
}


/* redes sociales */

.dojoTooltip {
    width: 300px;
}

div .documentShare {
    border: 1px solid #CCC;
    color: black;
    background-color: #eee;
    margin-top: 2em;
    padding: 0.5em;
}

div .documentShare h5 {
    display: inline;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-bottom: none;
}

div .documentShare ul {
    display: inline;
    margin-left: 0.5em;
}

div .documentShare ul li {
    display: inline;
    margin-right: 0.5em;
}

.icon-delicious {
    background: url(/imagenes/delicious_icon.png) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.icon-fresqui {
    background: url(/imagenes/fresqui_icon.png) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.icon-meneame {
    background: url(/imagenes/meneame_icon.png) transparent no-repeat 0 50%;
    padding-left: 20px;
}

.icon-technorati {
    background: url(/imagenes/technorati_icon.png) transparent no-repeat 0 50%;
    padding-left: 20px;
}

@media print {
#portal-logo {
    display: list-item;
    list-style-image: url(/imagenes/logo_250x50.png);
    list-style-position: inside;
}

#breadcrumbs-you-are-here {
    display:none;
}

#portal-breadcrumbs{
    border-bottom: 1px solid;
	}

#portal-breadcrumbs a{
    text-decoration: none;
	}


#portal-searchbox,  #portal-column-one, #portal-column-two {
    display: none;
}

/*ocultar, Anterior y Siguiente*/
div.documentNavigation {
    display:none;
}

/*ocultar de portal-footer todo excepto el copyright que aparecer‡ centrado*/
#site-links{
     display: none;
}
#copyright {
    text-align: center;
}


/* ocultar los siguientes elementos en la impresión */
div.advertising_top,
div.advertising_right,
div.advertising_bottom  {
    display: none;
}

/* revisar esto pues varios de estos elementos están en desuso */
div.add_120, div.add_160, div.add_180, div.add_300, div.add_300por, div.add_468, div.add_728, div.add_note {
    display: none;
}

div.sectionMails{
    display: none;
}

div.documentActions{
    display: none;
}

div .documentShare {
    display: none;
}

}

/* Misc */

.noselect {
	-moz-user-select: none;
	-webkit-user-select: none;
}


/*Temporal para los comentarios*/

a.discusion {
   background: #EEEEEE url(http://www.jornada.unam.mx/imagenes/linkOpaque.gif) no-repeat scroll 9px 1px !important;
   text-decoration: none;
   padding: 1px 1px 1px 20px;
   font-size: 85%;
   border: 1px solid #CCCCCC
}
ul.comentarios{
  list-style-type: none;
}

#renderComments {
   min-width: 700px;
   width: 50% !important;
}

li.comentario{
   background-color: #EFF8FF;
   border: 1px #DDDDDD solid;
   padding: 8px;

}
div.titulo {
   background-color: #EFF8FF;
   font-weight: bold;  
   border-bottom: 1px solid #76797C;
   background-image: url(http://www.jornada.unam.mx/imagenes/discussionitem_icon.gif);
   background-repeat: no-repeat;
   padding-left: 20px;
}
div.credito {
   font-size:80%;
}