/* Basic */
html { background: #f0f0f0; }
body { }
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
-moz-animation: none !important;
-webkit-animation: none !important;
-ms-animation: none !important;
animation: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
body, input, select, option, textarea {
color: #201a1b;
font-family: 'Roboto',arial,sans-serif,helvetica;
font-size: 15pt;
font-weight: 300;
letter-spacing: 0.025em;
line-height: 1.75em;
}
a {
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
color: #006699;
/*
text-decoration: none;
border-bottom: dotted 1px;
*/
}
a:hover {
border-bottom-color: transparent;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
p, ul, ol, dl, table, blockquote {
margin: 0 0 2em 0;
}
h1, h2, h3, h4, h5, h6 {
color: #006699;
font-weight: bold;
line-height: 1.75em;
margin-bottom: 1em;
clear: right;
/*text-transform: uppercase;*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: inherit;
text-decoration: none;
border: 0;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #909090;
}
h3 {
font-size: 1.15em;
letter-spacing: 0.025em;
}
sub {
font-size: 0.8em;
position: relative;
top: 0.5em;
}
sup {
font-size: 0.8em;
position: relative;
top: -0.5em;
}
hr {
border-top: solid 1px rgba(124, 128, 129, 0.2);
border: 0;
margin-bottom: 1.5em;
}
blockquote {
border-left: solid 0.5em rgba(124, 128, 129, 0.2);
/*font-style: italic;*/
padding: 1em 0 1em 2em;
}
/* Section/Article */
section.special, article.special {
text-align: center;
}
header.special {
margin-bottom: 5em;
padding-top: 5em;
position: relative;
/*text-align: center;*/
}
/*
header.special:before, header.special:after {
border-bottom: solid 1.5px;
border-top: solid 1.5px;
content: '';
height: 7px;
opacity: 0.1;
position: absolute;
top: 1.75em;
width: 43%;
}
header.special:before {
left: 0;
}
header.special:after {
right: 0;
}
*/
header.special h1 {
margin-bottom: 0;
}
header.special h1 + p {
margin-bottom: 0;
padding-top: 1.5em;
}
header.special .icon {
cursor: default;
height: 1em;
right: 0;
/*position: absolute;*/
float:right;
/*text-align: right;*/
top: -2em;
/*width: 100%;*/
padding-right: 0px;
font-family:"Times New Roman", Times, serif;
}
header.special .icon:before {
font-size: 3.5em;
opacity: 0.35;
}
footer > :last-child {
margin-bottom: 0;
}
.citaeditorial
{
text-align:right;
width:80%;
font-style:italic;
float:right;
font-size: 14px!important;
margin-left:20%;
}
.citaeditorial>span
{
font-style:normal;
font-size: 11px;
}
.small{
padding-top:20px!important;
padding-bottom:20px!important;
clear:both;
font-size:12px!important;
line-height:10px!important
}
.end_articulo_display
{
clear:both;
width:100%;
}
.opinanlosexpertos
{
background-color:#cdcdcd;
float:right;
width:50%;
padding:10px;
margin-left:20px;
}
.titopinanlosexpertos
{
color:white!important;
font-weight:bold!important;
}
.txtopinanlosexpertos
{
font-size:14px!important;
line-height:1em!important;
}
.opinanlosexpertos, .opinanlosexpertos a,.opinanlosexpertos a strong
{
font-size:15px!important;
line-height:1.3!important;
text-decoration:none;
}
.opinanlosexpertos a
{
font-weight:bold!important;
}
/* Form */
.formcontenedor
{
padding-left: 0;
padding-top: 0.2em;
padding-bottom: 1em;
padding-right: 1em;
background-color: #d0f1f1;
overflow: hidden;
border-radius: 16px;
}
input[type="file"],
input[type="text"],
input[type="password"],
input[type="email"],
textarea, select, option {
-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: #fffffa;
border: solid 1px rgba(124, 128, 129, 0.2);
color: inherit;
display: block;
padding: 0.65em;
text-decoration: none;
width: 100%;
outline: 0;
margin-bottom: 0.75em;
border-radius: 5px 5px 5px 5px;
}
option
{
min-height: 1em!important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border-color: #83d3c9;
background: #fff;
}
input[type="text"],
input[type="password"],
input[type="email"],select {
line-height: 1em;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
position: relative;
top: 3px;
}
:-moz-placeholder {
color: inherit;
opacity: 0.5;
}
::-moz-placeholder {
color: inherit;
opacity: 0.5;
}
:-ms-input-placeholder {
color: inherit;
opacity: 0.5;
}
.formerize-placeholder {
color: rgba(124, 128, 129, 0.5) !important;
}
/* Button */
input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
background: #fe9020;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 0.6em;
font-weight: bold;
letter-spacing: 2px;
min-width: 6em;
padding: 0 0.75em;
line-height: 3.75em;
text-align: center;
text-decoration: none;
/*text-transform: uppercase;*/
border-radius: 5px 5px 5px 5px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover {
background: rgba( 35, 35, 35, 0.45);
border-color: inherit;
}
input[type="button"].special,
input[type="submit"].special,
input[type="reset"].special,
.button.special {
background: #fe9020;
border-color: #fe9020;
color: #fff !important;
letter-spacing:0;
}
input[type="button"].special:hover,
input[type="submit"].special:hover,
input[type="reset"].special:hover,
.button.special:hover {
background: #96dad1 !important;
border-color: #96dad1 !important;
}
input[type="button"].fit,
input[type="submit"].fit,
input[type="reset"].fit,
.button.fit {
width: 100%;
}
input[type="button"].small,
input[type="submit"].small,
input[type="reset"].small,
.button.small {
font-size: 0.7em;
min-width: 14em;
padding: 0.5em 0;
}
/*matrix para formulario*/
.col-md-6 {
width: 50%;
position: relative;
padding-left: 15px;
float: left;
}
.col-md-12 {
width: 100%;
position: relative;
padding-left: 15px;
float: left;
}
#cse-search-box input.search {
padding: 9px;
height: 40px;
/*border: 0;*/
border: solid 1px rgba(124, 128, 129, 0.2);
border-radius: 5px 0 0 5px;
width: 250px!important;
float: left!important;
font: arial, sans-serif;
background: #fffffa;
line-height: 11px!important;
}
#cse-search-box input.search:focus {
border-color: #83d3c9;
background: #fff;
}
.cse-search {
min-width: 0!important;
width: 50px!important;
height: 39px;
border: 0;
background: #fe9020 url("images/search-icon.png") no-repeat center center!important;
border-radius: 0 5px 5px 0!important;
cursor: pointer;
display: table-cell;
}
#search-box
{
width: 100%;
background-color: #eeee55;
}
#search-form input.search-text {
padding: 9px;
height: 40px;
border: 0;
border-radius: 5px 0 0 5px;
display: table-cell!important;
font: normal 15px/18px arial, sans-serif;
background: #eee;
line-height: 11px!important;
width: 90%;
float:left;
}
.search-submit {
min-width: 0!important;
width: 10%;
height: 39px;
border: 0;
background: #fe9020 url("images/search-icon.png") no-repeat center center!important;
border-radius: 0 5px 5px 0!important;
cursor: pointer;
display: table-cell;
float: left;
}
/* ESTILOS GENERAL SEARCH BOX */
.gsb {
width: 100%;
}
.gsb input.gsb-responsivesearchinput {
padding: 9px;
height: 40px;
/*border: 0;*/
border: solid 1px rgba(124, 128, 129, 0.2);
border-radius: 5px 0 0 5px;
font: normal 15px/18px arial, sans-serif;
background: #fffffa;
line-height: 11px!important;
float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.gsb input.gsb-responsivesearchinput:focus {
border-color: #83d3c9;
background: #fff;
}
.gsb-buttom {
min-width: 0!important;
width: 50px!important;
height: 39px;
border: 0;
background: #fe9020 url("images/search-icon.png") no-repeat center center!important;
border-radius: 0 5px 5px 0!important;
cursor: pointer;
display: table-cell;
float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.gsb-fixedwidth {
width:50px;
background:yellow;
float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.gsb-wrapper {
width: 100%;
padding-left:50px;
margin-left:-50px;
float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.gsb-filler{
width:100%;
background:white;
float:left;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
#buscadorcentral
{
display: none;
}
#itemtiendacentral
{
display: none;
margin-bottom: 2em;
}
#slidercentral
{
display: none;
margin-bottom: 2em;
}
.separador3m
{
float: left;
width: 100%;
margin-bottom: 1em;
padding-bottom: 1em;
display: block;
height: 2px;
}
/* Image */
.image {
border: 0;
position: relative;
}
.image:before {
background: url("images/overlay.png");
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* efecto para las imágenes que llevan enlace, generalmente aumento */
#columna_articulo a[href$=".jpg"]:hover img {
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
-khtml-opacity: 0.75;
cursor:zoom-in;
transition: -khtml-opacity 0.2s, opacity 0.2s, -moz-opacity 0.2s;
}
#columna_articulo a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
transition: -khtml-opacity 0.2s, opacity 0.2s, -moz-opacity 0.2s;
}
/*
imágenes dentro de los artículos que a alinean a izquierda o derecha y que desaparecen en disp. móviles.
*/
.aleft
{
float: left;
padding: 0.2em 2em 0.2em 0;
margin: 0;
}
.aright
{
float: right!important;
padding: 0.2em 0 0.2em 2em;
margin: 0;
display: block;
}
/*
imágenes a izquierda o derecha y que se amplían a todo el ancho en dispositivos móviles. Y pueden llevar sumario.
*/
.imagenconsumarioizq{
float:left; /*para ponerlo a la izquierda */
margin: 0.2em 1.2em 0 0;
width: 260px;
padding-bottom: 0.3em;
}
.imagenconsumarioder{
float:right; /*para ponerlo a la derecha*/
margin: 0.2em 0 0 1.2em;
width: 260px;
padding-bottom: 0.3em;
}
.imagenconsumarioizq img, .imagenconsumarioder img{
display: block;
margin: 0 auto; /* centrar imagen */
border-width: 2px;
border-style:solid;
border-color: #ffffff; /* color del borde */
width: 100%;
}
.imagenconsumarioder span
{
display:block;
font-weight:bold;
font-style: italic;
font-size: 0.8em!important;
line-height: 1.1em!important;
font-family: Arial, Helvetica, sans-serif;
color:#006699;
margin: 0 0 0 1.2em;
padding: 0.3em 0.2em 0.2em 0.8em;
text-align: left;
border: silver 0.4em solid;
border-image-source: url("images/barrita_b_006699.jpg");
border-image-slice: 0 0 0 25;
border-image-repeat: stretch;
}
.imagenconsumarioizq span
{
display:block;
font-weight:bold;
font-style: italic;
font-size: 0.8em!important;
line-height: 1.1em!important;
font-family: Arial, Helvetica, sans-serif;
color:#006699;
margin: 0 0 0 1.2em;
padding: 0.3em 0.2em 0.2em 0.8em;
text-align: left;
border: silver 0.4em solid;
border-image-source: url("images/barrita_b_006699.jpg");
border-image-slice: 0 0 0 20;
border-image-repeat: stretch;
}
.sumarioizquierda
{
width: 33%;
min-width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
font-style: italic;
color: #006699;
float: left;
padding: 0.5em 0.3em 0.5em 0;
margin: 0.4em 1.2em 0.6em 0;
line-height: 1.1em;
border: silver 0.4em solid;
border-image-source: url("images/barrita_006699.jpg");
border-image-slice: 20 0;
border-image-repeat: stretch;
}
.sumarioderecha
{
width: 33%;
min-width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
font-style: italic;
color: #006699;
float: right;
padding: 0.5em 0 0.5em 0.3em;
margin: 0.4em 0 0.6em 1.2em;
line-height: 1.1em;
text-align: right;
border: silver 0.4em solid;
border-image-source: url("images/barrita_006699.jpg");
border-image-slice: 20 0;
border-image-repeat: stretch;
}
/* http: / /www. mclibre . org / consultar / htmlcss/css/css3_bordes.html */
/* **************************************************************
CITAS PARA ENTREVISTAS
************************************************************** */
.citaderecha
{
width: 40%;
background-color: #fff;
border-left: 5px solid #e6e6e6;
float: right;
padding-left:0.6em;
margin:0.5em 0.5em 0.5em 0.8em;
line-height: 0.5em;
}
.citaderecha img
{
width: 100%;
}
.citaderecha p:before
{
content: url('../images/comillas1.png');
}
.citaderecha:after
{
content: url('../images/comillas2.png');
}
.citaderecha p
{
clear:both;float:none;
font-size:1.1em !important;
line-height: 1em;
font-style:italic;
color:#aaa;
margin: 0.3em 0 0.3em 0!important;
letter-spacing:0px;
}
.citaderecha p span
{
font-style: normal!important;
color:#777;
font-size:0.9em !important;
}
.citaizquierda
{
width: 40%;
background-color: #fff;
border-right: 5px solid #e6e6e6;
float: left;
padding-right:0.4em;
margin: 0.5em 0.9em 0.5em 0.5em;
line-height: 0.5em;
}
.citaizquierda img
{
width: 100%;
}
.citaizquierda p:before
{
content: url('../images/comillas1.png');
}
.citaizquierda:after
{
content: url('../images/comillas2.png');
}
.citaizquierda p
{
font-size:1.1em !important;
line-height: 1em;
font-style:italic;
color:#aaa;
margin: 0.3em 0 0.3em 0!important;
letter-spacing:0px;
}
.citaizquierda p span
{
font-style: normal!important;
color:#777;
font-size:0.9em !important;
}
/* **************************************************************
PARA EMBEBER VIDEOS RESPONSIVE
************************************************************** */
.video-embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-embed-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
/* **************************************************************
PARA PIES DE FOTO
************************************************************** */
.piedefotocontenedor {
margin: 0 0 0.5em 0 !important;
line-height: 0em !important;
text-align:center;
}
.piedefotocontenedor>span {
margin: 5px 0 5px 0 !important;
bottom: 0px;
border: 0;
font-size: 12px;
font-weight:bold;
text-align:center;
line-height: 1.5em !important;
padding:6px;
}
.piedefotocontenedorderecha{
display: table;
margin: 0 0 0.8em 0 !important;
line-height: 0em !important;
float:right;
}
.piedefotocontenedorderecha>span {
border: 0;
background-color: #fff;
font-size: 12px;
font-weight:bold;
text-align:center;
line-height: 1em !important;
padding: 2px 1px 6px 20px;
display: table-caption;
caption-side: bottom;
}
.piedefotocontenedorizquierda{
display: table;
margin: 0 0 0.8em 0 !important;
line-height: 0em !important;
float:left;
}
.piedefotocontenedorizquierda>span {
border: 0;
background-color: #fff;
font-size: 12px;
font-weight:bold;
text-align:center;
line-height: 1em !important;
padding: 2px 20px 6px 2px;
display: table-caption;
caption-side: bottom;
}
/* **************************************************************
ICON
************************************************************** */
.icon
{
text-decoration: none;
position: relative;
}
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: Arial, Sans, Helvetica;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.iconlocation
{
width: 30px;
height: 32px;
float: left;
background:url('images/location.png') no-repeat;
background-position: center;
}
.icondate
{
width: 30px;
height: 32px;
float: left;
background:url('images/calendario.png') no-repeat;
background-position: center;
}
.iconphone
{
width: 30px;
height: 32px;
float: left;
background:url('images/phone.png') no-repeat;
background-position: center;
}
.iconcontacto
{
width: 30px;
height: 32px;
float: left;
background:url('images/contacto.png') no-repeat;
background-position: center;
}
/* List */
ol.default {
list-style: decimal;
padding-left: 1.25em;
}
ol.default li {
padding-left: 0.25em;
}
ul.default {
list-style: disc;
padding-left: 1em;
}
ul.default li {
padding-left: 0.5em;
}
ul.icons {
cursor: default;
}
ul.icons li {
display: inline-block;
line-height: 1em;
padding-left: 0.5em;
}
ul.icons li:first-child {
padding-left: 0;
}
ul.featured-icons {
cursor: default;
margin: -0.75em 0 0 0;
opacity: 0.35;
overflow: hidden;
position: relative;
}
ul.featured-icons li {
display: block;
float: left;
text-align: center;
width: 50%;
}
ul.featured-icons li .icon {
display: inline-block;
font-size: 6.25em;
height: 1.25em;
line-height: 1.25em;
width: 1em;
}
ul.buttons {
cursor: default;
}
ul.buttons:last-child {
margin-bottom: 0;
}
ul.buttons li {
display: inline-block;
padding: 0 0 0 1.5em;
}
ul.buttons li:first-child {
padding: 0;
}
ul.buttons.vertical li {
display: block;
padding: 1.5em 0 0 0;
}
ul.buttons.vertical li:first-child {
padding: 0;
}
/* Table */
table {
width: 100%;
}
table.default {
width: 100%;
}
table.default tbody tr {
border-bottom: solid 1px rgba(124, 128, 129, 0.2);
}
table.default td {
padding: 0.5em 1em 0.5em 1em;
}
table.default th {
font-weight: 400;
padding: 0.5em 1em 0.5em 1em;
text-align: left;
}
table.default thead {
background: #7c8081;
color: #fff;
}
/* Wrapper */
.wrapper {
margin-bottom: 5em;
padding: 5em;
background: #fff;
}
.wrapper.style4 {
background: #fff;
color: inherit;
padding: 0 3em 0 3em;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #D0DAE0;
}
/* Header */
@-moz-keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
@-webkit-keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
@-ms-keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
@keyframes reveal-header {
0% {
top: -5em;
}
100% {
top: 0;
}
}
#header {
background: #006699;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
color: inherit;
cursor: default;
font-size: 1.0em;
left: 0;
padding: 0.8em 1.5em;
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 10000;
}
#headergallery {
background: #fffffe;
box-shadow: 0 1px 2px 5px rgba(0, 0, 0, 0.075);
color: inherit;
cursor: default;
font-size: 1.0em;
left: 0;
padding: 0.8em 1.5em 0.4em 1.5em;
/*position: fixed;*/
top: 0;
width: 100%;
z-index: 10000;
border-bottom: solid 1px #010101;
}
#header p, #headergallery p {
font-weight: 900;
line-height: normal;
margin: 0;
}
#headergallery p {
text-align:center;
}
#logo a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.5em;
font-weight: normal;
}
#logogallery a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.5em;
font-weight: normal;
}
#logogallery a img{
width: 200px;
}
#logobmforum a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.5em;
font-weight: normal;
}
#logobma a {
text-decoration: none;
color: #fff;
border: 0;
font-size: 2.5em;
font-weight: normal;
}
#header p span, #headergallery p span {
font-weight: 300;
}
#header nav{
/*letter-spacing: 0.075em;*/
position: absolute;
right: 1.5em;
text-transform: none;
top: 2.2em;
font-size: 0.7em;
}
#headergallery nav {
/*letter-spacing: 0.075em;*/
position: absolute;
right: 1.5em;
text-transform: none;
top: 3.3em;
font-size: 0.9em;
}
#header nav ul li {
display: inline-block;
margin-left: 0;
border-right: solid 1px #FFFFFF;
line-height: 1em;
}
#headergallery nav ul li{
display: inline-block;
margin-left: 0;
border-right: solid 1px #000;
line-height: 1em;
}
#header nav ul li:last-child {
border-right: hidden 1px #FF0000;
}
#headergallery nav ul li:last-child {
border-right: hidden 1px #FF0000;
}
#header nav ul li > ul , #headergallery nav ul li > ul {
display: none;
}
#header nav ul li a{
border: solid 1px transparent;
color: #fff;
display: inline-block;
line-height: 1em;
padding: 0.4em 0.9em 0.4em 0.5em;
margin: 0;
text-decoration: none;
text-transform:uppercase;
}
#headergallery nav ul li a {
border: solid 1px transparent;
color: #000;
display: inline-block;
line-height: 1em;
padding: 0.4em 0.9em 0.4em 0.5em;
margin: 0;
text-decoration: none;
text-transform:uppercase;
}
#header nav ul li input[type="button"],
#header nav ul li input[type="submit"],
#header nav ul li input[type="reset"],
#header nav ul li .button, #headergallery nav ul li .button {
font-size: 1em;
min-width: 0;
width: auto;
}
#header nav ul li.submenu > a, #headergallery nav ul li.submenu > a {
background-image: url("images/picoabajo.png");
background-position: center left;
background-repeat: no-repeat;
text-decoration: none;
padding-left: 1.5em;
}
#header nav ul li.submenu > a:before, #headergallery nav ul li.submenu > a:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: Arial, Sans, Helvetica;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
#header nav ul li.submenu > a:before {
/*content: '\f107';*/
/*margin-left: 2.5em;*/
}
#header nav ul li.active > a, #header nav ul li:hover > a,#headergallery nav ul li.active > a, #headergallery nav ul li:hover > a {
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: rgba(188, 202, 206, 0.15);
}
#header nav ul li.current > a, #headergallery nav ul li.current > a {
font-weight: 900;
}
#header.reveal {
-moz-animation: reveal-header 0.5s;
-webkit-animation: reveal-header 0.5s;
-ms-animation: reveal-header 0.5s;
animation: reveal-header 0.5s;
}
#header.alt {
-moz-animation: none;
-webkit-animation: none;
-ms-animation: none;
animation: none;
background: transparent;
box-shadow: none;
color: #fff;
padding: 2em 2.5em;
position: absolute;
}
#header.alt nav {
right: 2.5em;
top: 1.75em;
}
#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
border: solid 1px;
}
/* Dropotron */
.dropotron {
background: #fff;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
line-height: 2.25em;
min-width: 13em;
padding: 1em 0;
text-transform: uppercase;
margin-top: calc(-1em + 1px);
}
.dropotron.level-0 {
font-size: 0.6em;
font-weight: 400;
margin-top: 1.5em;
}
.dropotron.level-0:before {
border-bottom: solid 0.5em #fff;
border-left: solid 0.5em transparent;
border-right: solid 0.5em transparent;
content: '';
left: 0.75em;
position: absolute;
top: -0.45em;
}
.dropotron > li {
border-top: solid 1px rgba(124, 128, 129, 0.2);
}
.dropotron > li > a {
-moz-transition: none;
-webkit-transition: none;
-ms-transition: none;
transition: none;
color: inherit;
text-decoration: none;
padding: 0 1em;
border: 0;
}
.dropotron > li:hover > a {
background: #83d3c9;
color: #fff;
}
.dropotron > li:first-child {
border-top: 0;
}
#navPanel, #navButton {
display: none;
}
/* Main */
#main {
/*background-image: url("images/aguas2.jpg");*/
/*background-repeat: no-repeat;*/
/*background-color: #b3d4e7;*/
/*padding: 1em 0 0 0;*/
border-style: solid;
border-width: 1px 0 0 0;
border-color: #D0DAE0;
}
#main > :last-child {
margin-bottom: 0;
}
#main .sidebar section {
border-top: solid 1px rgba(124, 128, 129, 0.2);
margin: 3em 0 0 0;
padding: 3em 0 0 0;
}
#main .sidebar section p{
font-size: 80%;
line-height:1.3em;
}
#main .sidebar section:first-child {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
body.index #main {
padding-top: 5em;
}
/* Footer */
#footer {
background: #fff;
color: #7c8081;
padding: 5em 0 10em 0;
/*text-align: center;*/
clear: both;
}
#footer .copyright {
font-size: 0.8em;
line-height: 1.1em;
}
#footer .copyright a {
color: inherit;
}
#footer a.logopie {
color: #006699;
text-decoration:none;
font-size: 1.9em;
line-height:1.5em;
}
#footer .copyright ul
{
list-style:none!important;
border: dotted 3px;
display: inline-block;
background: #f88;
}
#footer .copyright li {
display: inline-block;
margin-left: 1em;
padding-left: 1em;
margin-bottom: 3em;
border-left: dotted 1px;
vertical-align: top;
}
#footer .copyright li:first-child {
padding: 5px 0 0 0;
border: 0;
vertical-align: top;
margin-bottom: 1em;
}
/* CRUMB */
#crumb {
/*clear: both;*/
margin: 5px 0px 5px 0px;
background:#ffffff;
FONT-SIZE: 16px;
line-height:1.2;
}
#crumb strong {
letter-spacing: 0px;
font-weight: bold;
}
.crumb {
COLOR: #888; LINE-HEIGHT: 10px;
/*FONT-FAMILY: 'Roboto', Arial, Helvetica, sans-serif;*/
}
A.crumb:link {
COLOR: #888;
text-decoration:underline;
}
A.crumb:visited {
COLOR: #888; text-decoration:underline
}
A.crumb:active {
COLOR: #888; text-decoration:underline
}
/* LATERAL DERECHO */
.modulo {
clear: both;
margin-bottom: 12px;
}
.modulo table {
margin: 0px;
}
.noticia{
border-top:1px solid #D0DAE0;
padding:10px 0 5px;
margin:5px 0 8px;
border-bottom:0;
width:100%;
}
.noticia.noticia.first_child{
border-top:0;
padding-top:0;
padding-bottom: 10px;
}
.noticia .antetitulo, .noticia .antetitulo a{
color: #fe9020;
border: 0;
text-decoration: none;
margin-bottom: 0px;
}
.noticia .seccion {
text-transform: uppercase;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
padding-right: 5px;
}
.noticia h5 {
padding-top: 0px;
padding-right: 10px;
font-size: 21px;
letter-spacing: -1px;
margin-bottom: 8px;
line-height: normal;
}
.noticia p {
padding-top: 2px;
padding-right: 0;
padding-bottom: 0px;
margin-bottom: 0;
color: #222;
font-size: 14px;
line-height: 17px;
}
.autor, .localizacion{color:#8093A1;font:11px Arial, Helvetica, sans-serif;}
.autor{color: #666666;}
/* LATERAL IZQUIERO */
.herramientas p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #555; padding: 0; margin: 0; }
.nav_herramientas {width:150px!important; margin: 0 0 30px 0; padding: 0;}
.nav_herramientas li { height: 16px; line-height: normal; }
.nav_herramientas li {margin:0 4px 0 0; display: block;overflow: hidden;font-size:12px!important; letter-spacing: 0px; padding:0; }
.nav_herramientas li, .nav_herramientas li a{background:none;color:#888; }
.nav_herramientas li {font-weight: bold;list-style-type: none;margin-bottom:3px;}
.nav_herramientas a { width:130px; margin: 0 0 0 0; padding:0 0 0px 22px!important;font-weight: normal !important; }
.nav_herramientas li a:hover {text-decoration: none;color:#fe9020;}
.nav_herramientas li a strong{text-decoration: none;color:#fe9020;}
.nav_herramientas li.enviar a{background:url('images/but_enviar.png');}
.nav_herramientas li.imprimir a {background:url('images/but_imprimir.png');}
.nav_herramientas li.comentar a {background:url('images/but_comentar.png');}
.nav_herramientas li.usuarios a {background:url('images/but_usuarios.png');}
.nav_herramientas li.enviar a,
.nav_herramientas li.imprimir a,
.nav_herramientas li.comentar a,
.nav_herramientas li.usuarios a,
.nav_herramientas li.valorar a,
.nav_herramientas li.movil a,
.nav_herramientas li.rectificar a,
.nav_herramientas li.escuchar a {background-repeat: no-repeat;text-decoration: none;background-position:0 -40px;}
.nav_herramientas li.enviar a:hover,
.nav_herramientas li.imprimir a:hover,
.nav_herramientas li.comentar a:hover,
.nav_herramientas li.usuarios a:hover,
.nav_herramientas li.valorar a:hover,
.nav_herramientas li.movil a:hover,
.nav_herramientas li.rectificar a:hover,
.nav_herramientas li.escuchar a:hover {background-position:0 0;text-decoration: none;}
.nav_herramientas li.compartir{color:#666;position:relative;overflow:visible;z-index:2;}
/* PUBLICIDAD SUPERIOR */
.publicidad_superior {
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
margin: 2em auto 1.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:1020px;
}
.publicidad_superior_b {
display: none;
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
/*margin: 2em 0px 1.6em 0px;*/
margin: 0.8em auto 1.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:750px;
text-align: center!important;
}
.publicidad_superior_c {
display: none;
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
/*margin: 2em 0px 1.6em 0px;*/
margin: 0.4em auto 0.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:auto!important;
height:auto!important;
text-align: center!important;
}
.publicidad_superior_d {
display: none;
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
/*margin: 2em 0px 1.6em 0px;*/
margin: 0.4em auto 0.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:auto!important;
height:auto!important;
text-align: center!important;
}
.publicidad_superior_c a, .publicidad_superior_d a, .publicidad_inferior_c a, .publicidad_inferior_d a {
width:auto!important;
height:auto!important;
}
.publicidad_superior_c a img, .publicidad_superior_d a img, .publicidad_inferior_c a img, .publicidad_inferior_d a img {
width:100%!important;
height:auto!important;
}
.publicidad_superior table, .publicidad_inferior table {
padding: 0;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.publicidad_superior a, .publicidad_superior a img, .publicidad_superior iframe, .publicidad_superior td,
.publicidad_superior_b a, .publicidad_superior_b a img, .publicidad_superior_b iframe, .publicidad_superior_b td,
.publicidad_superior_c a, .publicidad_superior_c a img, .publicidad_superior_c iframe, .publicidad_superior_c td,
.publicidad_superior_d a, .publicidad_superior_d a img, .publicidad_superior_d iframe, .publicidad_superior_d td {
padding: 0;
margin: 0;
display: table-cell;
line-height: 0;
}
/* PUBLICIDAD INFERIOR */
.publicidad_inferior {
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
margin: 2em auto 1.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:1020px;
}
.publicidad_inferior_b {
display: none;
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
/*margin: 2em 0px 1.6em 0px;*/
margin: 0.8em auto 1.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:750px;
text-align: center!important;
}
.publicidad_inferior_c {
display: none;
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
/*margin: 2em 0px 1.6em 0px;*/
margin: 0.4em auto 0.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:auto!important;
height:auto!important;
text-align: center!important;
}
.publicidad_inferior_d {
display: none;
clear: both;
background-color: #fff;
padding: 5px 5px 5px 15px;
/*margin: 2em 0px 1.6em 0px;*/
margin: 0.4em auto 0.6em auto;
background: url("images/add_h_es.gif") no-repeat scroll left center transparent;
border: 1px solid #efefef;
width:auto!important;
height:auto!important;
text-align: center!important;
}
.publicidad_inferior a, .publicidad_inferior a img, .publicidad_inferior iframe, .publicidad_inferior td,
.publicidad_inferior_b a, .publicidad_inferior_b a img, .publicidad_inferior_b iframe, .publicidad_inferior_b td,
.publicidad_inferior_c a, .publicidad_inferior_c a img, .publicidad_inferior_c iframe, .publicidad_inferior_c td,
.publicidad_inferior_d a, .publicidad_inferior_d a img, .publicidad_inferior_d iframe, .publicidad_inferior_d td {
padding: 0;
margin: 0;
display: table-cell;
line-height: 0;
}
/* PUBLICIDAD ROBAPAGINAS */
.publicidad_robapaginas
{
/*clear: both;*/
background: #aaa;
background: url("images/add_v_es.gif") no-repeat scroll center top transparent;
border: 1px solid #efefef;
/*float: left;*/
padding: 12px 4px 5px 4px;
text-align: center;
/*position: relative;*/
width: 310px;
z-index: 998;
background-color: #FFF;
overflow: hidden;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
-ms-box-sizing:border-box;-o-box-sizing:border-box;
margin: 10px auto;
}
.publicidad_robapaginas table
{
background: #e3e3e3;
padding: 0;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.publicidad_robapaginas a, .publicidad_robapaginas td {
padding: 0;
margin: 0;
display: table-cell;
line-height: 0;
}
.publicidad_robapaginas_central
{
clear: both;
margin-bottom: 1em;
padding-bottom: 1em;
text-align: center;
width: 100%;
display: none;
}
/* PUBLICIDAD SKYSCRAPPER */
.publicidad_skyscrapper
{
clear: both;
background: #e3e3e3;
background: url("images/add_v_es.gif") no-repeat scroll center top transparent;
border: 1px solid #efefef;
/*float: left;*/
padding: 12px 12px 5px 12px;
text-align: center;
/*position: relative;*/
width: 144px;
z-index: 998;
background-color: #FFF;
}
/* PUBLICIDAD CUERPO DE NOTICIA ADSENSE */
.publicidad_adsense_cuerpo_noticia {
border-top: 3px solid #e4e4e4;
padding-bottom:5px;
/*clear:both;*/
width:100%;
float:left;
/*margin:0 auto;*/
margin: 30px 0 30px 0;
}
/* BLOQUE ENLACES */
/* bloque pie enlaces de interes */
#contenido_corporativo h4{text-indent:-9999px;height:0;overflow:hidden;margin:0;}
.bloque_pie_enlaces{ width:1100px; margin: 0 auto;}
.bloque_pie_enlaces.elementos_recomendados .enlaces_interes{float:left;background:#f3f3f3 }
.bloque_pie_enlaces.elementos_recomendados .enlaces_interes li {clear:none;float:left;margin:0 5px 0 0;padding:8px 15px 10px;width:206px;}
.bloque_pie_enlaces .enlaces_interes{float:left;background:#f4f4f4 repeat-y top left;}
.bloque_pie_enlaces .enlaces_interes li{width:270px;float:left;margin:0;margin-right:5px;clear:none;padding:8px 15px 10px;}
.bloque_pie_enlaces .enlaces_interes li.modulo_04{margin-right:0px;}
.bloque_pie_enlaces .enlaces_interes li h5{width:auto;font-size:12px;margin:0;padding:8px 0 5px;letter-spacing:0;}
.bloque_pie_enlaces .enlaces_interes li li{float:none;margin:0;padding:8px 0;border-top:1px solid #e0e0e0;font-size:0.8em;width:auto;line-height: 1em;}
.bloque_pie_enlaces .enlaces_interes li li a{background:url('images/bolillo_pie.gif') no-repeat top right;display:block; text-decoration:none;}
.bloque_pie_enlaces .enlaces_interes li li a:hover{background-position:bottom right;}
*html .bloque_pie_enlaces .enlaces_interes li li a{float:left;width:100%;}
/* SHAREBUTTOMS */
#shareanddatebox, #sdboxB
{
background-color: #fff;
padding: 0 0px 12px 0;
margin: 0 0 0 0;
/*border: 5px solid red;*/
width:100%;
}
#sharebox, #sdboxB
{
background-color: #fff;
padding: 0 0px 0px 0;
float: left;
/*border: 5px solid blue;*/
}
#sdboxB
{
padding: 8px 0px 0px 0;
float: left;
border-top: 1px dashed #ddd;
}
#fechabox
{
background-color: white;
float: right;
/*border: 5px solid blue;*/
margin: 0 0 0 0!important;
padding: 0 0 0 0!important;
}
#fechabox p.fechatxt
{
color: #222;
margin: 0 0 0 0!important;
padding: 0 0 0 0!important;
line-height: 18px!important;
font-size: 0.65em!important;
vertical-align: top;
}
#sharebox ul.ulshare, #sharebox li.lishare, #sdboxB ul.ulshare, #sdboxB li.lishare
{
list-style:none!important;
margin: 0!important;
float: left;
}
#sharebox li.lishare, #sdboxB li.lishare
{
padding: 0 0.3em 0 0!important;
}
#sharebox ul.ulshare, #sdboxB ul.ulshare
{
padding: 0 0 0 0!important;
}
/* CONCURSO EN PORTADAS BMP y BME */
#concurso h4
{
clear: none;
}
#concurso h4 a {
/*
background: transparent url('images/fondotitular.gif') repeat scroll right 0;
color: #fe9020;
*/
background-color:#006699;
color: #fff;
font-size: 1.3em;
font-weight: bold;
float: left;
/*left: auto;*/
margin: 0 0 5px 0;
padding: 0.1em 10px 0 0.4em;
vertical-align: baseline;
display: block;
box-sizing: border-box;
position: relative;
right: 0;
text-align: right;
top: 0;
width: 100%;
height: 36px;
}
/* CONCURSO EN PORTADAS BMP y BME */
.titulodestacado h4
{
clear: none;
}
.titulodestacado h4 a {
/*
background: transparent url('images/fondotitular.gif') repeat scroll right 0;
color: #fe9020;
*/
background-color:#006699;
color: #fff;
font-size: 1em;
font-weight: bold;
float: left;
/*left: auto;*/
margin: 0 0 5px 0;
padding: 6px 10px 0 0.4em;
vertical-align: baseline;
display: block;
box-sizing: border-box;
position: relative;
right: 0;
text-align: right;
top: 0;
line-height: 1.2em;
width: 100%;
height: 36px;
letter-spacing: -0.05em;
}
/*ARTICULOS RELACIONADOS*/
.responsive-image{background-color:#f0f0f0;
background-image:url("images/logoicon.gif");
background-position:center center;
background-repeat:no-repeat;
background-size:66%;height:0;
overflow:hidden;
position:relative
}
.responsive-image img
{
height:100%;position:absolute;width:100%;
}
.responsive-image__label
{font-size:13px;font-size: 0.8125rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;
-o-box-sizing:border-box;box-sizing:border-box;left:0;
background-color:#fff;bottom:0;color:#000;
display:block;font-weight:400;
padding:2px 8px 2px 4px;position:absolute
}
.responsive-image__label-text{
line-height:1.3;
padding-right:"inherit";
}
.responsive-image--16by9{height:0;overflow:hidden;padding-bottom:56.25%;margin-bottom: 0.3em;}
.responsive-image__img{transition:opacity 0.5s ease-in}
.features-and-analysis
{
float: left;
padding-bottom:12px;
padding-top: 0.9em;
}
.features-and-analysis__title{margin-bottom:18px}
.features-and-analysis__stories{margin-top:0}
.features-and-analysis__story
{
margin-bottom:28px;
width:33%;
}
.features-and-analysis__story .responsive-image__label
{
background-color:#efefef;color:#1e1e1e;
}
.responsive-image__label
{
background-color:#efefef;
}
.promo-unit-spacer{
margin-left:-8px;
margin-right:-8px;
}
.promo-unit-spacer .features-and-analysis__story,.promo-unit-spacer .small-image-promo,.promo-unit-spacer .vertical-promo__small-unit
{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
-ms-box-sizing:border-box;-o-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
margin-right:-4px;
vertical-align:top;
padding-left:8px;
padding-right:8px;
}
.features-and-analysis__story .bold-image-promo__title, .features-and-analysis__story .bold-image-promo
{
font-size: 0.9em;
line-height: 1.1em;
text-decoration:none;
}
h3.bold-image-promo__title
{
border:0!important;
}
a+h3.bold-image-promo__title:hover
{
color: #909090;
}
/* CABECERA MODULO GALLERY*/
.titulodestacadoGH
{
background-color:#fff;
margin: 0 0 0 0;
padding: 22px 0 10px 0;
vertical-align: baseline;
display: block;
box-sizing: border-box;
max-width: 310px;
width: 100%;
height: 418px;
border: #D0DAE0 thin solid;
text-align:center;
box-shadow: 3px 3px 6px #ddd;
}
/*
-------------------------- GALLERY --------------------------------------
*/
/* estilos gallery */
.responsive-foto{background-color:#f0f0f0;
background-image:url("images/logoicon.gif");
background-position:center center;
background-repeat:no-repeat;
background-size:66%;height:0;
overflow:hidden;
position:relative
}
.responsive-foto img
{
height:100%;position:absolute;width:100%;
}
.responsive-foto__label
{font-size:13px;font-size: 0.8125rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;
-o-box-sizing:border-box;box-sizing:border-box;left:0;
background-color:#fff;bottom:0;color:#000;
display:block;font-weight:400;
padding:2px 8px 2px 4px;position:absolute
}
.responsive-foto__label-text{
line-height:1.3;
padding-right:"inherit";
}
.responsive-foto--16by9{height:0;overflow:hidden;padding-bottom:133%;margin-bottom: 0.3em;}
.responsive-foto__img{transition:opacity 0.5s ease-in}
.gallery-features-y-analysis
{
float: left;
padding-bottom:12px;
padding-top: 0.9em;
}
.gallery-features-y-analysis__title{margin-bottom:18px}
.gallery-features-y-analysis__stories{margin-top:0}
.gallery-features-y-analysis__story
{
margin-bottom:0px;
width:25%;
}
.gallery-features-y-analysis__story .responsive-foto__label
{
background-color:#efefef;color:#1e1e1e;
}
.responsive-foto__label
{
background-color:#efefef;
}
.promo-foto-spacer{
margin-left:-8px;
margin-right:-8px;
}
.promo-foto-spacer .gallery-features-y-analysis__story
{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
-ms-box-sizing:border-box;-o-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
margin-right:-5px;
vertical-align:top;
padding-left:8px;
padding-right:8px;
}
.gallery-features-y-analysis__story .bold-foto-promo__title, .gallery-features-y-analysis__story .bold-foto-promo
{
font-size: 0.9em;
line-height: 1.1em;
text-decoration:none;
}
/*
h3.bold-foto-promo__title
{
border:0!important;
}
*/
h3.bold-foto-promo__title
{
border:0!important;
background-color: #fffefd;
color: #006699!important;
padding:0.3em;
text-align:center;
min-height: 2.7em;
}
a+h3.bold-foto-promo__title:hover
{
color: #909090;
}
.contador_de_resultados
{
background-color: #efefef;
padding: 0.1em 0.2em 0.1em 0.5em;
margin-bottom: 0;
font-size: 0.9em;
clear:left;
}
/* ENLACES BOTONES GORDOS */
.boton_ap {
background:#006699;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.boton_ap,a.boton_ap
{
cursor: pointer;
border: 0px;
color: #fff !important ;
display: inline;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
text-decoration:none;
}
.boton_ap:hover,a.boton_ap:hover {
background: #ff9930;
color: #fff !important;
}
a.boton_ap:link,a.boton_ap:visited {
color: #fff !important ;
}
.big_bap
{
font-size: 0.8em!important;
padding: 0.9em 0.8em!important;
line-height: 2.1em!important;
}
.small_bap
{
font-size: 0.7em!important;
padding: 0.9em 0.8em!important;
line-height: 4em!important;
}
/* ESTILO PAGINADOR */
.buttonpaginador{ display:-moz-inline-box; display:inline-block; zoom:1; white-space:nowrap; }
.buttonpaginador:hover, .tdnone{ text-decoration:none !important; }
.pagersmall{ font-size: 1.2em; line-height:1em; }
.margintop30{ margin-top:30px !important; }
.marginbott60{ margin-bottom:60px !important; }
.margin15_0{ margin:15px 0px !important; }
.lheight30{ line-height:27px; } /*si los botones forman varias filas esto hara la separacion entre las filas */
.vtop{ vertical-align:top; }
.inlblk{ display:-moz-inline-box; display:inline-block; zoom:1; }
a.tdnone:hover .link{ color:#367aa9; }
a.tdnone:hover .link > *{ color:#367aa9; }
a.tdnone:hover .link.hn{ color:#c5dceb; }
a.tdnone:hover .link.hn > *{ color:#367aa9; }
.buttonpaginador{
background: -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #fefefe 0%,#efefef 100%);
background: -o-linear-gradient(top, #fefefe 0%,#efefef 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 );
background: linear-gradient(top, #fefefe 0%,#efefef 100%);
border:1px solid #c8c8c8;
-webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.15);
min-width: 15px; /*el ancho del boton esta controlado por el texto y el padding de pager, y este ancho minimo.*/
}
.buttonpaginador:hover
{
border-color:#a5a5a5;
-webkit-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.50);
-moz-box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.50);
box-shadow: 0px 0px 4px -1px rgba(0, 0, 0, 0.50);
}
.buttonpaginador.disabled
{
color:#A2A2A1;
}
.buttonpaginador, .buttonpaginador > *{
line-height:1em !important;
cursor:pointer;
text-align:center;
}
.buttonpaginador > *{ padding:0px 20px; }
.pager > *{
padding:0.2em 0.7em; /* ancho del boton */
margin:0.1em 0.2em; /*separacion de los botones*/
}
.pager > .selected
{
background: #676767;
background: -moz-linear-gradient(top, #676767 0%, #626262 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#626262));
background: -webkit-linear-gradient(top, #676767 0%,#626262 100%);
background: -o-linear-gradient(top, #676767 0%,#626262 100%);
background: -ms-linear-gradient(top, #676767 0%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#626262',GradientType=0 );
background: linear-gradient(top, #676767 0%,#626262 100%);
color: #ffffff;
font-weight: bold;
}
/* MENU SECUNDARIO AGENDA y ANUNCIOS */
.menusecundario:after {
clear: both;
}
.menusecundario:before, .menusecundario:after {
content: " ";
display: table;
}
ul.menusecundario
{
border-bottom: 1px solid #A9A9A9;
margin: 0.5em 0 1em 0;
list-style: none;
display: block;
box-sizing: border-box;
}
.menusecundario>li
{
float: left;
padding: 8px 15px;
margin-bottom: -9px;
}
/*
.menusecundario>li:first-child
{
padding: 8px 15px 8px 0;
}
*/
.menusecundario>li>a {
margin-right: 2px;
line-height: 1.42857;
/*
border: 1px solid transparent;
border: 1px solid #f0f0f0;
*/
position: relative;
display: block;
min-height: 60px;
padding: 7px 15px;
border-radius: 4px 4px 0 0;
text-decoration: none;
font-weight: bold;
background-color: #fefefe;
color: #888;
border-left: 1px solid #c5c5c5;
border-right: 1px solid #c5c5c5;
border-top: 1px solid #c5c5c5;
border-bottom: 1px solid #A9A9A9;
}
.menusecundario>li>a:hover {
background-color: #f93!important;
color: #fff!important;
}
.menusecundario>li.active>a, .menusecundario>li.active>a:hover, .menusecundario>li.active>a:focus {
color: #006699!important;
background-color: #fff!important;
cursor: default;
border-left: 1px solid #A9A9A9!important;
border-right: 1px solid #A9A9A9!important;
border-top: 1px solid #A9A9A9!important;
border-bottom: 1px solid #fff!important;
}
.menusecundariodescription
{
padding: 0.1em 0.5em 0 0.5em;
line-height: 1.1em;
color:#888;
font-size: 0.8em;
margin-bottom: 0.5em;
}
.parrafoperformance
{
padding: 0.1em 0.5em;
line-height: 1.1em;
color:#888;
font-size: 0.6em;
}
/* ------------------------------------------ */
/* TIENDA MODULO EN PAGINAS */
/* ------------------------------------------ */
.descripcion_producto
{
font-size: 0.8em;
line-height: 1.1em;
padding: 0 0.1em 0 0.4em!important;
/*margin-bottom: 1em;*/
/*border-bottom: 1px #efefef solid;*/
/*clear: left;*/
margin-top: 0;
}
h2.nombre_producto
{
padding: 1em 0.1em 0.6em 0.4em;
margin: 1em 0 0 0;
}
h2.nombre_producto a
{
color: #fe9020!important;
font-size:1.0em;
font-weight:bold;
text-decoration:none;
line-height: 1em !important;
letter-spacing: -0.05em;
display: block;
margin: 2em 0 0 0;
}
.pricetag
{
width: 80%;
height: 40px;
text-align: center;
vertical-align: middle;
font-weight: bold;
background-color: #fe9020;
display: table;
margin: 0 auto;
}
.carrito
{
width: 100%;
height: 40px;
padding: 5px 0 0 0;
vertical-align:middle;
display: table;
}
.enlacesproducto1
{
width: 100%;
clear: none;
text-align:center;
}
.enlacesproducto2
{
float: left;
text-align:center;
}
.enlacesproducto1 a, .enlacesproducto2 a
{
text-decoration: none;
font-size: 0.7em;
font-weight: bold;
}
.tiendaverticalcontent {
text-align: center;
display: table-cell;
vertical-align: middle;
}
/* ------------------------------------------ */
/* LANDING PAGE */
/* ------------------------------------------ */
#landingpagefacts p, #landingpagefacts li
{
font-size: 0.8em;
line-height: 1.2em;
margin-bottom: 1em;
}
#landingpagefacts ul,ol
{
margin-left: 0;
padding-left: 0;
margin-bottom: 1.4em;
}
#landingpagefacts li.iconbolo
{
font-size: 0.8em;
/*list-style:url(images/ok_round2s.png);*/
list-style-position: outside;
margin: 0 1em 0.5em 0.2em;
padding: 10px 0 0 40px;
line-height: 1.2em;
box-sizing: border-box!important;
display: list-item;
border: 0px!important;
background-image: url(images/ok_round2.png);
background-repeat: no-repeat;
background-position: left top;
min-height: 2.5em;
}
#landingpagefacts li.normal
{
font-size: 0.8em;
list-style-position: inside;
list-style: circle;
margin: 0 1em 0.2em 3em;
padding: 8px 0 0 0px;
line-height: 1.2em;
box-sizing: border-box!important;
display: list-item;
border: 0px!important;
background-repeat: no-repeat;
background-position: left top;
}
.rdcopyright {
font-size: 50%!important;
color: #666666!important;
line-height: 105%!important;
padding-top: 2em;
padding-bottom: 2em;
}
/* ------------------------------------------ */
/* ANUNCIOS DE EMPRESA */
/* ------------------------------------------ */
.anuncio_de_empresa
{
margin-bottom: 1.8em;
border: 1px solid #e4e4e4;
}
.ae
{
font-size: 0.8em!important;
color: #006699;
line-height: 0.9em;
letter-spacing: 0em;
margin-bottom: 2em;
text-align: center;
}
.aetitulo
{
background-color: #e4e4e4;
width: 100%;
padding: 4px 3px 4px 5px;
line-height: 0.8em!important;
margin-bottom: 0.3em;
}
.ae_titulo_link
{
color: #006699!important;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 0em;
text-decoration: none;
}
.aeimagen
{
background-color: #fff;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.aeimagen img
{
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.aeimagen a
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.aetexto{
margin: 0 0 0 0;
padding: 0 3px 0 5px;
font-size: 0.7em;
line-height: 1.1em;
}
.aelink
{
margin-top: 0.4em;
margin-bottom: 0.4em;
font-size: 0.8em;
line-height: 1.0em;
padding: 2px 4px 5px 5px;
overflow:hidden;
}
.aelink a
{
font-size: 0.9em;
}
.aelink_url
{
color: #006699!important;
text-decoration: none;
}
.ae_cta
{
font-size:0.7em;
line-height: 1.1em;
border-top-style: solid;
border-top-width: 2px;
border-top-color: #e4e4e4;
margin-top: 2.2em;
padding-top: 1.2em;
text-align: right;
letter-spacing: 0em;
}
.bloqueanunciosempresahorizontal
{
width:100%;
padding:1em 0.4em 1em 0;
background-color: #fff;
margin: 1em 0 1em 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.forth_ae
{
display:inline-block;
vertical-align: top;
background-color: #fff;
width: 24%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
padding:0 0 0 0.4em;
}
/* modulo encuesta */
.encuestaitem
{
font-size:0.7em;
line-height: 1.5em;
padding: 10px 10px 0 10px;
}
/* destacados dentro de articulos */
.destaque {
background-color:#efefff;
padding:0.8em;
margin-bottom:1em;
position:relative;
}
.destaque ul{
margin-bottom:0!important;
padding-bottom:0!important;
}
.ampliarinfo
{
display:block;
clear:both;
position: absolute;
right: 5px; bottom: 6px;
width:150px;
height:45px;
background-image: url("images/mas-informacion.png");
margin: 10px 5px 0 0;border:0;
padding: 0px;
}
.ampliarinfo:hover
{
background-image: url("images/mas-informacion-over.png");
}
/* MODULO CAJA AMERICA */
.imagmi {
padding: 0 15px 10px 0;
float:left;
width:120px;
}
h2.caja_titulo {
font-size:0.7em;
margin-top: 0;
line-height:105%;
}
/* MODULO PROXIMOS EVENTOS AGENDA */
ul li h6.agendalink
{
font-size: 0.8em;
margin:0.2em!important;
line-height:90%;
letter-spacing:0px;
}
li.agendaitem
{
margin-top:1em;
margin-bottom:1em;
border-bottom: 1px solid #efefef;
}
li.agendaitem img
{
width:20px;
margin:5px 6px 0 0;
float:left;
opacity: 0.5;
filter: alpha(opacity=50)
}
.agendadata
{
padding-left:6px;
font-size: 0.7em;
color: #888;
letter-spacing:0px;
}
li.apoyoagenda
{
background: url('images/bolillo_pie.gif') no-repeat 0px 1px;
padding-left: 20px;
float:left;
margin-left:2em;
line-height: 1.2em;
font-size: 0.8em;
}
li.apoyoagenda a
{
text-decoration:none;
color:#222;
font-weight:bold;
}
li.apoyoagenda:hover
{
background: url('images/bolillo_pie.gif') no-repeat 0px -30px;
}
.listaencuestaslink, .listaencuestaslink:link , .listaencuestaslink:visited
{
color: #222;
font-weight: bold;
font-size: 1.2em;
text-decoration:none;
letter-spacing:0em;
line-height: 70%!important;
}
.listaencuestaslink:hover
{
color: ;
}
.linkdate
{
color: #888;
font-size: 0.8em;
padding-left:6px;
line-height:1.5em;
}
.linkdate span
{
color: ;
}
.linkdate img
{
margin:0px 6px 0 0;
width:20px;
float:left;
opacity: 0.5;
filter: alpha(opacity=50);
}