/* JavaScript-Cache (c) 2009-2010 Folioserver
Todos los derechos reservados
All rights reserved
*/
/*** libs_oss/highslide/highslide.css ***/
/**
* @file: highslide.css
* @version: 4.1.8
*/
.highslide-container div {
/*font-family: Verdana, Helvetica;
font-size: 10pt;*/
}
.highslide-container table {
background: none;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
font-size: .9em;
}
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
/*background: white;*/
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(images/highslide/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(images/highslide/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
.highslide-overlay {
display: none;
}
.hidden-container {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(images/highslide/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Thumbnail boxes for the galleries. */
/* Remove these if you are not using a gallery. */
/*****************************************************************************/
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
line-height: 0;
overflow: hidden;
}
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
html>/**/body .highslide-gallery ul li {
display: table;
text-align: center;
}
html>/**/body .highslide-gallery ul li {
text-align: center;
}
html>/**/body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
position: static;
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(images/highslide/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(images/highslide/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
margin:0;
list-style: none;
}
.highslide-controls a {
background-image: url(images/highslide/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a.disabled span {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
cursor: pointer;
}
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*****************************************************************************/
/* Styles for the HTML popups */
/* Remove these if you are not using Highslide HTML */
/*****************************************************************************/
.highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
overflow: hidden;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
.highslide-header .highslide-move a {
cursor: move;
}
.highslide-footer {
height: 16px;
}
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/resize.gif) no-repeat;
}
.highslide-footer .highslide-resize span {
display: none;
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}
/*****************************************************************************/
/* Styles for the Individual wrapper class names. */
/* See www.highslide.com/ref/hs.wrapperClassName */
/* You can safely remove the class name themes you don't use */
/*****************************************************************************/
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.draggable-header .highslide-heading {
position: absolute;
margin: 2px 0.4em;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 2px;
top: 2px;
z-index: 5;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
.draggable-header .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'titlebar' */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
.titlebar .highslide-heading {
position: absolute;
width: 90%;
margin: 1px 0 1px 5px;
color: #666666;
}
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
.titlebar .highslide-header .highslide-move * {
display: none;
}
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
.titlebar .highslide-maincontent {
padding-top: 1em;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
/* hs.wrapperClassName = 'wide-border' */
.wide-border {
background: white;
}
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
}
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* hs.wrapperClassName = 'colored-border' */
.colored-border {
background: white;
}
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/controlbar-black-border.gif);
}
/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
/*****************************************************************************/
/* Styles for text based controls. */
/* You can safely remove this if you don't use text based controls */
/*****************************************************************************/
.text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
.text-controls .highslide-move {
display: none;
}
.text-controls li {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
.text-controls a {
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
.text-controls a span {
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 18px;
padding: 1px 0 1px 18px;
color: #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
.text-controls .highslide-next {
margin-right: 1em;
}
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
.text-controls .highslide-close a span {
min-width: 0;
}
.text-controls a:hover span {
color: black;
}
.text-controls a.disabled span {
color: #999;
}
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
.text-controls .highslide-play span {
background-position: 0 -60px;
}
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
.text-controls .highslide-next span {
background-position: 0 -100px;
}
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
.text-controls .highslide-full-expand span {
background: none;
}
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
.text-controls .highslide-close span {
background-position: 0 -120px;
}
/*****************************************************************************/
/* Styles for the thumbstrip. */
/* See www.highslide.com/ref/hs.addSlideshow */
/* You can safely remove this if you don't use a thumbstrip */
/*****************************************************************************/
.highslide-thumbstrip {
height: 100%;
}
.highslide-thumbstrip div {
overflow: hidden;
}
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
.highslide-thumbstrip td {
padding: 1px;
/*text-align: center;*/
}
.highslide-thumbstrip a {
outline: none;
}
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent; /* change this to actual background color in highslide-ie6.css */
}
.highslide-thumbstrip-horizontal div {
width: auto;
/* width: 100% breaks in small strips in IE */
}
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/scrollarrows.png) left center no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/scrollarrows.png) center right no-repeat;
height: 42px;
}
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
.highslide-thumbstrip-vertical-overlay {
overflow: hidden !important;
}
.highslide-thumbstrip-vertical div {
height: 100%;
}
.highslide-thumbstrip-vertical a {
display: block;
}
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/scrollarrows.png) top center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/highslide/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
.highslide-thumbstrip-vertical img {
max-width: 60px;
}
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
.highslide-thumbstrip-float .highslide-marker {
display: none;
}
/*** templates/base/base.css ***/
/*
GUÍA DE ESTILO
Nombres de clases e identificadores:
* El nombre / id debe reflejar la semántica del elemento y *nunca* el estilo
Ejemplo (bien): .IMAGE-FOOTER, (mal): .SMALL-FONT
* Usar mayúsuculas para elementos que se consideran importantes
Se considera importante un elemento raíz (o contenedor) de una prestación
o agrupación de prestaciones.
* Usar minúsculas para elementos que no se consideran importantes
Se consideran no-importantes elementos que no tendrían significado fuera
de su contexto o elemento contenedor
* Usar guión para combinar palabras en identificadores
* Combinar clases o identificadores que reflejan estados, y aplicarlos todos
a la vez
Ejemplo: (bien) ![]()
* Usar exclusivamente el inglés
Selectores:
* Preferir asignar una clases a un elemento que crear un selector que haga
referencia a un tipo de etiqueta
Ejemplo: ".CONTEXTO-image" es perferido a ".CONTEXTO img"
Propiedades (atributos):
* No especificar unidad cuando el valor es cero
* Especificar una propiedad por línea
* Indentar propiedades un nivel más que su selector
* No usar comillas para especificar rutas
Ejemplo (bien): backgound-image: url(path/to/file.jpg);
* Usar notación corta cuando es posible
Ejemplo: margin: 2px 0 0 10px
* No usar notación corta cuando solo se desea afectar un propiedad
Ejemplo: (bien): margin-left: 2px, (mal): margin: 0 0 0 2px;
Tamaño de fuente:
* El tamaño base del body son 14px
* No especificar tamaños en píxeles sino EM
Otros:
* Agrupar reglas css por prestación/contexto
* Definir la regla con el selector del elemento importante/raíz/contenedor
de la prestación primero, siempre, aunque no tenga propiedades
* Indentar (anidar) bloques de selectores subsecuentes
*/
/* CSS Master reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
em, i {
font-style: italic;
}
strong, b {
font-weight: bold;
}
ol,ul {
padding-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}
/* css reset END */
/* The EM font-size magic
* ------------------------
* The default font size is 16px - we must set it to 100% on the BODY here to
* enforce that size in Internet Explorer. Remember that magic 16.
* Now, we can enforce sizes relatively, which means we can accurately force
* sizes in pixels WHEN THE USER HAS THE DEFAULT FONT-SIZE ENABLED, which will
* be most of the time. If another font-size is enabled, all font-sizes will
* scale proportionally, which is GOOD.
*
* How to calculate EM font-sizes
* ------------------------------
* When specifying the font-size in EM units, the actual pixel value in a web-
* browser will be calculated by multiplying the elements nearest ancestor's
* font-size value (in pixels) by the EM value.
* So if the body's size is 16px by default and we set the font-size of a child
* element to 0.75em we get 12px, because 16 * 0.75 = 12.
* To find out the em: (desired-pixel-size) / 16 = (resulting-em-size)
* Notice that when we want to set the size of another element inside of said
* element, the font-size of the other element wouldn't be relative to the
* body's font-size anymore, but to the element we set to 0.75em/12px.
* Our formula here would be (desired-pixel-size) / 12 = (resulting-em-size).
*
* Style guideline
* ---------------
* We will try to annotate the pixel size we're expecting with a comment when
* using EM units, like so:
* font-size: 1.125em; /* 16x1.125=18px ·/
*/
html {
font-size: 16px;
}
body {
font-size: 0.875em;
/* 16*0.875=14px */
}
/* for the silly zoom-in-out links */
body.font_size_small {
font-size: .75em; /* 16x0.75=12px */
}
body.font_size_large {
font-size: 1.25em; /* 16x1.25=20px */
}
/* heading default styles */
h1 {font-size: 2em}
h2 {font-size: 1.66em}
h3, h3 a {font-size: 1.33em}
h4 {font-size: 0.75em}
h5 {font-size: 0.5em}
h6 {font-size: 0.25em}
/* sweet inner shadow */
input, textarea, select, .blockinput {
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
border: 1px solid #808080;
padding: 2px 0px 0px 2px;
background-position: right -64px;
background-repeat: no-repeat;
}
/* Fake placeholder, only used when placeholder not supported.
* Question: when is this actually used?
*/
input.placeholding {
color: #999;
}
/* remove styles from checkbox and radiobutton */
input.RADIO_CHECKBOX, input[type=radio], input[type=checkbox] {
border: none !important;
background: none !important;
width: auto !important;
vertical-align: middle;
}
input[type=search] {
-webkit-appearance: none;
}
input:focus, textarea:focus, .blockinput.focus {
outline: 2px auto -webkit-focus-ring-color;
-moz-outline: 2px auto orange;
background-color: #ffe;
}
.blockinput {
position: relative;
background-color: #fff;
}
.blockinput input, .blockinput textarea {
width: 100%;
margin: 0;
padding: 0;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font: inherit;
outline: none;
}
.blockinput input {
height: 22px;
}
.blockinput input:focus, .blockinput.focus input, .blockinput.focus input:focus {
outline-width: 0;
background-color: transparent;
}
input:focus:required:invalid, input.nonundetermined:required:invalid, input.invalid, input:required:valid, input.valid {
background-image: url(images/iconos_cabecera/input_validity.png);
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
input:focus:required:invalid, input.nonundetermined:required:invalid, input.invalid {
background-position: right -37px;
}
input:required:valid, input.valid {
background-position: right -5px;
}
.validation-hint {
position: absolute;
top: -2px;
right: -180px;
width: 165px;
display: none;
outline: none;
background-color: #fcc;
color: #000;
text-align: center;
padding: 5px;
z-index: 100000000;
font-size: 10px;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
box-shadow: 0px 1px 2px rgba(0,0,0,0.6);
-moz-transition-duration: 2s;
-webkit-transition-duration: 2s;
cursor: default;
}
.validation-hint-arrow {
display: block;
width: 10px;
height: 19px;
position: absolute;
top: 3px;
left: -9px;
background: transparent url(images/validation-hint-arrow.png) left top no-repeat;
}
input:focus:required:invalid + .validation-hint, input.nonundetermined:required:invalid + .validation-hint, input.invalid + .validation-hint,
textarea:focus:required:invalid + .validation-hint, textarea.nonundetermined:required:invalid + .validation-hint, textarea.invalid + .validation-hint {
display: block;
}
button, a.button {
/*display: inline-block;*/
border: 1px solid #aaa;
border-left-color: #ccc;
border-top-color: #ccc;
height: 22px;
padding-top: 0px;
background-color: #d0d0d0;
background-image: -moz-linear-gradient(0% 100% 90deg,#d0d0d0, #f1f1f1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f1f1f1), color-stop(0.5, #eee), color-stop(1, #d0d0d0));
margin: 1px;
padding: 0 6px;
cursor: default;
color: #000;
/*-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 0px 1px 1px #999;*/
}
/* anchor masked as button */
a.button {
line-height: 21px;
height: 20px;
vertical-align: bottom;
padding-top: 3px;
}
button img {
vertical-align: bottom;
}
a.button img {
margin-top: -10px;
}
button:active, a.button:active {
background: #ccc;
border-color: #ccc;
}
button:hover, a.button:hover {
color: #000;
}
/* helpers */
.floatbreaker { display: block; clear: both }
/* Paragraph heading - use this when possible. You can also base your style on
* this like so:
*
* Something something
*/
.CABECERA_PARRAFO {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 5px;
}
/* Standard Paragraph text */
.TEXTO_PARRAFO {
text-align: justify;
line-height: 1.4em;
}
.TEXTO_PARRAFO ul {
list-style: disc;
}
/* RichText inserted images have one of the following classes */
.RichTextAlignLeft, .RichTextAlignRight, .RichTextAlignCenter {
display: block;
margin: 5px;
margin-top: 4px;
}
.RichTextAlignLeft {
float: left;
clear: left;
margin-left: 0;
}
.RichTextAlignRight {
float: right;
clear: right;
margin-right: 0;
}
.RichTextAlignCenter {
clear: both;
margin-left: auto;
margin-right: auto;
}
.sendtofriend {
font-size: 1.2em;
padding: 10px 20px;
border: 1px solid #ddd;
background-color: #fff;
margin-bottom: 10px;
}
.sendtofriend fieldset {
width: 45%;
float: left;
position: relative;
height: 110px;
}
.sendtofriend fieldset.right {
float: right;
}
.sendtofriend label {
display: block;
}
.sendtofriend textarea {
display: block;
}
.sendtofriend .blockinput {
margin: 5px 0;
}
.sendtofriend fieldset.left .blockinput {
margin-right: 15px;
}
.sendtofriend button {
position: absolute;
right: 0;
bottom: 0;
}
/* Debug output. You could delete this on a production site, if you're really sure about what you do */
.LOGGER {
text-align: left;
background-color: #000;
color: #C0FFC0;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size: 0.85em;
}
.LOGGER .loggerinfo {
border-top: 6px dotted #F4DC24;
border-bottom: 1px dotted #F4DC24;
padding: 1px 4px;
text-align: center;
color: #fff;
}
.LOGGER .loggerinfo .esp {
font-size: 0.75em;
}
.LOGGER .linea{
text-align: left;
}
.LOGGER td, .LOGGER th {
vertical-align: top;
border-top: 1px dotted #00cc00;
}
.LOGGER a {
color: #fff;
}
.LOGGER .dbg {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: text-bottom;
}
.LOGGER .dbg.lvl1 {background-image:url('images/iconos/debug_lvl1.png')}
.LOGGER .dbg.lvl2 {background-image:url('images/iconos/debug_lvl2.png')}
.LOGGER .dbg.lvl3 {background-image:url('images/iconos/debug_lvl3.png')}
.LOGGER .dbg.lvl4 {background-image:url('images/iconos/debug_lvl4.png')}
.LOGGER .dbg.lvlunknown {background-image:url('images/iconos/debug_lvlunknown.png')}
#dbgpicker { /* this thing doesn't work! */
float: right;
width: 32px;
height: 32px;
background-color: #369;
margin: 1px;
border: 1px solid white;
}
/* MENU PANEL DE USUARIO PAGINA */
.PANEL_USUARIO {
}
.PANEL_USUARIO li{
font-size: 1.3em;
margin-bottom: 15px;
list-style-type: none;
}
.PANEL_USUARIO li a{
color: #999999;
}
.PANEL_USUARIO li a:hover{
color: #333333;
}
/* highslide prev and next buttons */
.prevbutton, .nextbutton {
background-image: url(images/highslide/nextprev.png);
background-position: 0 0;
background-repeat: no-repeat;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
left: -30px;
}
.nextbutton {
background-position: -30px 0;
left: 30px;
}
/* remove highslide styles */
.highslide-html {
overflow: visible;
}
.highslide-html-content {
padding: 0;
}
.highslideHtmlClose {
}
.highslideHtmlClose {
display: block;
margin: 0 0 0 auto;
width: 14px;
height: 14px;
cursor: default;
}
.highslideHtmlClose .highslideHtmlCloseIcon {
background-image: url(images/highslide/htmlclose.png);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: top;
}
.highslideHtmlClose:hover .highslideHtmlCloseIcon {
background-position: -14px 0;
}
.highslide-wrapper .highslide-html-content {
text-align: left;
width: 690px;
padding-bottom: 10px;
}
/* Page frame: this set's the "frame" that holds the rest of the page
* It is recommended to set (override) the width only of this element, and let
* the inner elements fit naturally, eventually using margins. That way it is
* not necessary to declare the page-frame width multiple times, nor calculate
* offset based on it.
* By default, we will set a width of 960px, which can be divided into a nice
* grid (2, 3, 4, 5, 6, 8, 10, 12, 15... rows), if you want.
* We also set a @media query to fill the window if it's smaller than our
* width instead of overflowing. (The media query is at the end if this file).
*/
.MARCO {
margin-left: auto;
margin-right: auto;
width: 960px;
text-align: left;
}
/* footer */
.PIE {
padding: 20px;
}
.PIE_inner {
height: 0px;
padding: 10px 0;
}
.PIE_left {
text-align: left;
float: left;
width: 357px;
}
.PIE_right {
float: right;
width: 357px;
text-align: right;
padding-top: 5px;
}
/* login access */
#LOGIN-popup {
}
.ACCESO {
}
.ACCESO-intro {
margin: 0 10px 10px 10px;
padding: 10px 20px;
background-color: #E8E9ED;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #ddd;
}
.ACCESO-title {
color: #333;
margin: 0 0 2px 0;
font-size: 1.7em;
font-weight: bold;
}
.ACCESO-introTXT {
font-size: 0.9em;
}
.ACCESO-columns {
position: relative;
}
.ACCESO-column {
float: left;
width: 50%;
min-width: 330px;
position: relative;
min-height: 270px;
}
.ACCESO-column-single {
width: auto;
padding: 0 25%;
}
.ACCESO-column-border {
height: 100%;
width: 1px;
background-color: #ccc;
border-left: 0px solid #ccc;
position: absolute;
top: 0;
left: 50%;
}
.ACCESO-column fieldset {
padding: 10px 20px;
min-height: 270px;
}
.ACCESO-column h1 {
font-size: 1.6em;
margin-bottom: 15px;
width: 100%;
}
.ACCESO .login-label {
display: block;
font-size: 0.9em;
font-weight: normal;
}
.ACCESO .blockinput {
font-size: 1.25em;
margin-bottom: 10px;
}
.ACCESO .login-button {
text-align: right;
padding: 0 20px;
/*position: absolute;
bottom: 0;
right: 20px;
display: inline !important;
width: auto;*/
}
#recover-link, #recover-link-cancel {
display: block;
font-weight: bold;
margin: 10px 0;
}
/*.ACCESO tr {
background: none;
}
.ACCESO .cell {
vertical-align: top;
}
.ACCESO .cell {
width: 45%;
padding-bottom: 10px;
}
.ACCESO .cellspace_l, .ACCESO .cellspace_r {
width: 5%;
background-color: #fff;
}
.ACCESO .cellspace_r {
border-left: 1px solid #999;
}
.ACCESO .alignbottom {
vertical-align: bottom;
}*/
/* used in login form, should be multipurpose */
.form-table {
display: table;
width: 100%;
}
.form-table-nosignup {
width: auto;
}
.form-table td {
padding: 5px 0;
vertical-align: top;
}
.form-table .alignright {
text-align: right;
width: 67%;
}
.form-table td.etiqueta {
width: 33%;
}
.form-table .alignbottom {
vertical-align: bottom;
}
.form-table td input {
width: 180px;
}
.form-table .error_msg {
display: block;
color: #c00;
font-weight: bold;
border: 1px dotted #c00;
padding: 2px;
padding-left: 22px;
background: #fff url(images/iconos_cabecera/up_error.png) 2px 2px no-repeat;
}
/* actually HEADER + PARAGRAPH + THUMBAILS. Let's call that a "block" (of
* content) until we come up with a better word.
*/
.GALERIA {
margin-bottom: 20px;
}
.thumbnails {
overflow: hidden;
}
.thumbnails a {
display: block;
float: left;
width: 110px;
margin: 10px 20px;
text-align: center;
border: 0px none #fff;
}
.thumbnails a:hover {
border: 1px solid #aaa;
margin: 9px 19px;
}
.thumbnails a span {
display: block;
margin: 0 auto;
width: 100px;
height: 100px;
line-height: 100px;
}
.thumbnails a cite {
display: block;
font-weight: bold;
padding-bottom: 5px;
height: 35px;
overflow: hidden;
}
.leermas { /* "read more" in side panel */
font-size: 0.8em;
text-align: right;
display: block;
}
/* news, should look mostly like blocks (of content). */
.NOTICIAS {
margin-bottom: 30px;
overflow: hidden;
}
.NOTICIAS .CABECERA_PARRAFO .foto { /* let's float the picture insed the paragraph */
float: left;
width: 100px;
text-align: center;
margin: 2px 8px 2px 0;
}
.NOTICIAS .desc {
text-align: justify;
}
.NOTICIAS .fecha, .NOTICIA .fecha {
font-weight: bold;
color: #808080;
}
/* link to useless RSS feeds */
.RSS {
width: 100%;
}
.RSS .celda {
background: transparent;
border: none;
padding: 10px;
}
.RSS .celda .ENLACE {
width: 100%;
height: 100%;
margin: 1px;
}
.RSS .celda .ENLACE .icono{ /* don't know */
margin: 1px;
padding: 10px;
}
/* page-links. Yes sherlock, these appear on listings that span multiple pages. */
.PAGINACION {
font-size: 1.2em;
height: 23px;
margin: 10px 0px;
}
.PAGINACION .etiqueta {
width: auto;
cursor: default;
}
.PAGINACION .pagina {
cursor: pointer;
}
.PAGINACION .activo {
cursor: default;
text-decoration: underline;
}
.PAGINACION .activo, .PAGINACION .etiqueta, .PAGINACION .pagina {
display: block;
float: left;
height: 15px;
border: 1px solid #808080;
background: #ffffff;
padding: 3px;
margin: 4px;
}
.PAGINACION .activo, .PAGINACION .pagina {
width: 15px;
text-align: center;
vertical-align: middle;
}
.PAGINACION .pagina:hover {
background: #ddd;
color: #000;
width: 21px;
height: 21px;
margin: 1px;
font-size: 1.3em;
}
.HORIZONTAL-EVEN-MARGIN {
text-align: justify;
text-justify: distribute-all-lines;
font-size: 0px;
}
.HORIZONTAL-EVEN-MARGIN-BOX {
display: inline-block;
}
.iefix .HORIZONTAL-EVEN-MARGIN-BOX {
display: inline;
}
.HORIZONTAL-EVEN-MARGIN-after, .HORIZONTAL-EVEN-MARGIN:after {
background-color: transparent;
height: 0px;
width: 100%;
font-size: 0;
}
.HORIZONTAL-EVEN-MARGIN-after {
display: inline-block;
}
.HORIZONTAL-EVEN-MARGIN:after {
display: inline-block;
content: " ";
}
.opera .HORIZONTAL-EVEN-MARGIN {
text-align: center;
}
/*.HORIZONTAL-EVEN-MARGIN {
padding: 0;
}
.HORIZONTAL-EVEN-MARGIN-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.HORIZONTAL-EVEN-MARGIN-cell {
width: 1px;
padding: 0;
text-align: center;
}
.HORIZONTAL-EVEN-MARGIN-spacer {
width: auto;
line-height: 0;
font-size: 0;
letter-spacing: 0;
}*/
.MENSAJE {
width: 100%;
}
.MENSAJE .icono {
vertical-align: top;
text-align: center;
float: left;
padding: 20px;
}
.MENSAJE .message {
padding: 20px;
margin-left: 60px;
text-align: left;
font-size: 1.1em;
}
.MENSAJE .description {
padding: 5px 20px;
margin-left: 60px;
}
.MENSAJE .botones {
text-align: right;
padding-right: 50px;
}
.MENSAJE .botones .button {
margin-right: 10px;
}
.XhrWrapper-Spinner, .XhrWrapper-Glass, .OverlayDialog {
display: block;
position: absolute;
top: 0;
left: -1000px;
}
.XhrWrapper-Spinner {
width: 16px;
height: 12px;
background: transparent url(images/iconos/video_loading.gif) center center no-repeat;
}
.XhrWrapper-Glass, .OverlayDialog {
background-color: rgba(237, 245, 252, 0.5);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.OverlayDialog {
background-color: #fff;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);
text-align: left;
}
.OverlayDialogCaption {
padding: 20px;
}
.OverlayDialogMessage {
padding: 10px 20px;
}
.OverlayDialogButtonBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: right;
}
.OverlayDialogButton {
margin: 10px 20px;
}
.avatar {
width: 110px;
border: 1px solid #ccc;
background-color: #fff;
-moz-box-shadow: 3px 3px 2px rgba(50,50,50,0.5);
-webkit-box-shadow: 3px 3px 2px rgba(50,50,50,0.5);
}
.avatar-image {
width: 100px;
height: 100px;
line-height: 99px;
text-align: center;
padding: 5px;
overflow: hidden;
}
.avatar-label {
display: block;
line-height: normal;
padding: 2px;
margin: 0;
}
.avatar-label input {
height: auto;
width: auto;
}
.FileUploadWrapper {
position: relative;
margin-top: 10px;
}
.FileUploadButton {
margin: 0;
z-index: 0;
cursor: default;
}
.FileUploadInput {
z-index: 1;
position: absolute;
left: 0;
top: 0;
}
.FileUploadInfo {
display: none;
}
.FileUploadInfo-active {
display: inline;
background-position: right center;
background-repeat: no-repeat;
padding: 0 22px 0 5px;
background-image: url(images/iconos/clear.png);
cursor: pointer;
}
.PANEL .contenido .PAGELIST {
}
.PANEL .contenido .PAGELIST ul {
padding-left: 10px;
}
.PAGESCATEGORIES {
}
.PAGESCATEGORIES .CATEGORY {
display: block;
width: 240px;
height: 220px;
float: left;
margin: 0 10px 20px 10px;
border: 1px solid #ccc;
text-align: center;
}
.PAGESPRODUCTS {
}
.PAGESPRODUCTS .PRODUCT {
display: block;
width: 240px;
height: 220px;
float: left;
margin: 0 10px 20px 10px;
border: 1px solid #ccc;
text-align: center;
}
.PRODUCT {
}
.PRODUCT #imagen_galeria {
width: 662px;
height: 500px;
line-height: 499px;
text-align: center;
margin: 2px auto;
}
.PRODUCT #imagen_galeria span {
line-height: normal;
position: relative;
display: inline-block;
}
.PRODUCT #imagen_galeria span cite {
}
.PRODUCT #marco {
width: 663px;
height: 100px;
position: relative;
margin: 2px auto 10px auto;
border: 1px solid #ddd;
}
.PRODUCT #marco .boton {
width: 16px;
height: 100px;
line-height: 99px;
z-index: 1;
background-color: #ddd;
position: absolute;
text-align: center;
}
.PRODUCT #marco .boton.der {
right: 0px;
}
.PRODUCT #ventana {
width: 631px;
height: 100px;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
padding: 0 16px;
}
.PRODUCT #ventana #pelicula {
position: absolute;
height: 100px;
line-height: 99px;
}
.PRODUCT #ventana #pelicula a {
display: block;
width: 100px;
height: 100px;
text-align: center;
float: left;
margin: 0 2px;
}
.PRODUCT #galeria_simple {
text-align: center;
}
.PRODUCT #galeria_simple a {
line-height: 99px;
margin: 0 2px;
}
.page-banners {
margin-bottom: 20px;
}
.SUBPAGES {
margin: 10px 0;
overflow: hidden;
}
.SUBPAGES a {
display: block;
float: left;
font-size: 1.2em;
padding: 4px 8px;
margin-right: 10px;
}
/*** libs_oss/mediaelement/build/mediaelementplayer.css ***/
.mejs-container {
position: relative;
background: #000;
font-family: Helvetica, Arial;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(images/mediaelementplayer/bigplay.png) top left no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button{
background-position: 0 -100px ;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: #333;
background: url(images/mediaelementplayer/background.png);
background: rgba(0, 0, 0, 0.9);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}
.mejs-overlay-loading span {
display:block;
width: 80px;
height: 80px;
background: transparent url(images/mediaelementplayer/loading.gif) center center no-repeat;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
background: none;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: url(images/mediaelementplayer/background.png);
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
height: 30px;
width: 100%;
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
background: 0;
font-family: Helvetica, Arial;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0px;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(images/mediaelementplayer/controls.png) 0 0 no-repeat;
min-height: 0;
}
/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 3px 0 3px ;
overflow: hidden;
text-align: center;
padding: auto 4px;
}
.mejs-container .mejs-controls .mejs-time span {
font-size: 11px;
color: #fff;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}
/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button {
background-position:0 0;
}
.mejs-controls .mejs-pause button {
background-position:0 -16px;
}
/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {
background-position: -112px 0;
}
/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50,50,50,0.8);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#1E1E1E,endColorstr=#3C3C3C);
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3caac8;
background: rgba(60,170,200,0.8);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#2C7C91,endColorstr=#4EB7D4);
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
width: 0;
background: #fff;
background: rgba(255,255,255,0.8);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#FFFFFF,endColorstr=#C8C8C8);
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
visibility: hidden;
position: absolute;
display: block;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail:hover .mejs-time-float {
visibility: visible;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}
/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
visibility:visible;
}
*/
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
background-position:-32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position:-32px -16px;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position:-16px -16px;
}
.mejs-controls .mejs-unmute button {
background-position:-16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: url(images/mediaelementplayer/background.png);
background: rgba(50, 50, 50, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px ;
-moz-border-radius: 0 0 4px 4px ;
border-radius: 0 0 4px 4px ;
}
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
display: block;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.5);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0;
}
/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position:-48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(images/mediaelementplayer/background.png);
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
visibility: visible;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display:block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{
clear: both;
float: left;
margin: 3px 3px 0px 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
/*background: #333;*/
background: #666;
background: rgba(102,102,102, 0.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{
font-size: 12px;
font-weight: bold;
display: block;
white-space:nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space:nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align:center;
/*font-weight: bold;*/
line-height: 22px;
font-size: 12px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 3px 5px;
background: url(images/mediaelementplayer/background.png);
background: rgba(20, 20, 20, 0.8);
}
/* End: TRACK (Captions and Chapters) */
.mejs-clear {
clear: both;
}
/* Start: ERROR */
.me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off button{
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button{
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button{
background-position: -96px 0;
}
/* End: picture controls */
/*** templates/periodico/folioestilo.css ***/
/* * * NO MODIFICAR: RESET DE ESTILOS QUE DIFIEREN ENTRE NAVEGADORES. NO TOCAR! * * */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td,blockquote {
padding: 0;
margin: 0;
margin-top: 0px;
}
/* table { border-collapse: collapse; border-spacing: 0; } */
table { border-collapse: separate; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { padding-left: 20px; margin-top: 5px; margin-bottom: 5px; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
/* ^ fin de reset ^ */
/* =GLOBAL
*/
html, body {
min-height: 100%;
}
body {
color: #585858;
font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
text-align: center;
background-color: #F7F7F7;
background-image: url(images/fondo_sombra.png);
background-position: center top;
background-repeat: repeat-y;
}
/* enlaces */
a {
text-decoration: none;
color: #000;
}
a:hover {
color: #666;
text-decoration: none;
}
img {
vertical-align: middle;
}
h1 {font-size: 2em}
h2 {font-size: 1.66em}
h3 {font-size: 1.33em}
h4 {font-size: 0.75em}
h5 {font-size: 0.5em}
h6 {font-size: 0.25em}
/* por defecto eliminamos los balazos de las listas */
hr, div.hr {
display: block;
border: none;
border-bottom: 1px dotted #999;
}
strong,b {
font-weight: bold;
}
input, textarea, select, .blockinput {
border-color: #bbb;
}
/* VENTANA POPUP (de momento solo imprimir pedido) */
body#ventana {
padding: 10px;
text-align: left;
background: #fff;
}
/* TEXTOS comunes */
.CABECERA_PARRAFO {
font-size: 1.8em;
color: #999;
}
.TEXTO_PARRAFO {
font-size: 0.9em;
/*margin-left: 20px;*/
margin-bottom: 20px;
text-align: justify;
line-height: 1.4em;
}
/* este elemento se posicionará correctamente despues de elementos flotantes; asi una caja contenedora los abarcará correctamente */
.floatbreaker { display: block; clear: both }
/* elimina estilos para radiobuttons y checkboxes - de todos modos se le debe asignar la clase RADIO_CHECKBOX a un input
tipo radio o checkbox, porque IE6 no pilla lo de input[type=...] */
input.RADIO_CHECKBOX, input[type=radio], input[type=checkbox], input[type=file] {
width: auto !important;
vertical-align: middle;
border: inherit !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
resize: none;
}
button, a.button {
height: auto;
min-height: 25px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 0.8em;
padding-bottom: 3px;
}
.opera button, .opera a.button {
line-height: 20px;
}
.font_size_small {
font-size: 11px;
}
.font_size_normal {
/* deberai de ser igual que el body */
font-size: 14px;
}
.font_size_large {
font-size: 18px;
}
/* =DISTRIBUCION
distribucion/layout general */
.MARCO {
margin-left: auto;
margin-right: auto;
/*padding-top: 5px;*/
overflow: hidden;
width: auto;
}
.MARCO-background {
margin: 0 auto;
width: 980px;
overflow: auto;
padding: 10px;
background-color: #FFFFFF;
}
.USERBAR {
line-height: 16px;
overflow: auto;
background-color: #E8E9ED;
padding: 2px 15px;
/* height: 22px;*/
border: 1px solid #CCCCCC;
margin-bottom: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-bottom-left-radius: 0px;
}
.USERBAR-left, .USERBAR-right {
}
.USERBAR-left {
float: left;
}
.USERBAR-right {
text-align: right;
}
.USERBAR-links {
color: #ccc;
}
.USERBAR-links a {
font-size: 0.8em;
padding: 0 6px;
color: #062E5E;
}
.USERBAR-links {
color: #ccc;
color: #062E5E;
margin-top: 2px;
background-image: url("images/iconos/userbar.png");
background-position: left -15px;
background-repeat: no-repeat;
font-family: tahoma, verdana, Arial, Helvetica, sans-serif;
}
.USERBAR-links a {
padding: 0 6px 0 18px;
}
.USERBAR-SEARCH {
}
.USERBAR-SEARCH-button {
display: block;
padding: 0px;
min-height: 24px;
height: 24px;
width: 26px;
margin: 0;
float: right;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.USERBAR-SEARCH-button img {
background: transparent url(images/iconos/userbar.png) center -1px no-repeat;
}
.opera .USERBAR-SEARCH-button {
height: 26px;
}
.USERBAR-SEARCH-input {
padding: 0 4px;
line-height: 22px;
height: 24px;
display: inline-block;
float: right;
width: 220px;
border-right: none;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
/* TODO: el placeholder no está centrado verticalemnte en webkit */
/* firefox hack: button and input height */
@-moz-document url-prefix() {
.USERBAR-SEARCH-button {
min-height: 22px;
height: 22px;
padding: 0 2px;
width: auto;
}
.USERBAR-SEARCH-input {
height: 20px;
}
}
.PANEL_USUARIO li a{
color: #CC7A00;
}
.PANEL_USUARIO li a:hover{
color: #062E5E;
}
.PANEL_USUARIO-BOOKMARKS, .PANEL_USUARIO-COMMENTS, .PANEL_USUARIO-POLLS {
background-image: url(images/iconos/news/acciones_noticia.png);
background-repeat: no-repeat;
}
.PANEL_USUARIO-BOOKMARKS {
background-position: -427px -2px;
}
.PANEL_USUARIO-COMMENTS {
background-position: -362px 0;
}
.PANEL_USUARIO-POLLS {
background-position: -396px 0;
}
.PANEL_USUARIO-HEADER {
border-bottom: 1px solid #133B5E;
color: #133B5E;
font-size: 1.8em;
font-weight: bold;
margin-bottom: 15px;
padding-bottom: 8px;
}
.CABECERA2 {
margin-bottom: 14px;
background: #062E5E url('images/fondo_cabecera.jpg') left top repeat-y;
text-align: left;
border-top: 1px solid #CCCCCC;
}
.CABECERA2 .logo {
display: block;
float: left;
height: 100px;
width: 600px;
}
.CABECERA2 .logo img {
position: relative;
left: 14px;
top: 5px;
}
/* contiene enlaces rapidos como "enviar a amigo", los botones de los idiomas, y el fomrulario de búsqueda */
.CABECERA2 .HERRAMIENTAS {
width: 300px;
float: right;
clear: right;
padding-top: 5px;
text-align: right;
padding-right: 10px;
font-size: 0.8em;
margin-top: 10px;
}
.CABECERA2 .HERRAMIENTAS a {
}
.CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img {
border: 1px solid transparent;
}
.CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img.activo, .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON:hover img {
border-color: #666;
}
.CABECERA2 .HERRAMIENTAS .DATES {
}
.CABECERA2 .HERRAMIENTAS .DATES #fecha_hoy {
border-bottom: 0px solid #999999;
color: #EEEEEE;
display: block;
float: right;
font-family: Tahoma,Verdana,Arial;
font-size: 1.3em;
margin-bottom: 3px;
padding-bottom: 2px;
width: 290px;
}
.CABECERA2 .HERRAMIENTAS .DATES #fecha_update {
border-bottom: 0px solid #999999;
color: #CCCCCC;
padding-bottom: 3px;
width: 300px;
display: block;
float: right;
}
.CABECERA2 .HERRAMIENTAS .acciones {
border-top: 1px solid #999999;
margin-top: 4px;
padding-top: 7px;
color: #fff;
display: block;
float: right;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-page {
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 0 2px;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-page:hover {
text-decoration: underline;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-icon {
}
.acciones-icon-img {
background-image: url(images/social_icons/social_icons.png);
background-repeat: no-repeat;
}
.acciones-icon-img-facebook {
background-position: 0 0;
}
.acciones-icon-img-twitter {
background-position: -16px 0;
}
.acciones-icon-img-rss {
background-position: -32px 0;
}
/* HORIZONTAL MAIN MENU */
.CATEGORIAS {
clear: both;
width: 100%;
min-height: 24px;
text-align: left;
font-family: Georgia,Times,"Times New Roman",serif;
}
.CATEGORIAS .PADRES {
min-height: 30px;
background-color: #E8E9ED;
border-bottom: 1px solid #fff;
background-image: url(images/barra_menu.jpg);
background-repeat:repeat-x;
background-position: left top;
color: #062E5E;
}
.CATEGORIAS .PADRES a {
display: block;
float: left;
height: 27px;
line-height: 27px;
padding: 4px 8px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 1.15em;
color: #062E5E;
margin-bottom: -1px;
}
.CATEGORIAS .PADRES a.PADRE_ACTIVO {
background-color: #95b5cc;
border-bottom-color: #95b5cc;
}
.CATEGORIAS .PADRES a:hover {
background-color: #95b5cc;
}
.CATEGORIAS .HIJOS_CONT {
}
.CATEGORIAS .HIJOS {
min-height: 24px;
background-color: #95b5cc;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #062E5E;
}
.CATEGORIAS .HIJOS a {
line-height: 24px;
padding: 0 8px;
border-right: 1px solid #000;
color: #062E5E;
}
.CATEGORIAS .HIJOS a:hover {
text-decoration: underline;
}
.CATEGORIAS .HIJOS a.SUB_ACTIVO {
text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------- */
/* VERTICAL MAIN MENU */
.CATEGORIAS_menuvertical {
background-color: #C8D1D8;
color: #062E5E;
clear: both;
min-height: 29px;
text-align: left;
width: 100%;
}
ul.dropdown {
font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
ul.dropdown li {
/* background-color: #000000; */
color: #FFFFFF;
line-height: normal;
padding: 7px 0;
}
/* modifica el menu vertial a */
ul.dropdown a:link, ul.dropdown a:visited {
/* color: #062E5E;
text-decoration: none;
border-left: 1px solid #FFFFFF;
font-family: Georgia,Times,"Times New Roman",serif;
font-size: 1.3em; */
}
ul.dropdown a:hover {
/* color: #95B5CC;
text-decoration: none; */
}
ul.dropdown a:active {
/* color: #FFFFFF; */
}
ul.dropdown ul li {
background-color: transparent;
color: #000000;
filter: none;
}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {
background-color: transparent;
}
/* cambia los textos de la solapa */
ul.dropdown ul a:link, ul.dropdown ul a:visited {
/* color: #000000; */
}
ul.dropdown ul a:hover {
/* color: #062E5E;
text-decoration: none;
background-color: #cccccc; */
}
ul.dropdown ul a:active {
color: #FFFFFF;
}
/* actua sólo sobre el menu vertical */
ul.dropdown .dir {
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
border-left: 1px solid #FFFFFF;
color: #062E5E;
font-family: Georgia,Times,"Times New Roman",serif;
font-size: 1.3em;
padding-right: 12px;
}
ul.dropdown li a {
display: block;
padding: 7px 10px;
}
ul.dropdown li {
padding: 0;
}
ul.dropdown li.dir {
padding: 7px 20px 7px 14px;
}
ul.dropdown ul li.dir {
padding-right: 15px;
}
ul.dropdown ul a {
padding: 4px 5px 4px 5px;
/* width: 151px; LO DESACTIVO */
}
/* cambia color over del menu principal */
ul.dropdown li:hover > a.dir {
background-color: #95B5CC;
color: #062E5E;
}
ul.dropdown ul li:hover > a.dir {
background-color: #76B900;
color: #FFFFFF;
}
ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
ul.dropdown {
float: left;
position: relative;
z-index: 597;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
min-height: 1px;
vertical-align: middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
cursor: default;
position: relative;
z-index: 599;
}
/* cambia los atributos de la solapa */
ul.dropdown ul {
background-color: #95B5CC;
color: #333333;
opacity: 0.98;
left: 1px;
position: absolute;
top: 100%;
visibility: hidden;
/* width: auto; ponia 100% lo cambio a auto */
z-index: 598;
}
.boxnews {
width: 330px; /* ponia 100% lo cambio a auto */
}
.boxnewswithout {
width: auto; /* ponia 100% lo cambio a auto */
}
/* bloques laterales*/
/* contiene las secciones */
.block-menu{
display: block;
float: left;
margin: 5px 0 10px 8px;
}
/* contiene las secciones cuando no activa imagenes */
.block-menu.special{
display: block;
float: left;
margin: 5px 0 3px 9px;
}
.block-menu-li a {
border-bottom: 1px solid #C8D1D8;
color: #062E5E;
font-family: Arial,Helvetica,sans-serif,Tahoma;
font-size: 1.2em;
font-weight: bold;
min-width: 130px;
}
.block-menu-li a:hover {
color: #ffffff;
background-color: transparent;
}
/*menu*/
.block-menu-li.special a{
border-bottom: 1px solid #C8D1D8;
color: #062E5E;
font-family: Arial,Helvetica,sans-serif,Tahoma;
font-size: 1.2em;
font-weight: bold;
min-width: auto;
padding: 1px 0 7px;
}
.block-menu-li.special a:hover {
color: #ffffff;
background-color: transparent;
}
/* contiene la noticia */
.block-menu-firstnew {
display: block;
float: right;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
left: 99%;
top: 1px;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
/* NEWSBOX */
.li-destacadoSubmenu {}
.destacadoSubmenu {
display: block;
float: left;
margin: 5px 8px 7px 0;
width: 160px;
}
.destacadoSubmenu img{
max-width: 150px;
}
.submenu_tittle {
display: block;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
font-weight: bold;
line-height: 20px;
font-style: italic;
}
.submenu_tittle a{
color:#062E5E;
}
.submenu_tittle a:hover{
color:#ffffff;
}
/* ---------------------------------------------------------------------------------------- */
/* END VERTICAL MENU */
#fecha_hoy {
color: #fff;
padding-right: 5px;
line-height: 20px
}
/* desplegable ENVIARAMIGO */
#enviaramigo {
margin: 5px 0;
padding: 5px 15px;
text-align: left;
border: 1px solid #999;
background-color: #EDF5FC;
min-height: 68px;
}
#enviaramigo input {
width: 180px;
}
#enviaramigo .amigo_left {
width: 200px;
display: block;
float: left;
}
#enviaramigo .amigo_middle {
width: 220px;
display: block;
float: left;
}
#enviaramigo .amigo_right {
width: 200px;
display: block;
float: left;
height: 66px;
line-height: 80px;
text-align: center;
}
#enviaramigo button {
line-height: normal;
}
#enviaramigo label {
display: block;
}
#enviaramigo #enviaramigoRespuesta {
height: 100%;
text-align: center;
line-height: 50px;
background-position: center;
background-repeat: no-repeat;
}
/* =CUERPO
tanto el panel lateral como "contenido" estan dentro de ESTA tabla: */
.CUERPO {
width: 100%;
}
/* =PANEL
panel lateral */
.TODO {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
text-align:center;
padding-top: 5px;
}
.PANEL {
width: 175px;
vertical-align: top;
}
/* este div rodea el panel lateral, y evita su desbordamiento */
.PANEL .helper {
width: 175px;
overflow: hidden;
}
.PANEL .capsula {
text-align: left;
}
.PANEL .capsula .caja {
border: 1px solid #bbb;
}
.PANEL .capsula .titulo {
padding: 2px;
font-weight: bold;
font-size: 1.5em;
padding-left: 10px;
padding-top: 3px;
background: #fff url(http://eldiadigital.es/templates/periodico_eldiadigital/images/capsula_fondo.png) center top repeat-x;
}
.PANEL .capsula .titulo img {
vertical-align: top;
padding-top: 2px;
}
.PANEL .capsula .contenido {
padding-left: 5px;
}
.PANEL .capsula ul {
list-style-image: none;
margin-left: 0px;
padding-left: 0px;
}
.PANEL .capsula ul li, .PANEL .capsula div ul li.raiz {
padding-left: 10px;
background-image: url('images/iconos/lista_raiz.png');
background-position: left 6px;
background-repeat: no-repeat;
}
.PANEL .capsula ul li li, .PANEL .capsula ul.aspas li{
padding-left: 12px;
background-image: url('images/iconos/lista_aspa.png');
background-position: left 4px;
}
/* =CONTENIDO */
.CONTENIDO {
text-align: left;
vertical-align: top;
width: 670px;
margin-right: 10px;
float: left;
background-color: #fff;
}
.CONTENIDO .ruta {
margin-left: 0px;
font-size: 0.8em;
margin-bottom: 20px;
padding: 2px;
color: #75B4FF;
font-weight: bold;
}
.CONTENIDO .ruta img {
/* posicion de las flechas de la ruta */
margin-bottom: 2px;
}
.CONTENIDO .contenido_real {
padding: 0px 0px 20px 0px;
}
.BANNERS-RIGHT {
width: 300px;
float: right;
overflow: hidden;
background-color: #fff;
}
.BANNERS-RIGHT .BANNER {
margin-bottom: 10px;
}
.BANNERS-TOP, .BANNERS-BOTTOM {
width: 100%;
display: table;
}
.BANNERS-TOP {
margin-bottom: 0;
}
.BANNERS-TOP .BANNER, .BANNERS-BOTTOM .BANNER {
display: table-cell;
text-align: center;
vertical-align: top;
width: auto;
}
.BANNERS-TOP .BANNER-first, .BANNERS-BOTTOM .BANNER-first {
text-align: left;
}
.BANNERS-TOP .BANNER-last, .BANNERS-BOTTOM .BANNER-last {
text-align: right;
}
.BANNERS-BOTTOM {
margin-bottom: 15px;
}
/*.BANNER-IMAGE-first {
text-align: left;
}
.BANNER-IMAGE-last {
text-align: right;
}*/
/*.BANNER-IMAGE-LINK {
display: inline-block;
}
.BANNER-IMAGE-LINK:hover {
background-color: #ccc;
}*/
.BANNER_LIST_TABS {
overflow: hidden;
text-align: left;
}
.BANNER_LIST_TABS .tabs {
border-bottom: 0 solid #999999;
}
.BANNER_LIST_TABS .tabs .activa, .LOMAS .tabs a:hover {
background-color: #FFFFFF;
color: #004164;
font-size: 1.1em;
line-height: 18px;
margin-top: 0;
}
.BANNER_LIST_TABS .tabs a.primera {
border-left-width: 0px;
margin-left: 0;
}
.BANNER_LIST_TABS .tabs a {
color: #5D80A0;
background-color: #FFFFFF;
padding: 2px 10px 0 10px;
border-left: 1px solid #999;
font-size: 0.75em;
font-weight: bold;
}
.BANNER_LIST_TABS .cont {
background-color: #ffffff;
margin-top: 10px;
}
.BANNER_LIST_TABS .cont ol {
padding: 0;
margin: 0;
font-size: 0.75em;
list-style-type: none;
overflow: hidden;
}
.BANNER_LIST_TABS .cont ol li {
background-color: whiteSmoke;
border-top: 1px solid #CCC;
overflow: hidden;
}
.BANNER_LIST_TABS .cont ol a {
color: #48484B;
padding: 10px 6px 10px 10px;
font-size: 1.1em;
display: block;
float: left;
}
.BANNER_LIST_TABS .cont ol li:hover {
background-color: #ECEDEC;
}
.BANNER_LIST_TABS .cont ol a:hover {
color: #48484B;
}
.BANNER_LIST_TABS .cont ol .number {
color: #48484B;
padding-right: 10px;
font-size: 1.1em;
display: block;
float: left;
width: 16px;
height: 100%;
}
.BANNER_DESCRIPCION {
background-image: url("images/cabecera_news.jpg");
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
font-family: Georgia,Times,"Times New Roman",serif;
font-size: 0.75em;
font-weight: normal;
margin-bottom: 0;
padding: 5px 0 4px 13px;
text-transform: uppercase;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-bottom-left-radius: 0px;
}
.BANNER.subscribe {
background-color: #ECEDEF;
cursor: default;
margin: 0 auto;
padding: 10px;
}
.BANNER.subscribe button {
display: block;
margin-top: 5px;
float: right;
}
.BANNER_COLUMNAS {
background-color: #EBEBEB;
padding: 1px 0; /* margin collapsing */
text-align: left;
}
.BANNER_COLUMNAS .AUTOR {
border-bottom: 1px solid #CCCCCC;
margin: 10px;
padding-bottom: 15px;
}
.BANNER_COLUMNAS .AUTOR .autor_box {
margin-left: 63px;
width: auto;
}
.BANNER_COLUMNAS .AUTOR .columna {
display: block;
font-size: 0.75em;
font-weight: normal;
margin-bottom: 3px;
}
.BANNER_COLUMNAS .AUTOR .columna .avatar {
display: table-cell;
float: left;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
background-color: #fff;
margin-right: 10px;
}
.BANNER_COLUMNAS .AUTOR .columna:hover .avatar img {
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
.BANNER_COLUMNAS .AUTOR .noticia {
color: #585858;
display: block;
font-size: 1.1em;
font-weight: bold;
margin-left: 0px;
}
.BANNER_COLUMNAREDACTOR {
margin-bottom: 15px;
}
.ENTRADA.BANNER-IMAGES {
margin-bottom: 0;
border: none;
/*overflow: auto;*/
word-wrap: break-word;
-ms-word-wrap: break-word;
}
/* BANNER TITULARES */
.ENTRADA.BANNER_LATEST {
border-bottom: none;
}
.BANNER_LATEST .tabs {
border: 1px solid #999999;
border-left: none;
border-right: none;
}
.BANNER_LATEST .tabs a {
border: none;
font-size: 1em;
font-weight: bold;
padding: 6px 0 4px 6px;
display: block;
color: #004164;
line-height: 18px;
}
.BANNER_LATEST .tabs .tabs-icon {
background-image: url("images/iconos/news/acciones_noticia.png");
background-repeat: no-repeat;
background-position: -262px 0;
vertical-align: top;
}
.BANNER_LATEST .cont {
border: none;
}
.BANNER_LATEST .cont ol {
font-size: 1.1em;
font-weight: bold;
padding: 0 10px 0 5px;
list-style-type: none;
margin: 0;
}
.BANNER_LATEST .cont ol li {
border-bottom: 1px dotted #999999;
padding-bottom: 0;
}
.BANNER_LATEST .cont ol li a {
color: #062E5E;
display: block;
padding: 10px 6px 5px 10px;
}
.BANNER_LATEST .cont ol a:hover{
color: #CC7A00;
text-decoration: none;
}
/* =GALERIA */
.GALERIA {
margin-bottom: 20px;
}
.GALERIA .THUMBNAIL_CONTAINER {
width: 100%;
padding: 0px 5px 5px 5px;
}
.GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL {
text-align: center;
vertical-align: top;
border: none;
}
.GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a {
margin: 10px auto;
display: block;
width: 100px;
padding: 5px;
cursor: pointer;
}
.GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a:hover {
border: 1px solid #aaa;
padding: 4px;
}
.GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO {
display: block;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
vertical-align: middle;
}
.GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO img {
vertical-align: middle;
}
.GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span {
display: block;
font-weight: bold;
padding-bottom: 5px;
}
/* los enlaces a los feeds */
.RSS {
width: 100%;
}
.RSS .celda {
background: transparent;
border: none;
padding: 10px;
}
.RSS .celda .ENLACE {
width: 100%;
height: 100%;
margin: 1px;
}
.RSS .celda .ENLACE .icono{
margin: 1px;
padding: 10px;
}
/* =CONTACTO */
.CONTACTO {
width: 100%;
padding: 40px;
}
.CONTACTO table.contacto_tabla {
width: 90%;
}
/* mensaje de error */
.CONTACTO .mensaje {
border: 1px solid #808080;
background: #ffffff;
padding: 10px;
width: 80%;
margin-bottom: 20px;
}
/* mensaje de informacion sobre envio correcto */
.CONTACTO .info {
text-align: left;
}
/* etiqueta de campo */
.CONTACTO .etiqueta {
width: 50px;
text-align: right;
padding-right: 10px;
cursor: pointer;
}
.CONTACTO .etiqueta label{
cursor: pointer;
}
/* campo de entrada */
.CONTACTO .entrada {
text-align: left;
padding: 5px;
}
/* para seleccion de metodo de contacto preferido */
.CONTACTO .radio {
text-align: left;
}
.CONTACTO .radio .etiqueta{
text-align: left;
width: 99%;
margin-bottom: 5px;
}
.CONTACTO .radio .entrada {
width: 1%;
}
.CONTACTO .radio .entrada input {
margin: 2px 5px;
cursor: pointer;
}
/* textarea */
.CONTACTO .entrada_texto {
text-align: left;
padding: 5px;
}
.CONTACTO .entrada_texto textarea {
padding: 2px 0px 0px 2px;
border: 1px solid #808080;
}
.CONTACTO .captcha div {
border: 1px solid #808080;
background: #ffffff;
padding: 5px;
margin-bottom: 5px;
}
.CONTACTO .captcha_boton button {
margin: 2px 5px 5px 5px;
}
.CONTACTO .enviar {
margin-left: 20px;
}
/* =PAGINACION
de productos de tienda, fichas de inmobiliaria, habitaciones de hotel u otros */
.PAGINACION {
font-size: 0.9em;
font-weight: bold;
height: 23px;
margin: 10px 0px;
}
.PAGINACION .activo, .PAGINACION .etiqueta, .PAGINACION .pagina {
display: block;
float: left;
height: 15px;
border: 1px solid #CC7A00;
background: #fff;
padding: 3px;
margin: 4px;
color: #000;
}
.PAGINACION .etiqueta {
width: auto;
cursor: default;
}
.PAGINACION .pagina {
cursor: pointer;
}
.PAGINACION .activo {
cursor: default;
background-color: #ddd;
}
.PAGINACION .activo, .PAGINACION .pagina {
width: 15px;
text-align: center;
vertical-align: middle;
}
.PAGINACION .pagina:hover {
background: #ddd;
color: #000;
width: 21px;
height: 21px;
margin: 1px;
font-size: 1.3em;
}
.HORIZONTAL-EVEN-MARGIN {
}
.HORIZONTAL-EVEN-MARGIN-BOX {
margin-bottom: 14px;
}
.iefix .HORIZONTAL-EVEN-MARGIN-BOX {
}
.HORIZONTAL-EVEN-MARGIN-after, .HORIZONTAL-EVEN-MARGIN:after {
}
.HORIZONTAL-EVEN-MARGIN-after {
}
.HORIZONTAL-EVEN-MARGIN:after {
}
/* =BUSQUEDA */
.RESULTADOS {
}
.RESULTADOS .foto {
height: 50px;
width: 50px;
margin: 10px;
margin-top: 1px;
border: 1px solid #bbb;
float: left;
background-repeat: no-repeat;
background-position: center;
}
.RESULTADOS .descripcion {
height: 80px;
padding-top: 5px;
}
.RESULTADOS .destacado {
background: #FFFF80;
color: #000;
font-weight: bold;
}
.sitemap {
list-style: disc;
font-size: 1.25em;
}
.sitemap ul {
font-size: 0.75em;
list-style: circle;
font-weight: bold;
}
.sitemap ul ul { /* subsub */
font-size: 1em;
}
/* puzzle/banners de portada */
.PUZZLE {
position: relative;
margin-bottom: 20px;
margin-top: 4px;
}
.PUZZLE .DIV {
position: absolute;
text-align: center;
}
.PUZZLE .DIV img {
vertical-align: middle;
}
/* Salida debug */
.LOGGER {
text-align: left;
background-color: #000;
color: #C0FFC0;
}
.LOGGER .linea{
text-align: left;
font-family: monospace;
}
.LOGGER td, .LOGGER th {
vertical-align: top;
border-top: 1px dotted #00cc00;
}
.LOGGER a {
color: #fff;
}
.FAQ {
}
.FAQ ul {
list-style-image: url(images/faq_li.png);
font-size: 1.5em;
font-weight: bold;
}
.FAQ ul li {
padding-bottom: 2px;
}
/*
*
*
* PUBLICACION a partir de aqui
*
*
*/
.PORTADA {
width: 670px;
}
.PORTADA .CABECERA {
margin-bottom: 4px;
}
.PORTADA .COLUMNAS {
}
.PORTADA .COLUMNAS {
}
.PORTADA .COLUMNAS .COLUMNA_IZQUIERDA {
width: 420px;
padding-right: 10px;
border-right: 1px solid #DDE1E5;
float: left;
overflow: hidden;
}
.PORTADA .COLUMNAS .COLUMNA_DERECHA {
width: 230px;
padding-left: 5px;
float: right;
overflow: hidden;
}
.ENTRADA {
border-bottom: 1px solid #DDE1E5;
margin-bottom: 15px;
}
/* sombreado is deprecated, use shadowed */
.ENTRADA.sombreado, .ENTRADA.shadowed {
background-color: #ECEDEF;
padding: 8px;
border: 1px solid #D6D7D9;
}
.ENTRADA.shadowed.noticia .ENTRADA_image {
margin-left: -9px;
}
.ENTRADA.noticia.first .ENTRADA_image img {
max-width: 670px;
}
/* si es foto del dia, tendr� pie de foto y el borde no queda bien */
.ENTRADA.fotodeldia {
border-bottom: 1px solid #DDE1E5;
}
.ENTRADA.fotodeldia h1{
font-size: 2.2em;
}
/* titulo / autor / otros */
.ENTRADA h1, .ENTRADA h2, .ENTRADA h3 {
font-weight: bold;
}
.ENTRADA h1 {
color: #666666;
font-weight: bold;
margin-bottom: 5px;
font-size: 1.7em;
}
.ENTRADA h2 {
font-size: 1.5em;
}
.ENTRADA h3 {
font-size: 1.1em;
}
/* el enlace dentro del titulo */
.ENTRADA h1 a{
padding-bottom: 4px;
}
/* varios */
.ENTRADA h1 a, .ENTRADA h2 a, .ENTRADA h3 a {
color: #062E5E;
}
.ENTRADA h1 a:hover, .ENTRADA h2 a:hover, .ENTRADA h3 a:hover {
color: #CC7A00;
}
/* fixme: se usa esto? */
.ENTRADA small {
float: left;
clear: left;
}
/* fecha/antetitulo */
.ENTRADA h4 {
text-transform: uppercase;
color: #CC7A00;
/*font-weight: bold;*/
}
.ENTRADA .noticia-update-date {
font-size: 0.75em;
color: #888;
}
/* antetitulo */
.ENTRADA h3 {
text-transform: uppercase;
color: #CC7A00;
font-weight: bold;
font-size: 0.8em;
margin-top: 5px;
}
/* entradilla / cuerpo recortado */
.ENTRADA .text, .ENTRADA .entradilla {
text-align: left;
font-size: 0.9em;
padding-top: 0;
}
/* imagen de la noticia */
.ENTRADA .ENTRADA_image {
float: left;
margin: 4px 4px 2px 0;
}
.ENTRADA .ENTRADA_image-float {
margin-right: 10px;
margin-top: 0;
}
/* pie de imagen de fotodeldia */
.ENTRADA.fotodeldia a.fotoConPie {
display: block;
position: relative;
margin: 4px 0 5px 0;
min-height: 14px;
}
/* Avatar de columnista */
.ENTRADA .AVATAR {
display: block;
width: 55px;
height: 55px;
float: left;
}
.COLUMNA_IZQUIERDA .ENTRADA h1, .COLUMNA_DERECHA .ENTRADA h1 {
font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
}
.COLUMNA_IZQUIERDA .ENTRADA h1 {
font-size: 1.7em;
}
.COLUMNA_DERECHA .ENTRADA h1 {
font-size: 1.3em;
}
.COLUMNA_IZQUIERDA .ENTRADA.COLUMNS h1, .COLUMNA_DERECHA .ENTRADA.COLUMNS h1 {
font-size: 1.4em;
}
.ENTRADA-FLOATBREAKER {
clear: left;
}
.PORTADA .ENTRADA-FLOATBREAKER {
height: 1px;
padding-top: 9px;
}
.ENTRADA.CAROUSEL {
position: relative;
overflow: hidden;
}
.ENTRADA.CAROUSEL .CAROUSEL_STRIP {
top: 0;
left: 0;
}
.ENTRADA.CAROUSEL .CAROUSEL_STRIP .CAROUSEL_ENTRY {
top: 0;
}
.ENTRADA.CAROUSEL .CAROUSEL_STRIP .CAROUSEL_ENTRY .entradilla {
padding: 0 9px;
}
.ENTRADA.CAROUSEL .CAROUSEL_NAV {
position: absolute;
bottom: 1px;
right: 24px;
background-color: #BAC4D1;
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -278px 0;
background-repeat: no-repeat;
color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font: 0.75em bold Arial,Helvetica,sans-serif;
cursor: pointer;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ENTRADA.CAROUSEL .CAROUSEL_NAV_NEXT {
right: 1px;
background-position: -298px 0;
}
.ENTRADA.CAROUSEL .CAROUSEL_NAV:hover {
background-color: #062E5E;
}
.ENTRADA.ROLLER {
}
.ENTRADA.ROLLER .ROLLER_BOXES {
width: 200px;
background-color: #fff;
float: right;
}
.ENTRADA.ROLLER .ROLLER_CONTAINER{
margin-right: 210px;
overflow: hidden;
}
.ENTRADA.ROLLER .ROLLER_STRIP {
}
.ENTRADA.ROLLER .ROLLER_STRIP .ROLLER_ENTRY {
}
/*.ENTRADA.ROLLER .ROLLER_STRIP .ROLLER_ENTRY .entradilla {
padding: 0 9px;
}*/
.ENTRADA.ROLLER .ROLLER_NAV {
position: absolute;
bottom: 1px;
right: 24px;
background-color: #BAC4D1;
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -278px 0;
background-repeat: no-repeat;
color: #fff;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font: 0.75em bold Arial,Helvetica,sans-serif;
cursor: pointer;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ENTRADA.ROLLER .ROLLER_NAV_NEXT {
right: 1px;
background-position: -298px 0;
}
.ENTRADA.ROLLER .ROLLER_NAV:hover {
background-color: #062E5E;
}
.ENTRADA.IMAGECAROUSEL {
}
.ENTRADA.IMAGECAROUSEL h1 {
background-color: rgba(51, 68, 87, 0.8);
margin: 0;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 2.2em;
}
.ENTRADA.IMAGECAROUSEL h1 a {
display: block;
padding: 5px 10px;
color: #fff;
}
.ENTRADA.COLUMNS {
}
.ENTRADA .COLUMNS-table {
table-layout: fixed;
width: 100%;
}
.ENTRADA.COLUMNS .COLUMNS-column {
vertical-align: top;
}
.ENTRADA.COLUMNS .COLUMNS-gap {
width: 3%;
}
.ENTRADA.COLUMNS .COLUMNS-image {
max-width: 100%;
}
.ENTRADA.COLUMNS-triple .COLUMNS-column {
width: 30%;
}
.ENTRADA.COLUMNS-double .COLUMNS-column {
width: 48%;
}
.ENTRADA.newsitemrows {
border-bottom: 0;
}
.ENTRADA.newsitemrows .newsitemrows-row {
margin-bottom: 10px;
border-bottom: 1px solid #DDE1E5;
padding-bottom: 10px;
}
.ENTRADA.newsitemrows .newsitemrows-row .newsitemrows-imageseparator {
margin-left: 110px;
}
.ENTRADA.newsitemrows h4 {
background-image: url(images/cabecera_news.jpg);
background-repeat: no-repeat;
background-repeat: left top;
border: 1px solid #cccccc;
font-family: Georgia,Times,"Times New Roman",serif;
margin-bottom: 10px;
padding: 6px 0 6px 13px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-bottom-left-radius: 0px;
}
.ENTRADA.newsitemrows h4 a {
color: #CC7A00;
}
.ENTRADA.newsitemrows h4 a:hover {
color: #062E5E;
}
.ENTRADA.newsitemrows h1 {
font-size: 1.4em;
margin-bottom: 8px;
}
.ENTRADA.newsitemrows .entradilla {
font-size: 0.85em;
}
.ENTRADA.newsitemrows .newsitemrows-image {
display: block;
float: left;
margin: 2px 4px 4px 0;
max-width: 100px;
}
.ENTRADA.newsitemrows .newsitemrows-image .ENTRADA_image {
float: none;
margin: 0;
max-width: 100px;
}
.ENTRADA.RSSENTRY {
border: 1px solid #D6D7D9;
padding: 12px;
background-color: #ECEDEF;
}
.ENTRADA.RSSENTRY .RSSENTRY-row {
padding-bottom: 10px;
border-bottom: 1px solid #DDE1E5;
margin-bottom: 10px;
}
.ENTRADA.RSSENTRY h1 {
font-size: 1.3em;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
}
.ENTRADA.RSSENTRY h4 a {
display:block;
background-image: url("images/cabecera_news.jpg");
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
font-family: Georgia,Times,"Times New Roman",serif;
margin-bottom: 10px;
padding: 6px 0 6px 13px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 7px;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 7px;
border-bottom-left-radius: 0px;
}
.ENTRADA.ticker {
height: 32px;
border-bottom: none;
}
.ENTRADA.ticker h3 {
display: inline-block;
float: left;
background-color: #d20202;
height: 32px;
line-height: 32px;
margin: 0;
padding: 0 14px;
color: #fff;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.ENTRADA.ticker .ticker_arrow {
display: block;
width: 18px;
height: 32px;
position: absolute;
background-image: url(images/ticker_arrow.png);
background-color: transparent;
}
.ENTRADA.ticker .ticker_scroll {
height: 32px;
overflow: hidden;
position: relative;
background-color: #eee;
border-right: 5px solid #eee;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.ENTRADA.ticker .ticker_scroll ul {
display: block;
width: 16000px;
position: absolute;
line-height: 32px;
margin: 0;
padding: 0;
}
.ENTRADA.ticker .ticker_scroll li {
display: block;
float: left;
margin-right: 5px;
}
.ENTRADA.ticker .ticker_scroll .ticket_title {
display: block;
float: left;
margin-right: 6px;
}
.ENTRADA .ticket_title a{
font-weight:bold;
color:#062E5E;
}
.ENTRADA .ticket_title a:hover{
color:#CC7A00;
}
.SECTION .ENTRADA h1 {
font-size: 1.6em;
}
/*ENCUESTA */
.POLL-visualization {
text-align: center;
font-size:
}
.POLL-option {
display: block;
margin: 4px 10px;
padding: 2px 4px;
background-color: #EBEBEB;
}
.POLL-option .radio {
display: block;
width: 16px;
height: 16px;
margin-right: 4px;
float: left;
vertical-align: middle;
}
.POLL-option .POLL-option-label {
display: block;
margin-left: 20px;
cursor: pointer;
font-size: 0.85em;
}
.POLL-options {
list-style: none;
padding-left: 0;
}
.POLL-options li {
margin: 6px 0;
}
.POLL-options-color {
display: block;
float: left;
width: 16px;
height: 16px;
}
.POLL-options-label {
display: block;
margin-left: 20px;
}
.POLL {
margin-bottom: 20px;
padding: 9px;
border: 1px solid #cccccc;
}
.ENTRADA.POLL button {
margin: 8px 0 0 10px;
}
/* titular ENCUESTA POR DEFECTO */
.POLL h1 {
color: #CC7A00;
border-bottom: 1px solid #CCCCCC;
font-size: 1.2em;
padding-bottom: 6px;
margin-bottom: 10px;
}
.POLL h1 a{
color: #CC7A00;
}
.POLL h1 a:hover{
color: #062E5E;
}
.POLL h4 {
-moz-border-radius: 7px;
border-radius: 7px;
background-image: url("images/cabecera_news.jpg");
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
font-family: Georgia,Times,"Times New Roman",serif;
margin-bottom: 10px;
padding: 5px 0 4px 13px;
text-transform: uppercase;
}
.POLL-voted {
font-size: 1.2em;
font-weight:bold;
}
/* titular ENCUESTA COLUMNA DERECHA */
.COLUMNA_DERECHA .POLL h1 {
font-size: 1em;
color: #CC7A00;
border-bottom: 1px solid #CCCCCC;
font-size: 1.2em;
padding-bottom: 6px;
}
.COLUMNA_DERECHA .POLL h1 a{
color: #CC7A00;}
.COLUMNA_DERECHA .POLL h1 a:hover{
color: #CC7A00;
}
/*the end*/
.POLL-graph {
margin: 10px 0;
padding: 10px;
background-color: #ECEDEF;
text-align: left;
}
.POLL-graph-option {
background-color: #ccc;
}
.POLL-graph-option-bar {
margin-bottom: 10px;
}
.POLL-graph-option-bar-inner {
height: 22px;
border: 1px solid #fff;
border-bottom: 1px solid #888;
border-right: 1px solid #888;
background-color: #95B5CC;
background-image: url(images/trama.png);
background-repeat: no-repeat;
background-size: 100%;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgba(0,0,0,0)),
color-stop(1, rgba(0,0,0,0.5))
);
background-image: -moz-linear-gradient(
left center,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0.5) 100%
);
}
.POLL-graph-option-label {
display: block;
margin-bottom: 4px;
font-weight: bold;
font-size: 1.1em;
line-height: 0.9em;
}
.SECCION_COLUMNA_IZQ {
width: 325px;
float: left;
}
.SECCION_COLUMNA_DER {
width: 325px;
float: left;
margin-left: 15px;
}
/* =NOTICIAS */
.NOTICIAS {
margin-bottom: 20px;
}
.NOTICIAS table {
width: 100%;
}
.NOTICIAS .titulo {
font-size: 1.8em;
}
.NOTICIAS .desc {
text-align: justify;
padding-right: 10px;
}
.NOTICIAS .fecha {
display: block;
font-weight: bold;
color: #808080;
padding-right: 10px;
}
.NOTICIAS .foto {
vertical-align: middle;
text-align: center;
width: 120px;
}
.NOTICIAS-HEAD {
background-color: #8193AB;
color: #fff;
font-size: 1.1em;
padding: 2px 4px;
margin-bottom: 10px;
}
.NOTICIA {
margin-right: 7px;
}
.NOTICIA h1 {
font-size: 2.4em;
font-weight: bold;
font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
color: #062E5E;
}
.NOTICIA .TEXTO_PARRAFO {
text-align: justify;
margin-bottom: 20px;
padding-top: 10px;
}
.NOTICIA .TEXTO_PARRAFO a {
text-decoration: underline;
}
.NOTICIA .TEXTO_PARRAFO .entradilla {
font-weight: bold;
margin-bottom: 15px;
}
.NOTICIA .fecha {
text-align: left;
font-size: 1.0em;
font-weight: normal;
color: #CC7A00;
border-bottom: 1px dotted #333333;
display: block;
margin-bottom: 15px;
padding: 5px;
}
.NOTICIA .fecha .fecha-update {
float: right;
font-size: 0.8em;
color: #585858;
}
.NOTICIA .firma {
margin-top: -10px;
font-weight: bold;
font-size: 0.9em;
}
.NOTICIA .antetitulo {
text-align: left;
font-weight: bold;
color: #CC7A00;
margin-top: 8px;
font-size: 0.9em;
text-transform: uppercase;
}
.NOTICIA .ENTRADA {
width: 300px;
float: right;
margin: 0 0 20px 20px;
}
.NOTICIA .GALERIA {
margin-bottom: 20px;
}
.NOTICIA .GALERIA a {
display: block;
width: 160px;
height: 120px;
float: left;
background-color: #EEEEEE;
margin-right: 5px;
margin-bottom: 6px;
}
.NOTICIA .GALERIA a.ultimo {
margin-right: 0;
clear: right;
}
.NOTICIA .GALERIA a span {
display: table-cell;
width: 160px;
height: 120px;
vertical-align: middle;
text-align: center;
}
.NOTICIA .GALERIA a span img {
max-width: 145px;
max-height: 110px;
}
/* BUY NOW BOTON */
.buy_new {
color: #062E5E;
display: block;
float: left;
font-family: Tahoma,Verdana,Arial;
font-size: 0.8em;
height: 24px;
margin: 5px 0 0;
width: 100%;
}
.buy_new a{
color:#062E5E;
}
.buy_new a:hover{
color:#CC7A00;
}
/* carusel de imágnes */
.buy_new.fotocarrusel {
background-color: rgba(51, 68, 87, 0.8);
color: #062E5E;
display: block;
float: left;
font-family: Tahoma,Verdana,Arial;
font-size: 0.8em;
height: 14px;
margin: 5px 0 0;
width: 100%;
padding: 4px 0 5px 5px;
}
.buy_new.fotocarrusel a {
color:#ffffff;
}
.buy_new.fotocarrusel a:hover{
color:#CC7A00;
}
/* especial redactores */
.buy_new.redactores {
color: #062E5E;
display: block;
float: left;
font-family: Tahoma,Verdana,Arial;
font-size: 0.8em;
height: 7px;
margin: 6px 0 0 0px;
width: auto;
}
.buy_new.redactores a{
color:#333333;
}
.buy_new.redactores a:hover{
color:#000000;
}
/* especial para tira noticias ultima hora, el famoso ticker */
.buy_new.ticker {
color: #062E5E;
display: block;
float: left;
font-family: Tahoma,Verdana,Arial;
font-size: 0.8em;
height: 20px;
line-height: 13px;
margin: 9px 0 0 0px;
width: 150px;
}
.buy_new.ticker a{
color:#333333;
}
.buy_new.ticker a:hover{
color:#000000;
}
.buy_new_img.ticker{
background-image: url("images/iconos/news/acciones_noticia.png");
background-position: -245px -18px;
background-repeat: no-repeat;
display: block;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
/* fin ticket */
.buy_new.separator {
margin: 6px 0 0 10px;
}
.buy_new_img{
background-image: url("images/iconos/news/acciones_noticia.png");
background-position: -245px -18px;
background-repeat: no-repeat;
display: block;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
.buy_new_img.mini{
background-image: url("images/iconos/news/acciones_noticia.png");
background-position: -226px -18px;
background-repeat: no-repeat;
display: block;
float: left;
height: 13px;
margin-right: 5px;
width: 14px;
}
.buy_new_img.redactores{
background-position: -262px -18px;
}
/* ultimos titulares de una sección en filas */
.buy_new.latestbox {
color: #062E5E;
display: block;
float: left;
font-family: Tahoma,Verdana,Arial;
font-size: 0.7em;
font-weight: normal;
height: 0;
line-height: 0;
margin: 0 0 25px 10px;
width: 200px;
}
.buy_new.latestbox a{
color:#333333;
}
.buy_new.latestbox a:hover{
color:#000000;
}
.buy_new_img.latestbox{
background-image: url("images/iconos/news/acciones_noticia.png");
background-position: -245px -18px;
background-repeat: no-repeat;
display: block;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
/* END OF COVER BUY NEW Buttom STYLES */
.REFERENCES {
margin: 0 0 20px 20px;
padding-left: 5px;
font-size: 0.9em;
color:#666666;
font-weight: bold;
}
.REFERENCES li {
margin-bottom: 10px;
list-style-type: none;
}
.REFERENCES li a{
margin-bottom: 10px;
list-style-type: none;
color:#666666;
}
.REFERENCES li a:hover{
color:#333333;
}
.REFERENCES .bullet {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 2px;
background: transparent url("images/iconos/news/acciones_noticia.png") -112px 0 no-repeat;
}
.ENTRADA .REFERENCES {
font-size: 0.8em;
font-weight: bold;
margin: 0;
color:#666666;
}
.ENTRADA .REFERENCES li {
margin: 10px 0 0 5px;
list-style-type: none;
}
.ENTRADA .REFERENCES li a {
margin: 4px 0;
color:#666666;
}
.ENTRADA .REFERENCES li a:hover{
color: #333333;
}
.ENTRADA .REFERENCES .bullet {
width: 9px;
height: 9px;
background-position: -144px 0;
margin-top: -4px;
}
.ENTRADA .REFERENCES-columns .bullet {
background-position: -144px -9px;
}
.PORTADA .CABECERA .ENTRADA .REFERENCES {
font-size: 0.9em;
margin: 10px 0;
}
.COLUMNA_DERECHA .ENTRADA .REFERENCES, .COLUMNA_IZQUIERDA .ENTRADA .REFERENCES {
color: #666666;
font-size: 0.8em;
margin: 0;
}
.BANNERS-RIGHT .BANNER .ENTRADA .REFERENCES {
margin: 0 0 15px;
}
/* ESTOS ESTILOS DEBEN ESTAR EN iframe.css DEL PANEL */
.RichTextAlignLeft, .RichTextAlignRight, .RichTextAlignCenter {
display: block;
margin: 5px;
margin-top: 4px;
}
.RichTextAlignLeft {
float: left;
clear: left;
margin-left: 0;
margin-right: 10px;
}
.RichTextAlignRight {
float: right;
clear: right;
margin-right: 0;
margin-left: 10px;
}
.RichTextAlignCenter {
clear: both;
margin-left: auto;
margin-right: auto;
}
.flashbox {
width: 425px;
height: 344px;
margin: 4px 4px 2px 0;
float: left;
background: #fff url(http://eldiadigital.es/templates/periodico_eldiadigital/images/icons/multimedia.png) center center no-repeat;
}
.ImagenInsertada {
position: relative;
overflow: hidden;
}
.pieDeFoto {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0.8;
color: #fff;
background-color: #334457;
position: absolute;
text-align: left;
font-size: 0.8em;
}
.pieDeFoto cite {
display: block;
margin: 2px 5px;
white-space: pre-wrap;
word-wrap: break-word;
}
.FORM_COMENTARIO {
margin-bottom: 20px;
}
.FORM_COMENTARIO label {
display: block;
width: 120px;
float: left;
}
.FORM_COMENTARIO .blockinput {
margin-left: 130px;
margin-bottom: 10px;
}
.FORM_COMENTARIO fieldset {
padding-left: 40px;
padding-right: 240px;
}
.FORM_COMENTARIO legend {
display: block;
}
.FORM_COMENTARIO button {
display: block;
float: right;
}
.blockcaptcha {
margin-left: 160px;
}
.COMENTARIOS {
}
.COMENTARIO {
background-color: #eeeeee;
border-bottom: 1px dotted #CCC;
padding: 20px 5px;
}
.COMENTARIO-user {
width: 110px;
float: left;
}
.COMENTARIO-user-name {
color: #062E5E;
word-wrap: break-word;
overflow: hidden;
}
.COMENTARIO-content {
margin-left: 120px;
}
.COMENTARIO-date {
font-family: Tahoma, Verdana, Arial;
font-size: 0.8em;
font-weight: bold;
color: #CC7A00;
margin-bottom: 7px;
}
.COMENTARIO-text {
padding: 5px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 1em;
font-weight: normal;
color: #666666;
}
.COMENTARIO-text .quote {
font-family: Arial, Verdana, sans-serif;
color: #CCDDFF;
font-size: 2em;
font-style: normal;
font-weight: bold;
line-height: 0.2em;
}
.COMENTARIO-text .quote-start {
vertical-align: middle;
}
.iefix .COMENTARIO-text .quote-start {
line-height: 0.9em;
}
.COMENTARIO-avatar {
width: 80px;
height: 80px;
background-color: #fff;
}
.COMENTARIO-avatar-image {
width: 80px;
height: 80px;
line-height: 99px;
text-align: center;
overflow: hidden;
}
#comments-login {
display: block;
padding: 4px 4px 4px 12px;
line-height: 15px;
margin-bottom: 10px;
-moz-border-radius: 7px 7px 7px 7px;
border-radius: 7px;
border: 1px solid #CCCCCC;
font-size: 0.8em;
}
.comments-login-icon {
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -330px 0;
background-repeat: no-repeat;
margin-right: 4px;
}
.ACCIONES_ICONOS {
margin-top: 10px;
margin-bottom: 20px;
padding-top: 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
font-size: 0.8em;
}
.iefix .ACCIONES_ICONOS {
height: 28px;
}
.ACCIONES_ICONOS img {
vertical-align: bottom;
}
.ICONOS_1 {
width: 120px;
float: right;
text-align: right;
}
.ICONOS_1 a {
display: block;
float: right;
width: 16px;
height: 16px;
margin-left: 4px;
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}
.ICONOS_1 a#accion_imprimir {
background-position: -16px 0px;
}
.ICONOS_1 a#accion_comentar {
background-position: -32px 0px;
}
.ICONOS_1 a#accion_zoomin {
background-position: -48px 0px;
}
.ICONOS_1 a#accion_zoomout {
background-position: -64px 0px;
}
.ICONOS_1 a#accion_anterior {
background-position: -80px 0px;
}
.ICONOS_1 a#accion_siguiente {
background-position: -96px 0px;
}
.ICONOS_1 img{
padding-left: 4px;
}
.CONTENIDO_SOCIALentero {
border-top: 1px solid #CCC;
padding: 5px;
padding-top: 15px;
margin-bottom: 25px;
}
.CAJA_SOCIAL {
}
.CAJA_SOCIAL.comentarios_deshabilitados {
width: auto;
float: none;
margin: auto;
}
.CAJA_COMENT {
-moz-border-radius: 7px;
border-radius: 7px;
background-color: #ECEDEF;
border: 1px solid #CCCCCC;
padding: 5px;
}
.CAJA_COMENT fieldset {
padding:
}
.ACCIONES_SOCIAL {
-moz-border-radius: 7px;
border-radius: 7px;
background-image: url("images/cabecera_news.jpg");
background-repeat: no-repeat;
border: 1px solid #CCCCCC;
height: 26px;
line-height: 26px;
margin-bottom: 10px;
font-size: 0.8em;
position: relative;
}
#ACCIONES_SOCIAL-action {
line-height: 16px;
background-color: none;
padding: 4px;
margin-left: 8px;
}
.ACCIONES_SOCIAL-action-icon {
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -346px 0;
background-repeat: no-repeat;
margin-right: 4px;
}
.ACCIONES_SOCIAL .SOCIAL_LINK {
}
.ACCIONES_SOCIAL .SOCIAL_ICON {
width: 16px;
height: 16px;
background-image: url(images/iconos/news/social/todos.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.ACCIONES_SOCIAL .SOCIAL_LINK:hover .SOCIAL_ICON {
-webkit-animation-name: social-links-hover;
-webkit-animation-duration: 0.2s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-name: social-links-hover;
animation-duration: 0.2s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@-webkit-keyframes social-links-hover {
0% { -webkit-transform: translateY(0) }
100% { -webkit-transform: translateY(-10px) }
}
@keyframes social-links-hover {
0% { transform: translateY(0) }
100% { transform: translateY(-10px) }
}
.textosRSS {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding-top:10px;
font-size: 0.8em;
padding-bottom:10px;
}
.textosRSS img{
padding: 0px 1px 0px 6px;
}
.textosRSS a{
color: #585858;
}
.textosRSS a:hover{
color: #000000;
}
.PERMALINK {
border-bottom: 1px solid #CCC;
padding:10px 0 10px 6px;
font-size: 0.8em;
color: #585858;
}
/* PARA LA CAJA DE COMENTARIOS */
.titularCAJACOMENT {
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-weight: bold;
color: #062E5E;
padding: 6px 0 10px 3px;
border-bottom: 1px solid #CCC;
margin-bottom: 15px;
text-align: left;
}
.titularCAJACOMENT2 {
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-weight: bold;
color: #CC7A00;
padding: 10px;
border: 1px solid #CCC;
margin-bottom: 25px;
margin-top: 5px;
text-align: left;
}
.titularCAJACOMENT2 img{
vertical-align: text-bottom;
}
.TXT_FORM_coment {
font-size: 0.9em;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
color: #062E5E;
padding-bottom: 10px;
}
.FONDO_COMENTARIOS {
padding: 5px;
background-color: #CCCCCC;
}
.caja_AVATAR {
width: 105px;
float: left;
}
.CUERPO_NOMBRES {
width: 550px;
float: right;
}
/* FIN DE PARA LA CAJA DE COMENTARIOS */
.comenteMINI {
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
color: #062E5E;
text-align: left;
padding: 2px;
}
.comenteMINI a{
font-size: 1em;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
color: #062E5E;
text-align: left;
padding: 2px;
}
.comenteMINI a:hover{
font-size: 1em;
color: #CC7A00;
}
.comenteIMG {
width: 12px;
height: 11px;
background: transparent url(images/iconos/news/acciones_noticia.png) -153px 0 no-repeat;
}
/* =PIE
footer */
.PIE {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
padding: 5px 5px 5px 5px;
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
color: #333333;
text-align: left;
background: #FFFFFF;
border: 1px solid #DDE1E5;
clear: both;
overflow: auto;
}
.PIE-left {
width: 80%;
float: left;
}
.PIE-right {
width: 20%;
float: left;
text-align: right;
}
.PIE table {
width: 970px;
}
.PIE img {
vertical-align: bottom;
text-align: right;
padding-right: 10px;
}
.GALERIAS_PORTADA {
border: 1px solid #CCCCCC;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
background: #F5F5F3;
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #333333;
text-align: left;
padding: 5px;
}
.GALERIAS_PORTADA .TITULO {
display: block;
font-size: 1.1em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #FFFFFF;
text-align: left;
margin-bottom: 5px;
background-color:#062E5E;
padding: 8px;
margin-left: 0px;
}
.GALERIAS_PORTADA a.CAJAS {
display: block;
height: 140px;
width: 110px;
text-align: center;
vertical-align: top;
border: 1px solid #DDE1E5;
float: left;
margin: 4px;
padding: 5px;
overflow: hidden;
}
.GALERIAS_PORTADA .CAJAS .marco {
display: block;
width: 100px;
height: 100px;
text-align: center;
line-height: 99px;
margin: 0 auto;
background-color: #eee;
}
.PORTADA_GALERIAS_PORTADA .GALERIAS_PORTADA {
}
.PORTADA_GALERIAS_PORTADA .GALERIAS_PORTADA a.CAJAS {
width: 100px;
}
/* MENU DE LA P�?GINA EN PARTE SUPERIOR */
.MENU_PAGINA {
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #CCCCCC;
background-color: #BAC4D1;
margin-left:auto;
margin-right:auto;
padding: 10px 5px 10px 10px;
font-size: 0.9em;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
color: #062E5E;
text-align: left;
margin-bottom: 15px;
}
.MENU_PAGINA a {
font-family: Tahoma, Verdana, Arial;
font-size: 0.9em;
font-weight: bold;
color: #062E5E;
text-transform: uppercase;
}
.MENU_PAGINA a:hover {
text-decoration:underline;
color: #062E5E;
}
/* SECCIONES Y TITULARES LISTADAS AL PIE */
.titulares_ALPIE_IZQ {
width: 470px;
float:left;
padding: 3px 5px 3px 5px;
font-size: 0.9em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #062E5E;
text-align: left;
margin-bottom: 15px;
border-bottom: 1px solid #D4D4D4;
}
.titulares_ALPIE_IZQ a {
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size: 1em;
font-weight: normal;
color: #585858;
}
.titulares_ALPIE_IZQ a:hover {
text-decoration:underline;
color: #585858;
}
.titulares_ALPIE_DER {
width: 470px;
float: right;
padding: 3px 5px 3px 5px;
font-size: 0.9em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #062E5E;
text-align: left;
margin-bottom: 15px;
border-bottom: 1px solid #D4D4D4;
}
.titulares_ALPIE_DER a{
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size: 1em;
font-weight: normal;
color: #585858;
}
.titulares_ALPIE_DER a:hover{
text-decoration:underline;
color: #585858;
}
/* FIRMA FOLIOSERVER POWERED BY FOLIOEPRESS */
.cajaPIE_IMPRENTA {
width: 970px;
border:1px solid #D4D4D4;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
background: #F5F5F3;
font-size: 0.6em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #062E5E;
text-align: left;
padding: 5px;
}
.PUNTUACION {
line-height: 20px;
}
.iefix #___plusone_0 {
display: inline !important;
}
.PUNTUACION #bookmark-star {
display: block;
width: 32px;
height: 24px;
float: left;
background-image: url(images/iconos/news/acciones_noticia.png);
background-repeat: no-repeat;
background-position: -165px 1px;
}
.PUNTUACION #bookmark-star:hover, .PUNTUACION #bookmark-star.marked {
background-position: -197px 1px;
}
#accion_enviaramigo {
display: block;
width: 32px;
height: 24px;
float: left;
background-image: url(images/iconos/news/acciones_noticia.png);
background-repeat: no-repeat;
background-position: -458px 1px;
}
.PUNTUACION .info {
display: block;
float: left;
width: 70px;
line-height: 10px;
padding: 1px 0 0 5px;
color: #999999;
}
.iefix .PUNTUACION .info {
line-height: 12px;
paddin-top: 0;
margin-top: -3px;
width: 54px;
}
.iefix .PUNTUACION #votarInfo {
width: 64px;
}
.TITULARES {
}
.TITULARES .columna_izq, .TITULARES .columna_der {
width: 470px;
margin-bottom: 5px;
}
.TITULARES .columna_izq {
float: left;
}
.TITULARES .columna_der {
float: right;
}
.TITULARES .grupo {
border-bottom: 1px solid #eee;
text-align: left;
margin-bottom:15px;
padding:3px 5px;
font-family:Tahoma,Verdana,Arial;
font-weight:bold;
font-size:0.9em;
}
.TITULARES .grupo a.seccion {
font-weight: bold;
color: #062E5E;
}
.TITULARES .grupo a.seccion:hover {
text-decoration: underline;
}
.TITULARES .grupo ul {
display: inline;
padding-left: 0;
}
.TITULARES .grupo ul li {
display: inline;
font-family:Arial,Helvetica,sans-serif,Tahoma;
font-size:1em;
font-weight:normal;
}
.TITULARES .grupo ul li span.punto {
font-size: 1.2em;
font-weight: bold;
}
.TITULARES .grupo ul li a {
color:#585858;
}
.TITULARES .grupo ul li a:hover {
text-decoration:underline;
}
.GALERIA_ACTUALIDAD {
border: 1px solid #ddd;
background-color: #eee;
}
.GALERIA_ACTUALIDAD h1 {
padding: 5px 15px;
font-weight: bold;
}
.GALERIA_ACTUALIDAD #imagen_galeria {
width: 662px;
height: 500px;
line-height: 499px;
text-align: center;
margin: 2px auto;
}
.GALERIA_ACTUALIDAD #imagen_galeria span {
line-height: normal;
position: relative;
display: inline-block;
}
.GALERIA_ACTUALIDAD #imagen_galeria span cite {
}
.GALERIA_ACTUALIDAD #marco {
width: 663px;
height: 100px;
position: relative;
margin: 2px auto 10px auto;
border: 1px solid #ddd;
}
.GALERIA_ACTUALIDAD #marco .boton {
width: 16px;
height: 100px;
line-height: 99px;
z-index: 1;
background-color: #ddd;
position: absolute;
text-align: center;
}
.GALERIA_ACTUALIDAD #marco .boton.der {
right: 0px;
}
.GALERIA_ACTUALIDAD #ventana {
width: 631px;
height: 100px;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
padding: 0 16px;
}
.GALERIA_ACTUALIDAD #ventana #pelicula {
position: absolute;
height: 100px;
line-height: 99px;
}
.GALERIA_ACTUALIDAD #ventana #pelicula a {
display: block;
width: 100px;
height: 100px;
text-align: center;
float: left;
margin: 0 2px;
}
.GALERIA_ACTUALIDAD #galeria_simple {
text-align: center;
}
.GALERIA_ACTUALIDAD #galeria_simple a {
line-height: 99px;
margin: 0 2px;
}
.GALERIA_ACTUALIDAD .TEXTO_PARRAFO {
padding: 0 10px;
}
.ERROR_404 {
padding: 20px;
}
.ERROR_404 p {
padding-left: 40px;
}
.ERROR_404 .num_404 {
text-align: right;
font-size: 15em;
font-weight: bold;
color: #ddd;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.TTABLA {
font-size:0.8em;
}
.TTABLA .FILTRO {
padding: 5px;
background-color: #8193AB;
margin-bottom: 5px;
}
.TTABLA .FILTRO .parametros {
}
.TTABLA .FILTRO .parametros select, .TTABLA .FILTRO .parametros span, .TTABLA .FILTRO .parametros button {
}
.TTABLA .FILTRO .reiniciar {
display: block;
float: right;
}
.TTABLA .FILTRO .parametros fieldset {
}
.TTABLA .FILTRO .parametros fieldset select {
margin-top: 4px;
margin-right: 2px;
border: 1px solid #808080;
}
.TTABLA .FILTRO .parametros fieldset .separadorFechas {
margin-top: 8px;
color: #fff;
padding: 0 1px;
}
.TTABLA .FILTRO .parametros fieldset input {
margin-top: 4px;
margin-right: 2px;
border: 1px solid #808080;
padding: 1px;
}
.TTABLA .FILTRO button {
margin-top: 3px;
vertical-align: top;
}
.TTABLA table {
width: 100%;
}
.TTABLA table tr {
}
.TTABLA table td {
padding: 2px;
padding-right: 10px;
}
.TTABLA td.align_right {
text-align: right;
}
.TTABLA table td a {
color: #333333;
display: block;
font-size: 1.4em;
font-weight: bold;
padding: 10px 0 10px 4px;
}
.TTABLA table td a:hover {
text-decoration: none;
color: #000000;
}
.TTABLA table thead td, .TTABLA table thead th { /* th por si las moscas */
background: #cccccc;
font-weight: bold;
}
.TTABLA table thead button {
display: block;
border: none;
background: inherit;
color: #fff;
font: bold 1.2em Arial,Helvetica,Tahoma,Verdana,sans-serif;
padding: 0;
margin: 0;
}
.TTABLA table thead button:hover {
color: #ccc;
}
.TTABLA table thead button.activa {
text-decoration: underline;
}
.TTABLA table tbody {
}
.TTABLA table tbody tr {
}
.TTABLA table tbody tr.fila_normal {
background-color: #fff;
border: 1px solid #fff;
}
.TTABLA table tbody tr.fila_normal:hover {
background-color: #E8E9ED;
}
.TTABLA table tbody tr.fila_alt {
background-color: #E1E1E1;
border: 1px solid #E1E1E1;
}
.TTABLA table tbody tr.fila_alt:hover {
background-color: #E8E9ED;
}
.SUSCRIPCION {
}
.SUSCRIPCION .error {
background-color: #FFC0C0;
border: 1px dotted #c00;
padding: 10px;
text-align: center;
margin: 20px 10px;
}
.SUSCRIPCION .mensaje {
background-color: #EDF5FC;
border: 1px dotted #95B5CC;
padding: 10px;
text-align: center;
margin: 20px 10px;
}
.youtube_player {
background: #fff url(images/iconos/video_loading.gif) center center no-repeat;
}
.youtube_player dt, .youtube_player dd{
display: none;
}
.youtube_player.error {
background-image: url(images/iconos/video_error.png);
}
.swfObject {
background: #fff url(images/iconos/video_loading.gif) center center no-repeat;
}
.swfObject.error {
background-image: url(images/iconos/video_error.png);
}
/*.youtube_player_VIMEO {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/iconos/video_vimeo.png);
}
.youtube_player_GOOGLEVIDEO {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/iconos/video_googlevideo.png);
}*/
#AGENDA {
margin: 0 auto;
background-color: #ECEDEF;
padding: 10px;
cursor: default;
}
#AGENDA .header {
margin: 0 1px;
background-color: #D9D5D7;
padding: 5px;
font-weight: bold;
font-size: 0.9em;
text-align: center;
}
#AGENDA .header a.prev, #AGENDA .header a.next {
display: block;
width: 14px;
height: 14px;
line-height: 12px;
background-color: #fff;
border: 1px solid #999999;
cursor: pointer;
color: #999999;
}
#AGENDA .header a.prev {
float: left;
}
#AGENDA .header a.next {
float: right;
}
#AGENDA .body {
}
#AGENDA .body table {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 1px;
overflow: hidden;
}
#AGENDA .body table td, #AGENDA .body table th {
text-align: center;
vertical-align: middle;
}
#AGENDA .body table th {
font-weight: bold;
width: 14%;
}
#AGENDA .body table th span {
background-color: #D9D5D7;
display: block;
font-size: 0.8em;
font-weight: normal;
}
#AGENDA .body table td {
background-color: #E4E0E0;
}
#AGENDA .body table td.HasNews {
font-weight: bold;
background-color: #fff;
color:#062E5E;
}
#AGENDA .body table td a, #AGENDA .body table td span {
display: block;
/*width: 38px;*/
height: 24px;
line-height: 24px;
}
#AGENDA .body table td a {
color: #585858;
/*width: 36px;*/
height: 22px;
line-height: 22px;
border: 1px solid #585858;
cursor: pointer;
}
#AGENDA a:hover {
color: #000;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
/* The .COLORSET_BG_... rules are not used (yet). */
.COLORSET_BG_DARKEST { background-color: #062e5e }
.COLORSET_BG_DARK { background-color: #8193ab }
.COLORSET_BG_MEDIUM { background-color: #95b5cc }
.COLORSET_BG_LIGHT { background-color: #bac4d1 }
.COLORSET_BG_LIGHTEST { background-color: #edf5fc }
.noticia_audioplayers {
margin-top: 5px;
}
/** Attention! The ".AudioPlayer_..." rules are *NOT* used as css rules, they are read back by
* StyleSheetReader::getAudioPlayerStyles() and used to style the audioplayer plugin/thing.
* So pay attention:
* - Only the defined properties (background or foreground color) are used. Don't add any more, they won't/can't be
* used. Do not remove them neither as there is no default value provided.
* - The color value may be either in the form of 'rgb(255,255,255)' or '#ffffff'. The latter, hexadecimal coded form,
* may be upper or lowercase but *CANNOT* be abbreviated to three digits.
*/
.AudioPlayer_Main {
background-color: #EDF5FC;
color: #333333;
}
.AudioPlayer_Left {
background-color: #062e5e;
color: #ffffff;
}
.AudioPlayer_Right {
background-color: #062e5e;
color: #bac4d1;
}
.AudioPlayer_Right:hover {
background-color: #CC7A00;
color: #062e5e;
}
.AudioPlayer_Loader {
background-color: #95B5CC;
}
.AudioPlayer_Skip {
color: #CC7A00;
}
.AudioPlayer_Volume {
background-color: #bac4d1;
color: #CC7A00;
}
/* Message Of The Day */
.MOTD {
margin-bottom: 15px;
margin-left: 9px;
margin-right: 30px;
}
/*
*/
.MOTD cite {
display: inline;
/* font-size: 14px;*/
font-style: italic;
}
.MOTD cite .quote {
font-size: 2em;
line-height: 0.4em;
color: #cdf;
font-weight: bold;
font-style: normal;
}
.MOTD cite .quote:first-child {
vertical-align: middle;
}
.MOTD blockquote {
text-align: right;
padding-left: 10px;
/* font-size: 12px;*/
font-weight: bold;
}
.rss-category {
display: block;
margin-right: 10px;
margin-bottom: 15px;
padding: 5px;
font-size: 0.75em;
border-bottom: 1px dotted #333333;
text-align: right;
}
.rss-category-icon {
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -318px 0;
background-repeat: no-repeat;
}
.COMMENTCOUNT {
display: block;
color: #AFAEAE;
font-size: 0.7em;
height: 16px;
margin-top: 5px;
}
.COMMENTCOUNT:hover {
color: #000;
}
.COMMENTCOUNT-bubble {
display: block;
width: 16px;
height: 15px;
margin: 1px 4px 0 0;
float: left;
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -245px -1px;
background-repeat: no-repeat;
margin-top: 2px;
}
/**
* POPUP STYLES
*/
/* hide images, flash objects, iframes */
body.fpopup_showing object, body.fpopup_showing iframe, body.fpopup_showing embed {
visibility: hidden !important;
}
/* hide body scrollbars */
body.fpopup_showing {
overflow: hidden;
}
/* popup container */
#fpopup {
z-index: 2147483647; /* max integer value */
position: absolute;
top: 0;
left: 0;
overflow: auto;
/* optional: */
background-color: #fff;
}
/* these classes apply when popup is shown */
body.fpopup_showing #fpopup {
}
body.fpopup_showing #fpopup #fpopup_head {
width: 100%;
position: relative;
/* optional: */
height: 25px;
border-bottom: 1px solid #ccc;
background-color: #E1E1E1;
color: #666666;
}
body.fpopup_showing #fpopup_close {
/* optional: */
position: absolute;
top: 4px;
right: 8px;
background-color: #fff;
padding: 2px 4px;
font-size: 11px;
-moz-border-radius: 2px;
border-radius: 2px;
}
body.fpopup_showing #fpopup_close:hover {
text-decoration: underline;
}
body.fpopup_showing #fpopup_title {
/* optional: */
position: absolute;
top: 5px;
left: 15px;
text-shadow: none;
font-size: 1em;
font-weight: bold;
}
body.fpopup_showing #fpopup_content {
text-align: center;
display: block;
/* optional: */
}
body.fpopup_showing #fpopup object, body.fpopup_showing #fpopup iframe, body.fpopup_showing #fpopup embed {
visibility: visible !important;
}
/* END POPUP STYLES */
object.curlypage {
outline: none;
margin: 0px;
padding: 0px;
border: 0px;
position: relative;
left: 0px;
top: 0px;
}
div.curlypage {
margin: 0px;
padding: 0px;
border: 0px;
}
#backgroundAd {
display: block;
height: 0;
text-align: center;
}
.DESCARGAS {
display: block;
font-size: 0.9em;
font-weight: bold;
margin-bottom: 15px;
padding: 0 5px;
}
.DESCARGAS ul {
list-style-type: none;
}
.WRITERSSECTION {
}
.WRITERSSECTION-header {
color: #062E5E;
font-weight: bold;
margin-bottom: 10px;
margin-left: 6px;
border: 1px solid #DDDDDD;
background-color: #eeeeee;
padding: 8px;
width: 641px;
}
.WRITERSSECTION-header .rss-category {
font-size: 0.4em;
font-weight: normal;
border: none;
float: right;
margin-top: 8px;
}
.WRITERSSECTION .ENTRADA {
border: 1px solid #ddd;
margin: 20px 5px;
padding: 10px 20px;
}
.WRITERSSECTION-WRITER-header {
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
}
.WRITERSSECTION-WRITER-header h4 {
padding-top: 16px;
}
.SUBPAGES {
overflow: hidden;
}
.SUBPAGES a {
display: block;
float: left;
background-color: #E8E9ED;
color: #062E5E;
width: 204px;
height: 220px;
padding: 8px;
text-align: center;
margin-right: 3px;
}
.SUBPAGES a span {
display: block;
}
.SUBPAGES a:hover {
background-color: #95b5cc;
}
/* pay process */
/* envuelve todo el bloque de pago */
.pay_wrapper {
}
/* titulo de los pasos de venta */
.suscription_pay_resume_tittle{
border-bottom: 1px dotted #CECECE;
color: #062E5E;
display: block;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 15px;
padding: 10px 0 10px 40px;
}
/* caja que envuelve la suscripciones */
.pay_box {
margin: 20px 0 10px 20px;
}
/*el bloque que contiene el check y el texto titulo. */
.suscription_list{
border-bottom: 1px dotted #CECECE;
clear: left;
display: block;
margin: 0;
min-height: 30px;
padding-top: 10px;
}
.suscription_check {
float: left;
margin: 0 0 15px 20px;
padding: 0 5px 0 0;
width: auto;
}
.suscription_name{
color: #333333;
display: block;
float: left;
font-size: 1.1em;
font-weight: bold;
margin-right: 15px;
padding-top: 2px;
}
.suscription_price{
color: #333333;
display: block;
float: left;
font-size: 1.2em;
font-weight: bold;
margin-right: 10px;
}
.suscription_price_free{
color: #FF3300;
display: block;
float: left;
font-size: 1.2em;
font-weight: bold;
margin-right: 10px;
}
.suscription_price .pricelabel{
color: #666666;
font-size: 0.8em;
}
.suscription_price .pricequantity{
}
.suscription_price .pricesimbol {
}
.suscription_submit{
margin: 15px 15px 15px 20px;
}
.suscription_submit button, .suscription_submit a.button{
border-radius: 4px 4px 4px 4px;
font-size: 0.8em;
height: auto;
min-height: 25px;
padding-bottom: 1px;
}
.suscription_submit button img, .suscription_submit a.button img{
vertical-align: top;
}
.suscription_taxes_advice{
font-size: 0.9em;
color:#333333;
float:left;
text-align:left;
margin-top:15px;
text-transform:capitalize;
margin-left: 40px;
}
/* paso 2*/
.suscription_select_tittle{
color: #CC7A00;
font-size: 1.8em;
font-weight: bold;
margin-bottom: 20px;
margin-left: 40px;
}
.suscription_payname {
color: #333333;
display: block;
font-size: 1.2em;
font-weight: bold;
margin-right: 10px;
}
.pay_explain {
font-size: 0.9em;
margin-bottom: 12px;
}
.suscription_buttton_box {
margin: 30px 0 0 25px;
}
.suscription_back{
sfloat: left;
margin: 3px 5px 0 0px;
width: auto;
}
.button, a.button img{
padding-top: 3px;
vertical-align: middle;
}
.suscription_back button, .suscription_back a.button{
border-radius: 4px 4px 4px 4px;
float: left;
font-size: 0.8em;
height: 20px;
margin-right: 10px;
min-height: 0;
padding: 2px 10px;
}
.suscription_back button img, .suscription_back a.button img{
padding-top: 7px;
vertical-align: middle;
}
.suscription_submitbottom {
width: auto;
float: left;
}
.suscription_submitbottom{
width: auto;
float: left;
}
.suscription_submitbottom button,.suscription_submitbottom a.button{
border-radius: 4px 4px 4px 4px;
float: left;
font-size: 0.8em;
height: 26px;
margin-right: 10px;
min-height: 0;
padding: 4px 10px;
}
.suscription_submitbottom button img, .suscription_submitbottom a.button img{
padding-top: 0px;
vertical-align: middle;
}
/* especial para el boton final de pago */
.suscription_submitbottom.final button,.suscription_submitbottom.final a.button{
border-radius: 4px 4px 4px 4px;
float: left;
font-size: 0.8em;
height: 20px;
margin-right: 10px;
min-height: 0;
padding: 2px 10px;
}
.suscription_submitbottom.final button img, .suscription_submitbottom.final a.button img{
padding-top: 8px;
vertical-align: middle;
}
/* progreso de pago */
.pay-progress-bar {
margin-top: 15px;
margin-left: 35px;
}
.redirect_pay_advice{
font-size: 0.9em;
margin-bottom: 5px;
margin-left: 8px;
}
/* resumen de pago */
.suscription_resume_txt{
margin:5px 0 5px 40px;
}
.suscription_resume_txt .suscription_label{
color: #333333;
float: left;
font-size: 1em;
font-weight: normal;
width: 125px;
}
.tittle_resume {
color: #333333;
display: block;
font-size: 1.2em;
font-weight: bold;
}
.suscription_user_resume_tittle {
border-bottom: 1px dotted #CECECE;
color: #062E5E;
display: block;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 15px;
padding:30px 0 10px 40px;
}
/*gracias page */
.suscription_thanks{
background-image: url("images/iconos_cabecera/pay_ok.png");
background-position: 0 0;
background-repeat: no-repeat;
margin-left: 90px;
padding: 15px 0 15px 75px;
}
.thanks_tittle {
color: #062E5E;
font-size: 1.2em;
font-weight: bold;
}
.thanks_resumen{
font-size: 1em;
margin-top: 5px;
}
/* Trick para ocultar "guardar noticia" cuando está activo monetizer */
.bookmark-star-hidden{
display:none !important;
}
/*** templates/periodico_eldiadigital/inherit.css ***/
body {
color: #4d4d4d;
font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
text-align: left;
}
.CONTENIDO {
background-color: #FFFFFF;
float: left;
margin-bottom: 15px;
margin-right: 10px;
text-align: left;
vertical-align: top;
width: 670px;
}
.CABECERA2 {
background: transparent;
border-top: none;
margin-top: 5px;
}
.CABECERA2 .logo {
height: auto;
width: 550px;
}
.CABECERA2 .logo img {
left: 0;
top: 0;
margin-left: 2px;
margin-top: 5px;
}
/* contiene enlaces rapidos como "enviar a amigo", los botones de los idiomas, y el fomrulario de b�squeda */
.CABECERA2 .HERRAMIENTAS {
width: 370px;
float: right;
clear: right;
padding-top: 5px;
text-align: right;
padding-right: 10px;
font-size: 0.8em;
margin-top: 10px;
}
.CABECERA2 .HERRAMIENTAS a {
}
.CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img {
border: none;
}
.CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img.activo, .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON:hover img {
border-color: #666;
}
.CABECERA2 .HERRAMIENTAS .DATES {
}
.CABECERA2 .HERRAMIENTAS .DATES #fecha_hoy {
border-bottom: none;
color: #EEEEEE;
display: block;
float: right;
font-family: Tahoma,Verdana,Arial;
font-size: 1.3em;
margin-bottom: 3px;
padding-bottom: 2px;
}
.CABECERA2 .HERRAMIENTAS .DATES #fecha_update {
border-bottom: none;
color: #CCCCCC;
padding-bottom: 3px;
display: block;
float: right;
}
.CABECERA2 .HERRAMIENTAS .acciones {
border-top: none;
margin-top: 4px;
padding-top: 7px;
color: #000;
display: block;
float: right;
margin-top: 33px;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-page {
color: #000;
text-transform: none;
text-decoration: none;
padding: 0 5px;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-page:hover {
text-decoration: underline;
color: 666666;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-page-login {
color: #000;
text-transform: none;
text-decoration: none;
padding: 0 5px;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-page-login:hover {
text-decoration: underline;
color: 666666;
}
.LOGIN-link {
text-decoration: none;
color: 666666;
vertical-align: -3px;
}
.CABECERA2 .HERRAMIENTAS .acciones .acciones-icon {
}
.acciones-icon-img {
background-image: url(images/social_icons/social_icons.png);
background-repeat: no-repeat;
}
.acciones-icon-img-facebook {
background-position: 0 0;
}
.acciones-icon-img-twitter {
background-position: -16px 0;
}
.acciones-icon-img-rss {
background-position: -32px 0;
}
/* TEXTO BAJO EL LOGO */
.grupologo {
float: left;
width: 590px;
margin-bottom: 7px;
}
.slogan {
font-size: 1.2em;
font-weight:bold;
}
.texto_bajologo {
color: #000000;
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size: 0.8em;
font-weight: normal;
margin-bottom: 3px;
padding-bottom: 0px;
margin-left: 6px;
letter-spacing: 0.02em;
}
.fecha_update2 {
font-size: 0.85em;
}
.CATEGORIAS {
margin-top: 5px;
border-top: 8px solid #000;
padding-top: 4px;
}
.NOTICIA-writer {
margin-right: 200px;
}
.BANNER_COLUMNAS {
background-color: #FFFFFF;
}
.BANNER_COLUMNAS .AUTOR .columna {
font-weight: bold;
}
.BANNER_COLUMNAS .AUTOR .noticia {
color: #0E1A48;
font-size: 1.2em;
}
.BANNER_COLUMNAS .AUTOR .columna .avatar img {
max-width: 50px;
}
.avatar {
width: 150px;
height: 150px;
box-shadow: none;
border: none;
}
.autor_bloque_portada {
border-bottom: 1px solid #999999;
margin-bottom: 15px;
padding-bottom: 15px;
}
.AUTOR_PORTADA {
float: left;
background-position: 0 20px;
background-repeat: no-repeat;
height: 120px;
width: 120px;
}
.AUTOR-header_portada {
background-attachment: scroll;
background-clip: border-box;
background-color: #AAAAAA;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
font-size: 0.8em;
padding: 5px 8px 5px 8px;
text-transform: uppercase;
}
.AUTOR-header_portada a{
color: #FFFFFF;
font-weight:bold;
}
.AUTOR-header-name_PORTADA {
display: block;
color: #000;
}
.bloque_txt_autor_titulo {
display: block;
float: left;
margin-bottom: 0;
margin-left: 9px;
margin-right: auto;
margin-top: 0;
width: 165px;
}
.COLUMNA_DERECHA .bloque_txt_autor_titulo {
display: block;
float: left;
margin-bottom: 0;
margin-left: 9px;
margin-right: auto;
margin-top: 0;
width: 100px;
}
.COLUMNA_IZQUIERDA .bloque_txt_autor_titulo {
display: block;
float: left;
margin-bottom: 0;
margin-left: 9px;
margin-right: auto;
margin-top: 0;
width: 290px;
}
.noticia_autor_portada {
display:block;
float:left;
color: #000000;
font-size: 1.3em;
}
.noticia_autor_portada a{
color: #062E5E;
}
.noticia_autor_portada a:hover{
color: #000000;
}
.WRITERS_WRITERS {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/blogs_head.jpg);
background-repeat:no-repeat;
background-position: 10px 0;
float: right;
width: 160px;
margin: 0 10px;
padding: 30px 10px 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-bottom: 20px;
}
.WRITERS_WRITERS .avatar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
}
.WRITERS_WRITERS .AUTOR {
width: 160px;
height: 160px;
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 10px;
}
.WRITERS_WRITERS .AUTOR .AUTOR-header {
background: #aaa;
text-transform: uppercase;
font-size: 0.8em;
padding: 0 4px;
}
.WRITERS_WRITERS .AUTOR .AUTOR-header-name {
display: block;
color: #000;
}
.WRITERS_WRITERS .AUTOR .AUTOR-header-newsitem {
color: #fff;
display: block;
}
/* traido de FOLIOESTILO */
.CATEGORIAS {
/* clear: both; ??? */
/* width: 100%; ??? */
min-height: 24px;
text-align: left;
font-family: Arial, Helvetica, sans-serif, Tahoma;
}
.CATEGORIAS .PADRES {
min-height: 28px;
background-color: #000000;
border-bottom: 0px solid #000;
background-image: none;
/*background-repeat:repeat-x;*/
/*background-position: left top;*/
color: #ffffff;
text-transform: uppercase;
}
.CATEGORIAS .PADRES a {
/*display: block;
float: left;*/
height: 20px;
line-height: 19px;
/*padding: 4px 8px;*/
border-right: 0px solid #000;
border-bottom: 0px solid #000;
font-size: 0.9em;
/*margin-bottom: -1px;*/
color: #ffffff;
font-weight:bold;
padding: 4px 6px;
}
.CATEGORIAS .PADRES a:hover {
background-color: #95b5cc;
}
.CATEGORIAS .HIJOS a {
color: #ffffff;
font-size: 0.8em
}
.CATEGORIAS .HIJOS a.SUB_ACTIVO {
text-decoration: underline;
}
.CATEGORIAS_EXPECIALES {
color: #000;
font-size: 1em;
font-weight: bold;
padding-top: 0px;
}
.CATEGORIAS_EXPECIALES .PAPUCHI {
background-color: transparent;
border-bottom: 0px dotted #666666;
padding: 0 0 0px 7px;
width: 670px;
height: 23px;
}
.CATEGORIAS_EXPECIALES .PAPUCHI li {
float: left;
position: relative;
list-style: none;
}
.CATEGORIAS_EXPECIALES .PAPUCHI a{
color:#000000;
background-color: transparent;
padding: 0 5px;
}
.CATEGORIAS_EXPECIALES .PAPUCHI a:hover{
color:#666666;
background-color: transparent !important;
}
.CATEGORIAS_EXPECIALES .HIJOS {
position: absolute;
top: 16px;
left: 8px;
width: 670px;
background-color: transparent;
color: #666666;
font-size: 1.1em;
}
.CATEGORIAS_EXPECIALES .HIJOS a {
color: #A11620;
text-decoration:none;
}
.CATEGORIAS_EXPECIALES .HIJOS a:hover{
color: #000;
text-decoration:none;
}
/*TRAIDO DE FOLIOESTILO */
.USERBAR {
background-color: #E8E9ED;
border: 1px solid #CCCCCC;
border-radius: 0px 0px 0 0;
line-height: 16px;
margin-bottom: 7px;
margin-top: 7px;
overflow: auto;
padding: 2px 15px;
}
.USERBAR-SEARCH-button {
display: block;
padding: 0px;
min-height: 22px;
height: 18px;
width: 26px;
margin: 0;
float: right;
background:#FFFFFF;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.USERBAR-SEARCH-button img {
background: transparent url(images/iconos/userbar.png) center -1px no-repeat;
}
.opera .USERBAR-SEARCH-button {
height: 26px;
}
.USERBAR-SEARCH-input {
padding: 0 4px;
line-height: 20px;
height: 20px;
display: inline-block;
float: right;
width: 130px;
border-right: none;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.USERBAR-left, {
float:left;
margin-left: 85px;
}
.USERBAR-right {
float:left;
margin-left: 72px;
}
/*.PUNTUACION #votarInfo {
width: 120px;
}*/
.MENU_PAGINA {
background-color: #000000;
color:#FFFFFF;
}
.MENU_PAGINA a {
color: #ffffff;
}
.MENU_PAGINA a:hover{
color: #EB990E;
text-decoration:none;
}
.TTABLA .FILTRO {
background-color: #666666;
}
.BANNER_LATEST .cont ol li {
border-bottom: 0px solid #999999;
padding-bottom: 4px;
padding-top: 7px;
}
.BANNER_LIST_TABS.BANNER_LATEST .cont ol li a{
color:#0E1A48;
background-color: transparent;
}
.BANNER_LIST_TABS .cont ol li {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
overflow: hidden;
}
.BANNER_LIST_TABS.BANNER_LATEST .cont ol li a {
border-bottom: 0px solid #FFFFFF;
border-top: 0px solid #FFFFFF;
font-size: 0.9em;
padding: 0 0 7px;
}
.TITULARES .grupo a.seccion {
color: #000000;
}
.NEWSITEM-info {
font-size: 0.85em;
}
.NEWSITEM-info-icon {
background-color: #000;
display: inline-block;
width: 10px;
height: 10px;
}
.NEWSITEM-info-spacer {
display: inline-block;
width: 0px;
}
.NEWSITEM-info-comments-count {
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
text-align: center;
line-height: 14px;
font-size: 0.6em;
color: #999999;
background-image: url(images/iconos/news/acciones_noticia.png);
background-position: -245px 2px;
background-repeat: no-repeat;
}
/*MODIF ESTILO CABECERA H4 */
.ENTRADA.newsitemrows h4 {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/none);
background-repeat: no-repeat;
background-repeat: left top;
border: 0px solid #cccccc;
border-top: 3px solid #333333;
border-bottom: 2px solid #000000;
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size: 0.95em;
font-weight: bold;
margin-bottom: 10px;
padding: 3px 0 3px 2px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.ENTRADA.newsitemrows h4 a {
color: #000000;
}
.rss-category_box {
float:left;
border-top: 3px solid #333333;
width: 670px;
margin-top: 3px;
margin-bottom: 7px;
}
.rss-category_ADTXT {
color: #000000;
float: left;
font-size: 1.1em;
font-weight: bold;
margin-top: 5px;
text-align: left;
}
.rss-category {
float:right;
border-top: 0px solid #333333;
margin-top: 7px;
padding: 0px;
border-bottom: 0px solid #333333;
}
.ENTRADA.newsitemrows h1 {
font-size: 1.3em;
margin-bottom: 0px;
}
.ENTRADA h4 {
color: #1A171B;
font-weight: bold;
text-transform: uppercase;
}
.ENTRADA h1 {
font-size: 1.7em;
color: #999999;
}
.ENTRADA h1 a{
color: #0E1A48;
}
.ENTRADA h1 a:hover{
color: #0E1A48;
}
.ENTRADA .text, .ENTRADA .entradilla {
font-size: 0.9em;
padding-top: 0;
text-align: left;
}
.COLUMNA_IZQUIERDA .ENTRADA h1 {
font-size: 1.85em;
}
.ENTRADA .REFERENCES {
padding-left: 0;float:none;margin-bottom:0
}
.PORTADA .CABECERA .ENTRADA .REFERENCES {
margin-bottom:0}
.ENTRADA .REFERENCES li {
list-style-type: none;
margin: 5px 0 0 0px;
}
.ENTRADA .REFERENCES li a {
margin: 5px 0 0 0px;
color:#1A1A1A;
}
REFERENCES .bullet {
width: 10px;
}
.ENTRADA .REFERENCES .bullet {
background-position: -144px 0;
height: 13px;
width: 9px;
}
.ENTRADA .REFERENCES-columns .bullet {
background-position: -144px -16px;
}
/*lo mas visto */
.BANNER_LIST_TABS {
overflow: hidden;
text-align: left;
border-top: 0px solid #000000;
}
.BANNER_LIST_TABS .tabs {
border-bottom: 0px solid #fff;
text-transform:uppercase;
}
.BANNER_LIST_TABS .tabs a {
display: block;
float: left;
border: 0px solid #fff;
border-bottom-color: #eee;
padding: 2px 10px 0 10px;
background-color: #fff;
color:#999999;
font-weight:bold;
font-size:0.75em;
line-height: 18px;
margin-top: 2px;
margin-left: -1px;
border-left: 1px solid #999999;
}
.BANNER_LIST_TABS .tabs a.primera {
border-left: 0px solid #999;
margin-left: 0;
}
.BANNER_LIST_TABS .tabs .activa {
background-color: #fff;
line-height: 20px;
font-size:1em;
margin-top: 0;
border-bottom-color: #fff;
color:#000000;
}
.LOMAS .tabs a:hover {
background-color: #fff;
line-height: 18px;
margin-top: 0;
border-bottom-color: #fff;
}
.BANNER_LIST_TABS .cont {
border: 0px solid #fff;
border-top: none;
padding: 1px 0;
margin-top: 0px;
font-size: 1.2em;
}
.BANNER_LIST_TABS .cont ul {
padding: 0;
margin: 0;
font-size: 0.75em;
list-style-type:none;
}
.BANNER_LIST_TABS .cont ul a {
color: #062E5E;
display: block;
margin: 8px 0;
}
.BANNER_LIST_TABS .cont ul a:hover {
text-decoration: none;
}
.BANNER_LIST_TABS .cont li {
color: #999999;
font-size: 0.95em;
margin: 0;
}
.BANNER_LIST_TABS .cont li a {
color: #48484B;
background-color: #F5F5F5;
border-top: 0px solid #cccccc;
padding: 10px 6px 10px 10px;
margin: 0 0;
}
.BANNER_LIST_TABS .cont ol li:hover{
background-color: #ffffff;
}
.BANNER_LIST_TABS .cont li a:hover {
color: #48484B;
background-color: #ffffff;
}
.BANNERS-RIGHT {
margin-top: 0px;
}
.BANNER_LIST_TABS.BANNER_LATEST .tabs {
border-width: 0 medium;
border-bottom: 1px solid #000000;
margin-bottom: -16px;
}
/* GALERIAS PORTADA */
.GALERIAS_PORTADA {
border: 0px solid #ffffff;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
background: #ffffff;
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #333333;
text-align: left;
padding: 5px;
}
.GALERIAS_PORTADA .TITULO {
display: block;
font-size: 1.1em;
font-family: Tahoma, Verdana, Arial;
font-weight: bold;
color: #FFFFFF;
text-align: left;
margin-bottom: 5px;
background-color:#062E5E;
padding: 8px;
margin-left: 0px;
}
.GALERIAS_PORTADA a.CAJAS {
display: block;
width: 100px;
text-align: center;
vertical-align: top;
border: 0px solid #DDE1E5;
float: left;
padding: 0px;
width: 132px;
height: 179px;
margin: 4px 0 5px;
min-height: 14px;
position: relative;
}
.GALERIAS_PORTADA .CAJAS .marco {
line-height: 14px;
margin: 0 auto;
background-color: #000000;
bottom: 0;
color: #FFFFFF;
display: block;
left: 0;
opacity: 0.7;
position: absolute;
text-align: left;
width: 134px;
height: 60px;
}
.GALERIAS_PORTADA .CAJAS .marco .marco_texto {
display: block;
font-size: 1em;
padding: 7px;
color: #FFFFFF;
}
.GALERIAS_PORTADA .CAJAS .marco .marco_texto a:hover{
color: #cccccc;
}
CABECERA_GALERIAS_PORTADA {
margin-bottom: 5px;
}
.ENTRADA.fotodeldia a.fotoConPie {
display: block;
position: relative;
margin: 4px 0 5px 0;
min-height: 14px;
}
/* BLOQUE DE COMENTARIOS Y HORA DE LA NOTICIA. */
.bloque_commets_time {
width: 150px;
}
.TIMECOUNT_PORTADA {
display:block;
float: left;
/* width: 180px;*/
}
.COMMENTCOUNT {
float: left;
height: 20px;
}
.ENTRADA .noticia-update-date {
border-right: 1px solid #999999;
color: #888888;
font-size: 0.75em;
margin: 5px 10px 5px 5px;
padding-right: 10px;
height: 15px;
width: 25px;
}
.COLUMNA_DERECHA .ENTRADA h1 {
color: #062E5E;
}
.ENTRADA h3 {
color: #000000;
}
.NOTICIA .antetitulo {
color: #000000;
}
.ENTRADA .section-header {
height: 25px;
}
.POLL{
background-color: #EDEDEE;
}
.ENTRADA.POLL h1 a{
background-image: url("http://eldiadigital.es/templates/periodico_eldiadigital/images/lapiz.png");
background-position: 0 0;
background-repeat: no-repeat;
color: #0E1A48;
font-size: 0.7em;
padding-left: 24px;
}
.BANNER_DESCRIPCION {
background-image: url("images/cabecera_news.jpg");
background-repeat: no-repeat;
border: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif, Tahoma;
font-size: 0.75em;
font-weight: bold;
margin-bottom: 0;
padding: 5px 0 4px 13px;
text-transform: uppercase;
-moz-border-radius-topright: 0px;;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;;
border-bottom-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.BANNER_DESCRIPCION_BLOG {
background-image: url("http://eldiadigital.es/templates/periodico_eldiadigital/images/blog_head_cover.png");
background-position: 0 0;
background-repeat: no-repeat;
height: 25px;
}
.BANNER_COLUMNAS_BLOG {
background-color: #FFFFFF;
padding-bottom: 1px;
padding-left: 0;
padding-right: 0;
padding-top: 1px;
text-align: left;
}
.BANNER_COLUMNAS_BLOG .AUTOR .columna .avatar img {
max-width: 100px;
box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5);
border: 0px;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
}
/* ESTILO PAGINA BLOGS TODOS */
.WRITERSSECTION {
margin-top: 3px;
}
.WRITERSSECTION-header {
color: #000000;
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
margin-left: 6px;
border: 0px solid #DDDDDD;
background-color: #ffffff;
padding: 8px;
width: 641px;
border-top: 3px solid #333333;
}
.WRITERSSECTION-header .rss-category {
font-size: 0.8em;
font-weight: normal;
border: none;
float: right;
margin-top: 0px;
}
.WRITERSSECTION .ENTRADA {
border: 0px solid #ddd;
border-top: 1px solid #ddd;
margin: 20px 0 35px 5px;
padding: 10px 0px;
}
.WRITERSSECTION-WRITER-header {
padding-bottom: 5px;
border-bottom: 0px solid #ddd;
height: 114px;
}
.WRITERSSECTION-WRITER-header h4 {
margin-left: 160px;
padding-top: 0;
}
.WRITERSSECTION-WRITER-header h3 a{
margin-left: 105px;
color:#000000;
}
.WRITERSSECTION-WRITER-header .comenteMINI {
margin-left: 160px;
margin-top: 75px;
}
.WRITERSSECTION-WRITER-text h1 {
margin-left: 160px;
}
.WRITERSSECTION-WRITER-text .comenteMINI .comenteIMG {
margin-left: 160px;
}
.WRITERSSECTION-WRITER-text .comenteMINI {
margin-left: 160px;
margin-top: 103px;
}
.WRITERSSECTION-WRITER-text p {
margin-left: 160px;
}
.WRITERSSECTION .AVATAR img {
max-width: 150px;
}
/* agenda en portada*/
.ENTRADA.AGENDA .BANNER_DESCRIPCION {
display: none;
}
#AGENDA {
margin: 0 auto;
background-color: #fff;
padding: 0px;
cursor: default;
}
#AGENDA .header {
background-color: #F6A834;
color: #FFFFFF;
font-size: 1.5em;
font-weight: normal;
margin: 0;
padding: 0 0 0 5px;
text-align: left;
}
#AGENDA .header a.prev, #AGENDA .header a.next {
background-color: #F6A834;
border: 0 solid #999999;
color: #999999;
cursor: pointer;
display: block;
height: 14px;
line-height: 12px;
margin: 7px 0;
width: 14px;
}
#AGENDA .header a.prev {
float: left;
}
#AGENDA .header a.next {
float: left;
margin-right: 10px;
}
#AGENDA .body {
}
#AGENDA .body table {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 1px;
overflow: hidden;
background-color: #E5E5E6;
}
#AGENDA .body table td, #AGENDA .body table th {
text-align: center;
vertical-align: middle;
}
#AGENDA .body table th {
font-weight: bold;
width: 14%;
}
#AGENDA .body table th span {
background-color: #D9D5D7;
display: block;
font-size: 0.8em;
font-weight: normal;
}
#AGENDA .body table td {
background-color: #ffffff;
}
#AGENDA .body table td.HasNews {
font-weight: bold;
background-color: #fff;
color:#062E5E;
}
#AGENDA .body table td a, #AGENDA .body table td span {
display: block;
/*width: 38px;*/
height: 30px;
line-height: 30px;
background-color:#FFFFFF;
background-image:url(http://eldiadigital.es/templates/periodico_eldiadigital/images/agenda_punto_gris.png);
background-repeat:no-repeat;
background-position: center center;
color: #FFFFFF;
}
#AGENDA .body table td a {
color: #ffffff;
/*width: 36px;*/
height: 30px;
line-height: 30px;
border: 0px solid #585858;
cursor: pointer;
background-color:#FFFFFF;
background-image:url(http://eldiadigital.es/templates/periodico_eldiadigital/images/agenda_punto_orange.png);
background-repeat:no-repeat;
background-position: center center;
}
#AGENDA a:hover {
color: #000;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
}
.NOTICIA-writer .FORM_COMENTARIO fieldset {
padding-right: 40px;
}
/* MODIFICA TAMA�O DE TITULARES SUBSECCIONES */
.SECCION_COLUMNA_IZQ .ENTRADA h1 {
font-size: 1.4em;
margin-top: 4px;
}
.SECCION_COLUMNA_DER .ENTRADA h1 {
font-size: 1.4em;
margin-top: 4px;
}
.NOTICIA .TEXTO_PARRAFO .entradilla {
color: #1A1A1A;
}
.NOTICIA h1 {
color: #0E1A48;
}
/* PAGINAS */
.SUBPAGES a {
background-color: #ffffff;
min-height: 110px;
min-width: 110px;
height: auto;
width:auto;
max-width: 205px;
margin-bottom: 16px;
font-size: 0.85em;
font-weight: bold;
}
.SUBPAGES a:hover {
background-color: #eeeeee;
}
.SUBPAGES a span {
display: block;
margin-top: 4px;
}
.SUBPAGES .subpage_text {
display: block;
font-size: 0.9em;
font-weight: normal;
margin-top: 4px;
}
/* enlace a�adido a final noticias */
.volverportada {
background-image: url("http://eldiadigital.es/templates/periodico_eldiadigital/images/orange_icon.png");
background-position: 0 3px;
background-repeat: no-repeat;
color: #062E5E;
font-family: Tahoma,Verdana,Arial;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 15px;
padding: 0 0 0 11px;
margin-left: 29px;
width: 600px;
}
/* ACCIONES SOCIAL BAJO NOTICIA */
.ACCIONES_SOCIAL {
background-color: #E5E8ED;
border: 1px solid #CCCCCC;
border-radius: 7px 7px 7px 7px;
font-size: 0.8em;
height: 36px;
line-height: 26px;
margin-bottom: 10px;
position: relative;
}
#ACCIONES_SOCIAL-action {
line-height: 16px;
margin-left: 8px;
padding: 4px;
}
.ACCIONES_SOCIAL-action-icon-bottom {
background-image: url("images/iconos/news/acciones_noticia.png");
background-position: -346px 0;
background-repeat: no-repeat;
margin-right: 4px;
}
ACCIONES_SOCIAL .acciones-icon-bottom {
}
.acciones-icon-bottom-img {
background-image: url(http://eldiadigital.es/templates/periodico_eldiadigital/images/iconos/news/social/social_todos_32.png);
background-repeat: no-repeat;
}
.acciones-icon-bottom-img-facebook {
background-position: 0 0;
}
.acciones-icon-bottom-img-twitter {
background-position: -26px 0;
}
.acciones-icon-bottom-img-reddit {
background-position: -54px 0;
}
.acciones-icon-bottom-img-technorati {
background-position: -83px 0;
}
.acciones-icon-bottom-img-delicius {
background-position: -110px 0;
}
.acciones-icon-bottom-img-digg {
background-position: -137px 0;
}
.acciones-icon-bottom-img-myspace {
background-position: -193px 0;
}
.acciones-icon-bottom-img-meneame {
background-position: -219px 0;
}
.acciones-icon-bottom-img-rss {
background-position: -165px 0;
}
/* boton aceptar condiciones de uso */
.hideable { position: relative; visibility: hidden; }
.txtAcepto{
font-size: 0.9em;
font-weight: normal;
margin: 15px 0 15px 40px;
}
.txtAcepto a{
color:#000000;
font-weight: bold;
}
.txtAcepto a:hover{
color:#000000;
}
/* indexloged page */
.bienvenidoBox{}
.bienvenidoUser{
font-size: 1.1em;
font-weight: bold;
margin-top: 15px;
}
.bienvenidoExplain{}
.botonpostlogin{}
.imagepostlogin{}
.leftpostlogin{
float: left;
}
.rightpostlogin{
float: left;
margin-left: 5px;
}
.button.postlogin{
border-radius: 4px 4px 4px 4px;
font-size: 0.8em;
height: auto;
min-height: 25px;
padding: 10px 17px;
font-size: 0.9em;
}
.button.postlogin img{
margin-top: -4px;
}
.ACCESO-intro{
background-color: #F7AD00;
border-radius: 5px 5px 5px 5px;
margin: 0 10px 10px;
padding: 10px 20px;
}
.pay_explain {
font-size: 0.9em;
margin-bottom: 12px;
margin-left: 41px;
}
.paypalminiexplain{
font-size: 0.8em;
font-weight: inherit;
margin-left: 43px;
}
.suscription_payname.paypalname {
color: #333333;
display: block;
font-size: 1.2em;
font-weight: bold;
margin-right: 10px;
}
.suscription_payname img{
margin-top: -6px;
}