html, body{
max-width: 100%;
margin: 0px !important;
height: 100%;
background-color: #fff !important;
}
.item{
padding: 0px !important;
}
.carousel-inner {
height: 640px;
}
#myCarousel2{
display: none;
}
#myCarousel3{
margin: 0 auto;
width: 60%;
max-height: 400px;
overflow: hidden;
margin-bottom: 40px;
}
/*------------------------------------INICIO W3 SCHOOL PAGINATION---------------------*/
#invisPaginat{
display: none;
}
.pagination {
}
#c, #cSe, #cTot{
display: flex;
justify-content: center;
padding-left: 12%;
padding-right: 12%;
margin-bottom: 50px;
}
.pagination a {
color: #1a46a1;
float: left;
padding: 8px 16px;
text-decoration: none;
border: 1px solid #1a46a1;
margin: 1px;
}
.pagination a.active {
background-color: #1a46a1;
color: white;
box-shadow: none;
border-radius:13px;
}
.pagination a:hover{cursor:pointer; text-decoration: none;}
.pagination a:hover:not(.active) {background-color: #1a46a1; color:white;}
/*----------------------------------FIN W3 SCHOOL PAGINATION-------------------------*/
/*----------------------------- INICIO EFECTO CSS LOGO---------------------------------------------*/
.rotate-vert-center {
-webkit-animation: rotate-vert-center 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
animation: rotate-vert-center 1.2s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
/* ----------------------------------------------
* Generated by Animista on 2019-12-6 16:48:39
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation rotate-vert-center
* ----------------------------------------
*/
@-webkit-keyframes rotate-vert-center {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
@keyframes rotate-vert-center {
0% {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
}
/*----------------------------- FIN EFECTO CSS LOGO---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS IZQUIERDA A DERECHA---------------------------------------------*/
.scale-in-hor-left {
-webkit-animation: scale-in-hor-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-hor-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2019-12-6 17:1:1
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-in-hor-left
* ----------------------------------------
*/
@-webkit-keyframes scale-in-hor-left {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
@keyframes scale-in-hor-left {
0% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
opacity: 1;
}
}
/*----------------------------- FIN EFECTO CSS IZQUIERDA A DERECHA---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS FICHAS---------------------------------------------*/
.tilt-in-top-1 {
-webkit-animation: tilt-in-top-1 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: tilt-in-top-1 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2019-12-6 17:36:4
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation tilt-in-top-1
* ----------------------------------------
*/
@-webkit-keyframes tilt-in-top-1 {
0% {
-webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
opacity: 0;
}
100% {
-webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
transform: rotateY(0deg) translateY(0) skewY(0deg);
opacity: 1;
}
}
@keyframes tilt-in-top-1 {
0% {
-webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
opacity: 0;
}
100% {
-webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
transform: rotateY(0deg) translateY(0) skewY(0deg);
opacity: 1;
}
}
/*----------------------------- FIN EFECTO CSS FICHAS---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS FICHAS PRIMEROS Y SEGUNDOS---------------------------------------------*/
.scale-up-hor-center {
-webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-1-28 16:39:16
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-up-hor-center
* ----------------------------------------
*/
@-webkit-keyframes scale-up-hor-center {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes scale-up-hor-center {
0% {
-webkit-transform: scaleX(0.4);
transform: scaleX(0.4);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
/*----------------------------- FIN EFECTO CSS FICHAS PRIMEROS Y SEGUNDOS---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS ACERCAMIENTO bottom---------------------------------------------*/
.kenburns-bottom {
-webkit-animation: kenburns-bottom 7s ease-out both;
animation: kenburns-bottom 7s ease-out both;
}
/* ----------------------------------------------
* Generated by Animista on 2019-12-7 18:8:13
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation kenburns-bottom
* ----------------------------------------
*/
@-webkit-keyframes kenburns-bottom {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: 50% 84%;
transform-origin: 50% 84%;
}
100% {
-webkit-transform: scale(1.25) translateY(15px);
transform: scale(1.25) translateY(15px);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
}
@keyframes kenburns-bottom {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: 50% 84%;
transform-origin: 50% 84%;
}
100% {
-webkit-transform: scale(1.25) translateY(15px);
transform: scale(1.25) translateY(15px);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
}
/*----------------------------- FIN EFECTO CSS ACERCAMIENTO bottom---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS ACERCAMIENTO REVERSE (ALEJAMIENTO)---------------------------------------------*/
.kenburns-top {
-webkit-animation: kenburns-top 5s ease-out reverse both;
animation: kenburns-top 5s ease-out reverse both;
}
/* ----------------------------------------------
* Generated by Animista on 2019-12-9 15:39:57
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation kenburns-top
* ----------------------------------------
*/
@-webkit-keyframes kenburns-top {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: 50% 16%;
transform-origin: 50% 16%;
}
100% {
-webkit-transform: scale(1.25) translateY(-15px);
transform: scale(1.25) translateY(-15px);
-webkit-transform-origin: top;
transform-origin: top;
}
}
@keyframes kenburns-top {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: 50% 16%;
transform-origin: 50% 16%;
}
100% {
-webkit-transform: scale(1.25) translateY(-15px);
transform: scale(1.25) translateY(-15px);
-webkit-transform-origin: top;
transform-origin: top;
}
}
/*----------------------------- FIN EFECTO CSS ACERCAMIENTO REVERSE (ALEJAMIENTO)---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS CAMBIO COLOR---------------------------------------------*/
.color-change-2x {
-webkit-animation: color-change-2x 2s linear infinite alternate both;
animation: color-change-2x 2s linear infinite alternate both;
}
/* ----------------------------------------------
* Generated by Animista on 2019-12-15 16:58:9
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation color-change-2x
* ----------------------------------------
*/
@-webkit-keyframes color-change-2x {
0% {
color: #fff;
}
100% {
color: #1a46a1;
}
}
@keyframes color-change-2x {
0% {
color: #fff;
}
100% {
color: #1a46a1;
}
}
/*----------------------------- FIN EFECTO CSS CAMBIO COLOR---------------------------------------------*/
/*----------------------------- INICIO EFECTO CSS HACIA ARRIBA LETRAS EN LA FOTO---------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Quattrocento);
.todosGan {
margin: 0 auto !important;
margin-bottom: 90px !important;
margin-top: -20px !important;
font-family: 'Quattrocento', Arial, sans-serif;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 230px;
max-width: 315px;
width: 100%;
color: #141414;
text-align: left;
line-height: 1.4em;
font-size: 16px;
}
.todosGan * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.todosGan img {
max-width: 100%;
vertical-align: top;
}
.todosGan figcaption {
position: absolute;
top: calc(87%);
width: 100%;
background-color: #ffffff;
padding: 0px 25px 65px;
}
.todosGan figcaption:before {
position: absolute;
content: '';
z-index: 2;
bottom: 100%;
left: 0;
width: 100%;
height: 80px;
background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.todosGan p {
margin: 0 0 10px;
}
.todosGan h1 {
font-weight: 300;
font-size: 1.4em;
line-height: 1.2em;
font-family: 'Oswald', Arial, sans-serif;
text-transform: uppercase;
}
.todosGan p {
margin-top: 50px;
font-size: 25px !important;
text-align: center;
color: #1a46a1;
font-size: 0.9em;
letter-spacing: 1px;
opacity: 0.9;
}
.todosGan a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.todosGan:hover figcaption,
.todosGan.hover figcaption {
top: 80px;
}
#mi{
color: #1a46a1;
margin: 0 auto;
display: block;
}
#letrAb{
font-size: 25px;
text-align: left;
color: #1a46a1;
margin-left: -90px;
}
#cajaCo{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-left: -57px;
}
/*----------------------------- FIN EFECTO CSS HACIA ARRIBA LETRAS EN LA FOTO---------------------------------------------*/
/*------------------------INICIO DESLIZAMIENTO FOTO CON HOVER---------------------------*/
.snip1325 {
position: relative;
overflow: hidden;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.snip1325 img {
height: 100%;
position: absolute;
right: 0;
-webkit-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.snip1325:hover img,
.snip1325.hover img {
-webkit-transform: translateX(130px);
transform: translateX(130px);
}
/* Demo purposes only */
body {
background-color: #212121;
}
/*--------------------------FIN DESLIZAMIENTO FOTO CON HOVER--------------------------------*/
/*----------------------------INICIO DE TEXTO A FOTO---------------------------------------*/
body,html{height:100%;margin:0;padding:0;background:#E3DFD2}
svg{
background:url('../img/p.jpg');
background-size:cover;
width:60vmin; height:auto;
display:block;
margin:10vmin auto;
}
text{
font-size:10px;
transition:font-size .4s ease-out;
font-weight:900;
font-family:arial;
}
svg:hover text{
transition:font-size .4s ease-in;
font-size: 300px;
}
/*--------------------------------------------FIN DE TEXTO A FOTO----------------------------*/
/*----------------------------INICIO EFECTO ICONO LETRAS CLASIFICACION---------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.snip1033 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
width: 100%;
background: #000000;
}
figure.snip1033 img {
opacity: 1;
width: 100%;
position: relative;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.snip1033 .center {
border-radius: 5px;
display: block;
content: '';
position: absolute;
background-color: #000;
top: 50%;
left: 50%;
height: 70px;
width: 70px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.85);
opacity: 0;
text-align: center;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
figure.snip1033 .center i {
font-size: 38px;
padding: 6px;
color: #ffffff;
line-height: 70px;
opacity: 0.3;
}
figure.snip1033 figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
}
figure.snip1033 figcaption > div {
float: left;
height: 100%;
overflow: hidden;
width: 50%;
position: relative;
}
figure.snip1033 figcaption a {
opacity: 0.7;
}
figure.snip1033 figcaption a:hover {
opacity: 1;
}
figure.snip1033 figcaption h3 {
background-color: #222;
word-spacing: -0.1em;
font-weight: 800;
text-transform: uppercase;
font-size: 1em;
opacity: 0;
position: absolute;
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s,-webkit-transform 0.45s,-moz-transform 0.45s,-o-transform 0.45s,transform 0.45s;
}
figure.snip1033 figcaption .left h3 {
border-radius: 5px 0 0 5px;
top: 50%;
padding: 4px 35px 4px 10px;
right: 0;
-webkit-transform: translate(100%, 0px);
transform: translate(100%, 0px);
}
figure.snip1033 figcaption .right h3 {
border-radius: 0 5px 5px 0;
bottom: 50%;
padding: 4px 10px 4px 35px;
padding-left: 30px;
-webkit-transform: translate(-100%, 0px);
transform: translate(-100%, 0px);
}
figure.snip1033 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.snip1033 .red {
background-color: #8c212a;
}
figure.snip1033 .yellow {
background-color: #945600;
}
figure.snip1033 .white {
background-color: #ffffff;
color: #444444;
}
figure.snip1033:hover img,
figure.snip1033.hover img {
opacity: 0.5;
}
figure.snip1033:hover figcaption .left h3,
figure.snip1033.hover figcaption .left h3 {
opacity: 1;
-webkit-transform: translate(0%, 0px);
transform: translate(0%, 0px);
}
figure.snip1033:hover figcaption .right h3,
figure.snip1033.hover figcaption .right h3 {
opacity: 1;
-webkit-transform: translate(0%, 0px);
transform: translate(0%, 0px);
}
figure.snip1033:hover .center,
figure.snip1033.hover .center {
opacity: 1;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
figure.snip1033:hover .center i,
figure.snip1033.hover .center i {
-webkit-transform: translate(0%, -10px);
transform: translate(0%, -10px);
}
/* Demo purposes only */
html {
height: 100%;
}
body {
background-color: #212121;
display: flex;
justify-content: center;
align-items: center;
flex-flow: wrap;
margin: 0;
height: 100%;
}
/*--------------------------------------------FIN EFECTO ICONO LETRAS CLASIFICACION----------------------------*/
/*--------------------------------------------INICIO EFECTO IMAGEN OVERLAY DE STARS----------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.snip1477 {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden;
max-width: 308px;
min-width: 308px;
max-height: 308px;
min-height: 308px;
color: #ffffff;
text-align: center;
font-size: 16px;
background-color: #000000;
}
figure.snip1477 *,
figure.snip1477 *:before,
figure.snip1477 *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.55s ease;
transition: all 0.55s ease;
}
figure.snip1477 img {
max-width: 100%;
backface-visibility: hidden;
vertical-align: top;
opacity: 0.9;
}
figure.snip1477 .title {
position: absolute;
top: 58%;
left: 25px;
padding: 5px 10px 10px;
}
figure.snip1477 .title:before,
figure.snip1477 .title:after {
height: 2px;
width: 400px;
position: absolute;
content: '';
background-color: #ffffff;
}
figure.snip1477 .title:before {
top: 0;
left: 10px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
figure.snip1477 .title:after {
bottom: 0;
right: 10px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
figure.snip1477 .title div:before,
figure.snip1477 .title div:after {
width: 2px;
height: 300px;
position: absolute;
content: '';
background-color: #ffffff;
}
figure.snip1477 .title div:before {
top: 10px;
right: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
figure.snip1477 .title div:after {
bottom: 10px;
left: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
figure.snip1477 h2,
figure.snip1477 h4 {
margin: 0;
text-transform: uppercase;
}
figure.snip1477 h2 {
font-weight: 400;
}
figure.snip1477 h4 {
min-height: 26px;
display: block;
height: 100px;
font-weight: 700;
background-color: #ffffff;
padding: 5px 10px;
color: #000000;
}
figure.snip1477 figcaption {
position: absolute;
bottom: 42%;
left: 25px;
text-align: left;
opacity: 0;
padding: 5px 60px 5px 10px;
font-size: 0.8em;
font-weight: 500;
letter-spacing: 1.5px;
}
figure.snip1477 figcaption p {
margin: 0;
}
figure.snip1477 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
figure.snip1477:hover img,
figure.snip1477.hover img {
zoom: 1;
filter: alpha(opacity=35);
-webkit-opacity: 0.35;
opacity: 0.35;
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after,
figure.snip1477:hover .title div:before,
figure.snip1477.hover .title div:before,
figure.snip1477:hover .title div:after,
figure.snip1477.hover .title div:after {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.snip1477:hover figcaption,
figure.snip1477.hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
/*--------------------------------------------FIN EFECTO IMAGEN OVERLAY DE STARS-----------------------------*/
/*------------------------------------INICIO EFECTO IMAGEN OVERLAY DE FINALS------------------------*/
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.snip1566 {
position: relative;
display: inline-block;
margin: 20px;
max-width: 250px;
width: 100%;
color: #bbb;
font-size: 16px;
box-shadow: none !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.snip1566 *,
.snip1566:before,
.snip1566:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.snip1566:before,
.snip1566:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
content: '';
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -1;
border: 2px solid #bbb;
border-color: transparent #bbb;
}
.snip1566 img {
max-width: 100%;
backface-visibility: hidden;
vertical-align: top;
border-radius: 50%;
padding: 10px;
}
.snip1566 figcaption {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
opacity: 0;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 50%;
}
.snip1566 i {
position: absolute;
color:white;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 4em;
z-index: 1;
}
.snip1566 a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.snip1566:hover figcaption,
.snip1566.hover figcaption {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.snip1566:hover figcaption{
opacity: 0.5;
}
.snip1566:hover:before,
.snip1566.hover:before,
.snip1566:hover:after,
.snip1566.hover:after {
border-width: 10px;
}
.snip1566:hover:before,
.snip1566.hover:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.snip1566:hover:after,
.snip1566.hover:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*----------------------------------FIN EFECTO IMAGEN OVERLAY DE FINALS-------------------------*/
/*----------------------------------INICIO EFECTO OVERLAY CON SUBTITULOS-------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,800);
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 510px;
max-height: 420px;
width: 40%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
figure.snip0015 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.snip0015 img {
opacity: 1;
width: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.snip0015 figcaption {
position: absolute;
bottom: 0;
left: 0;
padding: 6em 6em;
width: 100%;
height: 100%;
}
figure.snip0015 figcaption::before {
position: absolute;
top: 50%;
right: 30px;
bottom: 50%;
left: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(255, 255, 255, 0.8);
content: '';
opacity: 0;
background-color: #ffffff;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
figure.snip0015 h2,
figure.snip0015 p {
margin: 0 0 5px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0015 h2 {
word-spacing: -0.15em;
font-weight: 300;
text-transform: uppercase;
-webkit-transform: translate3d(0%, 50%, 0);
transform: translate3d(0%, 50%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
margin-top: 10px;
}
figure.snip0015 h2 span {
font-weight: 800;
}
figure.snip0015 p {
font-weight: 200 ;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.snip0015 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
color: #ffffff;
}
figure.snip0015:hover img {
opacity: 0.35;
}
figure.snip0015:hover figcaption h2 {
opacity: 1;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.snip0015:hover figcaption p {
opacity: 0.9;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
figure.snip0015:hover figcaption::before {
background: rgba(255, 255, 255, 0);
top: 30px;
bottom: 30px;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* Demo purposes only */
html {
height: 100%;
}
body {
background-color: #212121;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
height: 100%;
}
/*----------------------------------FIN EFECTO OVERLAY CON SUBTITULOS-------------------------*/
/*--------------------------------INICIO EFECTO TEXTO SOBRE IMAGEN------------------------*/
.card {
transform: translate(0%,0%);
width: 400px;
height: 280px;
background: #1a46a1;
overflow: hidden;
}
.card .imgBx,
.card .details {
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
transition: .5s;
}
.card .imgBx {
top: 0;
left: 0;
}
.card:hover .imgBx {
top: 0;
left: -100%;
}
.card .imgBx img {
width: 100%;
}
.card .details {
background: #1a46a1;
top: 0;
left: 100%;
padding: 40px 30px;
}
.card:hover .details {
top: 0;
left: 0%;
}
.card .details h2 {
color: #fff;
text-align: center;
margin: 0;
padding: 0 0 10px;
border-bottom: 2px solid #fff;
}
.card .details p {
margin: 20px 0 0;
color: #fff;
}
/*-----------------------------FIN EECTO ETXTO SOBRE IMAGEN------------------------------*/
*{
box-sizing: border-box;
font-family: 'Varela Round', sans-serif;
}
.activeOrd{
font-style: oblique;
border-bottom: 1px solid white;
}
#descripcion{
width: 100%;
height: 200px;
}
#noValid1{
display: none;
}
#noValid2{
display: none;
}
#noValid3{
display: none;
}
.des{
display:none;
width: 100%;
color: white;
font-size: 20px;
}
label {
display: inline-block;
width: 100%;
margin-bottom: 5px;
font-weight: 700;
margin-top: 12px;
color: white;
}
#edic{
margin: 0 auto;
width: 40%;
font-size: 20px;
color: black;
}
#le{
margin-bottom: -20px;
text-transform: uppercase;
color: white;
}
.co{
width: 95%;
margin-left: 1%;
margin-right: 1%;
border: 2px solid white;
border-radius: 10px;
margin-bottom: 10px;
padding: 10px;
}
.nomCom{
color: white;
font-size: 16px;
width: 100%;
text-align: left;
margin-bottom: 2px;
margin-left: 1%;
margin-right: 1%;
}
.Coment{
width: 100%;
text-align: left;
color: white;
font-size: 21px;
margin-left: 1%;
margin-right: 1%;
}
#anteriores{
margin: 0 auto;
width: 60%;
height: 400px;
border: 1px solid white;
padding: 10px;
}
#granAn{
width: 100%;
margin-bottom: 50px;
}
#comentario{
width: 100%;
height: 220px;
}
#comen {
width: 100%;
font-size: 30px;
color: white;
margin-top: 50px;
text-align: center;
font-weight: lighter;
margin-bottom: 10px;
}
#sob{
width: 30%;
height: 100%;
display: flex;
justify-content:flex-start;
align-items: center;
flex-direction: row;
}
#granLA{
width: 100%;
}
#bbb{
width: 100%;
}
#tablero{
margin: 0 auto;
position:relative;
width: 80%;
margin-bottom: 50px;
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-direction: row;
flex-wrap: wrap;
}
#granTablero{
background-image: url(../img/ce.png);
background-size: 300px;
background-position: 0px 0px;
background-repeat:repeat;
position: relative;
max-width: 100%;
}
#ocultoMenu{
width: 100%;
height: 110px;
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
.ensena{
width: 100%;
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.ensena img{
width: 100%;
}
.banYpas{
width: 100%;
display: grid;
grid-template: 1fr / 15% 15% 70%;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}
.banYpas:hover{
cursor:pointer;
box-shadow: inset 0px 0px 15px 6px #dcdde4d1;
}
.tabl{
width: 400px;
display: grid;
grid-template: 1fr 1fr 1fr 1fr 1fr / 1fr;
margin-bottom: 30px;
}
#tabl14{
display: grid;
grid-template: 1fr 1fr / 1fr;
}
#paraDes{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
#parteComentarios{
width: 100%;
background-image: url(../img/ce.png);
background-size: 300px;
background-position: 0px 0px;
background-repeat: repeat;
position: relative;
max-width: 100%;
}
.ff{
font-size: 17px;
}
#rank {
width: 100%;
color: #1a46a1;
text-align: center;
margin-bottom: 29px;
margin-top: 100px;
font-size: 27px;
font-weight: lighter;
}
#banEspe{
width: 36px;
height: 38px;
}
#rankEstr {
width: 100%;
color: white;
text-align: center;
margin-bottom: 50px;
margin-top: 40px;
font-size: 27px;
font-weight: lighter;
padding-left: 10%;
padding-right: 10%;
}
#granPru{
margin-top: 40px;
margin-bottom: 40px;
}
#rank2 {
width: 100%;
color: #1a46a1;
text-align: center;
margin-bottom: 29px;
font-size: 27px;
font-weight: lighter;
}
.elemTab{
width: 100%;
display: grid;
grid-template: 1fr / 23% 77%;
background-color: #1a46a1;
color: white;
}
.paisesTab{
width: 100%;
display: grid;
grid-template: 1fr 1fr / 100%;
}
.tablA{
width: 100%;
font-size: 25px;
padding: 15px;
border-bottom: 1px solid #fff;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.tablA:hover{
cursor:pointer;
box-shadow: inset 0px 0px 15px 6px #dcdde4d1;
}
.numerito{
width: 100%;
font-size: 16px;
display: flex;
justify-content:center;
align-items: center;
flex-direction: row;
border-right: 1px solid white;
font-style: oblique;
}
.tablB, .tablC{
width: 100%;
font-size: 19px;
text-transform: uppercase;
display: flex;
justify-content:flex-start;
align-items: center;
flex-direction: row;
padding: 6px;
}
#bo{
border-right: 1px solid #1a46a1;
}
#finals{
width: 100%;
font-size: 30px;
color: #1a46a1;
text-align: center;
font-weight: lighter;
margin-bottom: 30px;
}
#anniosss{
width: 80%;
margin-bottom: 70px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
.granAn{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 30px;
}
.ann{
font-size: 30px !important;
}
.annW{
border: 9px solid #bcbcbc;
border-radius: 50px;
padding: 9px;
font-size: 26px;
color: #1a46a1;
}
#imitacion{
width: 100%;
margin-top: 60px;
}
#granICO{
width: 100%;
}
.inVIS, .inVIS2{
display:none;
}
#pru{
margin-bottom: 110px;
cursor:pointer;
margin: 0 auto;
}
#granVolver{
width: 100%;
margin-top: 50px;
}
#todosGan img{
width: 100%;
height: 100%;
}
.esp{
margin-bottom: 50px !important;
}
#clasificacion{
width: 35%;
margin: 0 auto;
margin-bottom: 100px;
}
#clasificacionX{
width: 35%;
margin: 0 auto;
margin-bottom: 80px;
}
#ca{
width: 100%;
overflow: hidden;
}
#caRev{
width: 100%;
overflow: hidden;
}
#clasificacion img{
width: 100%;
height: 100%;
}
#clasificacionX img{
width: 100%;
height: 100%;
}
#preAviso{
width: 100%;
height: 100%;
}
#alf2{
margin-top: 4px;
}
#ic{
width: 0px;
height: 0px;
position: absolute;
left: 90%;
top: 800px;
position: fixed;
background-color: #a6b1be;
}
#icOtros{
margin: 0 auto;
width: 50px;
height: 50px;
display: none;
}
#icOtros a{
color: #1a46a1;
}
#icOtrosS{
margin: 0 auto;
width: 50px;
height: 50px;
display: none;
margin-bottom: 30px;
margin-top: -15px;
}
#icOtrosS a{
color: #1a46a1;
}
.tv{
position: absolute;
top:34px;
left: 0.8%;
z-index: -1;
width: 100%;
height: 450px;
}
.tv img{
width: 100%;
height: 100%;
}
#icOtrosR{
margin: 0 auto;
width: 50px;
height: 50px;
display: none;
margin-top: -5px;
}
.eee{
width: 100%;
}
#icOtrosR a{
color: #1a46a1;
}
a{
color: #a6b1be;
}
.botV{
margin: 0 auto;
width: 10%;
height: 40px;
border: 1px solid black;
background-color: #1a46a1;
font-weight: bolder;
font-size: 20px;
color: white;
margin-bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
margin-bottom: 25px;
margin-bottom: 70px !important;
}
.botV2{
margin: 0 auto;
width: 20%;
height: 40px;
border: 1px solid black;
background-color: #1a46a1;
font-weight: bolder;
font-size: 20px;
color: white;
margin-bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
margin-bottom: 25px;
margin-bottom: 70px !important;
}
.botV:hover{
cursor: pointer;
background-color: white;
color: #0e3471;
border: 2px solid #0e3471;
}
.botV2:hover{
cursor: pointer;
background-color: white;
color: #0e3471;
border: 2px solid #0e3471;
}
#LC{
width: 120px;
margin: 0 auto;
margin-bottom: 30px;
}
#iconoInt2:hover{
filter:brightness(0.6);
cursor: pointer;
}
#iconoInt2Otros:hover{
cursor: pointer;
}
#cabeceraCur{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: 0px -110px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: 0px -100px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: 0px -50px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: 0px -40px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: 0px -70px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#cabeceraS{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: 0px -300px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#granL{
width: 100%;
}
#volverNoticias{
margin-top: 60px;
margin-bottom: 0px;
}
#logo {
width: 80px;
height: 80px;
position: absolute;
left: 3.5%;
top: 355px;
color: white;
font-size: 14px;
display: flex;
text-align: left;
justify-content: flex-start;
text-decoration: none;
border: 2px solid white;
}
#logo img{
display: block;
width: 100%;
max-height: 100% !important;
}
#logo:hover{
cursor: pointer;
}
#int{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
padding: 7px;
}
#int2{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
padding-left: 7px;
padding-right: 7px;
}
#env{
margin-top: 30px;
}
#menu{
display: none;
}
#dec{
font-size: 20px;
}
#dec2{
font-size: 20px;
}
#eleccion{
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
display: grid;
grid-template: 1fr / 23% 77%;
}
#seIzq{
width: 100%;
background-image: url(../img/n4.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: repeat-y;
display: flex;
justify-content: center;
align-items: center;
}
#envInicio{
width: 80%;
}
.paisesB{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.casilla{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
padding:2px;
}
#enlaces a:hover{
font-style: oblique;
border-bottom: 1px solid white;
}
#enlaces{
width: 80%;
display: grid;
grid-template: 1fr / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
position: absolute;
top: 23px;
left: 6.1%;
}
#desplegable{
display: none;
color: white;
border-top: 1px solid white;
position: absolute;
top: 110px;
left: 51.75%;
width: 350px;
height: 225px;
padding: 15px;
font-size: 18px;
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
.fuego{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
.casual{
width: 100%;
display: grid;
grid-template: 1fr / 15% 80%;
grid-column-gap: 5%;
}
#caso1:hover{
cursor:pointer;
}
#caso2:hover{
cursor:pointer;
}
#caso3:hover{
cursor:pointer;
}
#caso4:hover{
cursor:pointer;
}
#caso5:hover{
cursor:pointer;
}
.casual{
margin-bottom: 8px;
}
#enlaces a{
display: block;
}
.casilla{
width: 100%;
border-right: 1px solid white;
padding-left: 3.2%;
padding-right: 3.2%;
}
#enlaces a{
text-align: center;
cursor: pointer;
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
color: white;
}
.active{
padding-bottom: 0px;
border-bottom: none;
box-shadow: inset 0.2px 0.2px 11px 1px white;
}
#home2{
font-size: 16px;
color: #1a46a1;
margin-left: 2.5%;
margin-bottom: 11px;
}
#volver{
margin-bottom: 40px;
margin-top: 30px;
}
#volverTab{
margin: 0 auto;
width: 10%;
margin-bottom: 40px;
}
#seDer{
width: 100%;
display: grid;
grid-template: 1fr / 27% 27% 27%;
justify-content: space-around;
}
.tit2Footer{
margin: 0 auto;
width: 70%;
text-align: justify;
font-size: 22px;
color: white;
}
#esp{
width: 100%;
height: 50px;
}
.mar{
margin: 0 auto;
}
#home{
font-size: 16px;
color: #1a46a1;
margin-left: 2.5%;
}
#homeA{
font-size: 16px;
color: white;
margin-left: 2.5%;
}
#homeB{
font-size: 16px;
color: white;
margin-left: 2.5%;
}
.noDec{
text-decoration: none;
color: #1a46a1;
}
.noDec:hover{
text-decoration: underline;
}
.noDecS{
text-decoration: none;
color: white;
}
.noDecS:hover{
color:white;
text-decoration: underline;
}
#muestra{
width: 100%;
}
#muestraTablero{
width: 100%;
}
#granMT{
width: 100%;
background-image: url(../img/ce.png);
background-size: 300px;
background-position: 0px 0px;
background-repeat:repeat;
position: relative;
max-width: 100%;
}
#tiraRot2{
width: 100%;
height: 40px;
margin-top: 1px solid #1a46a1;
color: #1a46a1;
display: flex;
align-items:flex-end;
flex-direction: row;
border-top: 2px solid #1a46a1;
box-shadow: 0px 1px 20px 20px #dcdde4d1;
}
#tiraRot{
width: 100%;
height: 40px;
margin-top: 1px solid #1a46a1;
color: #1a46a1;
display: flex;
align-items: center;
flex-direction: row;
border-top: 2px solid #1a46a1;
box-shadow: 0px 1px 20px 20px #dcdde4d1;
}
#tiraRotTrans{
border-top: 1px solid #1a46a1;
width: 100%;
height: 40px;
margin-top: 2px solid #1a46a1;
color: white;
display: flex;
align-items: center;
flex-direction: row;
margin-bottom: 90px;
border-top: 1px solid #fff;
box-shadow: 0px 15px 20px 0px #dcdde4d1;
}
#tiraRotTrans2{
width: 100%;
height: 40px;
margin-top: 1px solid #1a46a1;
color: white;
display: flex;
align-items: center;
flex-direction: row;
margin-bottom: 90px;
border-top: 1px solid #fff;
margin-top: 2px solid #1a46a1;
box-shadow: 0px 15px 20px 0px #dcdde4d1;
}
#tira{
width: 100%;
height: 40px;
color: #1a46a1;
display: flex;
align-items: center;
flex-direction: row;
margin-top: 2px solid #1a46a1;
box-shadow: 0px 1px 20px 20px #dcdde4d1;
}
#tira2{
width: 100%;
height: 40px;
color: #1a46a1;
display: flex;
margin-top: 2px solid #1a46a1;
align-items: center;
flex-direction: row;
box-shadow: 0px 1px 20px 20px #dcdde4d1;
}
#ra{
width: 100%;
height: 2px;
background-color: #1a46a1;
margin-top: -2px;
}
#decadaS, #decadaX{
background-color: #fff;
}
#flechA{
color:white;
}
h1{
width: 100%;
font-weight: lighter;
text-align: center;
padding-left: 10%;
padding-right: 10%;
color: #1a46a1 !important;
background-color: #fff !important;
margin-top: 65px !important;
text-transform: uppercase !important;
}
.cancion{
font-size: 20px;
font-weight: lighter;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
text-align: left;
}
.cancion2{
font-size: 17px;
font-weight: lighter;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
text-align: left;
margin-left: 10px;
}
footer{
width: 100%;
height: 350px;
background-color: #1a46a1;
position: relative;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: row;
}
#fotFooter{
margin: 0 auto;
width: 16%;
}
#fotFooter img{
width: 100%;
height: 100%;
}
#fotFooter2 {
position: absolute;
left: 92%;
top: 55px;
width: 120px;
}
#fotFooter2Menu {
width: 110px;
}
#fotFooter2 img{
width: 100%;
height: 100%;
}
.contenedor1{
width: 90%;
text-align: center;
}
#contenedorStar{
width: 100%;
text-align: center;
}
#contenedorWinners, #contenedorCountries, #contenedorEstrellas, #muestraTablero{
margin: 0 auto;
width: 75%;
padding-top: 40px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 30% 30% 30%;
justify-content: center;
grid-column-gap: 5%;
margin-bottom: 40px;
}
#contenedorNews{
margin: 0 auto;
width: 100%;
padding-top: 40px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 23% 77%;
}
#contNoticias, #contNoticias2 {
width: 100%;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 25% 25% 25% 25%;
}
.invi{
display: none;
}
#lahistoria{
width: 92%;
font-size: 17px;
text-align: left;
margin-bottom: 50px;
}
.noti{
width: 100%;
height: 450px;
display: grid;
grid-template: 50% 50% /1fr;
position: relative;
}
#logoAntiguo{
margin: 0 auto;
width: 350px;
height: 350px;
margin-bottom: 80px;
}
#notiParticular{
width: 100%;
display: grid;
grid-template: 1fr / 70% 30%;
margin-bottom: 50px;
}
.referido{
position: absolute;
z-index: 1;
top: 175px;
left: 10px;
width: 100%;
padding: 10px;
width: 200px;
height: 35px;
background-color: #fff;
border-radius: 40px;
box-shadow: inset 0px 0px 13px 0px #666;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.refe{
margin: 0 auto;
width: 100%;
padding: 10px;
color: black;
width: 250px;
height: 42px;
background-color: #fff;
border-radius: 40px;
box-shadow: inset 0px 0px 13px 0px #666;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.refeAnnio{
margin: 0 auto;
width: 110px;
padding-top: 8px;
font-size: 22px;
color: black;
height: 37px;
background-color: #fff;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border: 3px solid #dfdedd;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.obli{
font-style: oblique;
}
.refeAnnio2{
margin: 0 auto;
width: 170px;
padding-top: 8px;
font-size: 22px;
color: black;
height: 37px;
background-color: #fff;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border: 3px solid #dfdedd;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.fotoNoti{
position: relative;
width: 100%;
height: 100%;
overflow:hidden;
}
/*PARA QUE LA IMAGEN QUEDE DENTRO DE UN DIV DETERMINADO Y SI SOBRA ALGO NO SE VEA*/
/*PARA EL EFECTO ZOOM PONEMOS LOS TRANSITION Y LOS TRANSFORM, SIN OLVIDAR EL OVERFLOW:HIDDEN EN EL DIV QUE CONTIENE LA FOTO */
@supports(object-fit: cover){
.fotoNoti img{
cursor: pointer;
height: 100%;
object-fit: cover;
object-position: center center;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
}
.fotoNoti:hover img{
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
transform:scale(1.10);
}
.all{
margin: 0 auto;
width: 80%;
background-color: #fff;
font-size: 21px;
text-align: center;
border-radius: 40px;
box-shadow: inset 0px 0px 18px 0px #666;
display: flex;
justify-content: center;
align-items: center;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 17px;
padding-right: 17px;
}
.all:hover{
cursor: pointer;
color: #1a46a1;
}
.efecto{
width: 100%;
height: 300px;
border-radius: 40px;
border: 7px solid #666;
overflow:hidden;
}
@supports(object-fit: cover){
.efecto img{
cursor: pointer;
height: 100%;
object-fit: cover;
object-position: center center;
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
}
.efecto:hover img{
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
transform:scale(1.10);
}
#grupoVideo{
margin: 0 auto;
width: 80%;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 30px;
margin-top: 40px;
}
.elemVIAN{
box-shadow: 12px 12px 0px 0px #1a46a1;
width: 22%;
color: white;
border-radius: 20px;
margin-bottom: 60px;
border: 1px solid darkgray;
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
.dime{
width: 80% !important;
border: 2px solid white;
}
#e{
width: 100%;
height: 30px;
}
.granLogoE{
margin: 0 auto;
width: 32%;
margin-top: 30px;
}
.granLogoE img{
width: 100%;
}
.titVIAN{
width: 100%;
height: 98px;
color: white;
text-align: center;
margin-top: 30px;
margin-bottom: 48px;
font-size: 20px;
font-weight: lighter;
text-align: center;
padding-left: 10%;
padding-right: 10%;
}
#granPu{
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row;
}
#logoNL{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: row;
background-image: url(../img/n4.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: repeat-y;
}
#eleccion2, #eleccion2A, #eleccion2B, #eleccion2C, #eleccion2D, #eleccion2E, #eleccion2F, #eleccion2G, #eleccion2H, #eleccion2I, #eleccion2J, #eleccion2K, #eleccion2L, #eleccion2M, #eleccion2N, #eleccion2O, #eleccion2P, #eleccion2Q, #eleccion2R{
width: 85%;
margin: 0 auto;
display: grid;
grid-template: 1fr / 23% 23% 23% 23%;
grid-column-gap: 2.66%;
grid-row-gap: 50px;
margin-bottom: 50px;
margin-top: 40px;
}
#aW{
font-size: 30px;
color: #1a46a1;
text-align: center;
margin-top: 70px;
padding-left: 10%;
padding-right: 10%;
}
#aW2{
padding-left: 10%;
padding-right: 10%;
font-size: 30px;
color: white;
text-align: center;
margin-top: 70px;
}
.tema{
width: 100%;
border-radius: 20px;
color: white;
padding: 22px;
border: 1px solid darkgray;
box-shadow: 7px 7px 0px 0px #1a46a1;
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
.texto{
width: 100%;
height: 100%;
padding: 20px;
color: black;
}
.invisFotoBan, .invisFotoPrin{
display:none;
}
#tivi{
text-align: center;
font-size: 27px;
font-weight: bolder;
}
#videoN{
width: 100%;
height: 400px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.titu{
font-size: 30px;
color: black;
}
.titu:hover{
cursor: pointer;
color: #1a46a1;
}
.horas{
margin-top: 20px;
font-size: 14px;
color: #8b8e96;
}
#granM{
width: 100%;
height: 60px;
display: flex;
justify-content: center;
flex-direction: row;
margin-top: 59px;
}
#granMH{
width: 100%;
height: 60px;
display: flex;
justify-content: center;
flex-direction: row;
margin-top: 30px;
}
#micro{
display: block;
}
.pos{
position:relative;
}
.micro2{
position: absolute;
left:23px;
top: 378px;
z-index: 1;
}
#fichaNo{
width: 80%;
margin: 0 auto;
}
#estado{
width: 100%;
height: 70px;
font-size: 30px;
text-align: center;
}
#dere{
margin: 0 auto;
}
#encab{
width: 100%;
padding-left: 10%;
padding-right: 10%;
font-size: 30px;
color: black;
font-weight: bolder;
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
#tex{
width: 100%;
font-size: 22px;
margin-bottom: 50px;
padding-left: 10%;
padding-right: 10%;
}
.mg{
margin-top: 40px;
}
#fichaNL{
width: 60%;
height: 400px;
}
#fichaSE{
margin: 0 auto;
width: 47%;
height: 270px;
padding-top: 40px;
}
.fich{
box-shadow: 12px 12px 0px 0px #1a46a1;
width: 80%; color: white;
border-radius: 20px;
margin-bottom: 50px;
padding: 20px;
border: 1px solid darkgray;
background: rgba(73,155,234,1);
background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 6%, rgba(26,70,161,1) 44%, rgba(26,70,161,1) 97%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(6%, rgba(73,155,234,1)), color-stop(44%, rgba(26,70,161,1)), color-stop(97%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 6%, rgba(26,70,161,1) 44%, rgba(26,70,161,1) 97%);
background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 6%, rgba(26,70,161,1) 44%, rgba(26,70,161,1) 97%);
background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 6%, rgba(26,70,161,1) 44%, rgba(26,70,161,1) 97%);
background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(73,155,234,1) 6%, rgba(26,70,161,1) 44%, rgba(26,70,161,1) 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1a46a1', GradientType=1 );
}
#fichaNL img{
display: block;
margin: 0 auto;
margin-top: 50px;
width: 80%;
}
#fecha{
color: white;
font-size: 17px;
margin-top: 62px;
text-align: center;
}
#fechaH{
color: white;
font-size: 17px;
margin-top: 35px;
text-align: center;
}
.news{
width: 100%;
height: 1000px;
background-color: blue;
}
#labandera{
width: 100%;
margin-top: 50px;
margin-bottom: 20px;
}
#labandera img{
width: 20%;
display: block;
margin: 0 auto;
}
#lafoto{
width: 100%;
}
#lafoto img{
width: 100%;
}
.ficha{
box-shadow: 12px 12px 0px 0px #1a46a1;
width: 100%;
height: 800px;
color: white;
border-radius: 20px;
margin-bottom: 50px;
padding: 20px;
border: 1px solid darkgray;
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
.ficha2{
position: relative;
box-shadow: 12px 12px 0px 0px #1a46a1;
width: 100%;
height: 880px;
color: white;
border-radius: 20px;
margin-bottom: 50px;
padding: 20px;
border: 1px solid darkgray;
background: rgba(73,155,234,1);
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
.video{
width: 100%;
height: 240px;
margin-bottom: 60px;
margin-top: 130px;
margin-left: -1.9%;
}
#aaa{
width: 100%;
}
.videoEsp{
margin-left: 16% !important;
width: 100%;
}
.videoTema{
width: 100%;
height: 200px;
}
.vTema{
width: 100%;
height: 100%;
border: 2px solid #fff;
}
.videoIa{
margin: 0 auto;
width: 55%;
height: 470px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-bottom: 5px;
}
.videoIaG{
margin: 0 auto;
width: 55%;
height: 250px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-bottom: 5px;
}
#videoI, #videoX{
margin: 0 auto;
width: 55%;
height: 470px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-bottom: 5px;
}
#tiraCur{
width: 100%;
height: 70px;
background-color: aqua;
color:black;
}
.todoAncho{
width: 100% !important;
}
#franja{
width: 100%;
height: 180px;
background-image: url(../img/panL.jpg);
background-size: cover;
background-position: 0px -127px;
background-repeat: no-repeat;
}
#franja2{
width: 100%;
height: 180px;
background-image: url(../img/panLor.jpg);
background-size: cover;
background-position: 0px -100px;
background-repeat: no-repeat;
}
#franja3{
width: 100%;
height: 180px;
background-image: url(../img/panCon.jpg);
background-size: cover;
background-position: 0px -370px;
background-repeat: no-repeat;
}
#franja4{
width: 100%;
height: 180px;
background-image: url(../img/pab.jpg);
background-size: cover;
background-position: 0px -700px;
background-repeat: no-repeat;
}
#franja5{
width: 100%;
height: 180px;
margin-top:60px;
margin-bottom: -10px;
background-image: url(../img/panSal.jpg);
background-size: cover;
background-position: 0px -200px;
background-repeat: no-repeat;
}
#franja6{
width: 100%;
height: 180px;
margin-top:60px;
margin-bottom: -10px;
background-image: url(../img/panHol.jpg);
background-size: cover;
background-position: 0px -120px;
background-repeat: no-repeat;
}
#franja7{
width: 100%;
height: 180px;
margin-top:60px;
margin-bottom: -10px;
background-image: url(../img/panRot.jpg);
background-size: cover;
background-position: 0px -119px;
background-repeat: no-repeat;
}
#gana{
margin: 0 auto;
border: 2px solid #1a46a1;
width: 50%;
height: 73%;
margin-bottom: 100px;
}
#granMi{
width: 100%;
}
#microEu{
margin: 0 auto;
padding: 20px;
border: 2px solid #1a46a1;
width: 30%;
margin-bottom: 110px;
margin-top: 10px;
}
#gana img{
width: 125%;
height: 100%;
}
#gana a:hover{
cursor: normal;
}
.vecesG{
width: 100%;
font-size: 17px;
color: white;
display: flex;
justify-content: flex-start;
}
iframe{
width: 64%;
height: 83%;
border-radius: 25px;
}
#videoInt{
width: 100%;
height: 100%;
}
.bandera{
width:50px;
height: 50px;
}
.banderaRefe{
width:30px;
height: 30px;
}
.bande{
width: 20%;
}
.bande img{
width: 80%;
}
.nomPais{
width: 80%;
font-size: 17px;
}
.bandera img{
width: 100%;
}
.paisRefe{
height: 50px;
margin-left: 10px;
font-size: 17px;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
.pais{
width: 100%;
height: 50px;
text-align: left;
font-size: 24px;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
#numVeces{
text-transform: uppercase;
text-align: center;
font-size: 28px;
font-weight: lighter;
margin-top: 5px;
color: #1a46a1;
}
#numVecesP{
text-transform: uppercase;
font-weight: bold !important;
text-align: center;
font-size: 30px;
font-weight: lighter;
margin-top: 65px;
color: #1a46a1;
}
h2{
text-align: center;
font-size: 38px;
font-weight: lighter;
margin-top: 30px;
}
#deca{
text-align: center;
font-size: 30px;
font-weight: lighter;
margin-top: 63px;
color: #1a46a1;
}
h4{
margin-bottom: 46px;
max-height: 10px;
font-size: 23px;
font-weight: lighter;
text-align: left;
}
.nota{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
margin-left: 10%;
}
.nota2{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
margin-left: 18%;
}
.notaRefe{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
.nota2Refe{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}
h5{
margin-bottom: -2px;
font-size: 29px;
font-weight: lighter;
color: #1a46a1;
}
.music{
display: grid;
grid-template: 1fr / 17% 83%;
height: 80px;
}
.music2A{
height: 60px;
display: flex;
justify-content: center;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
}
.music2B{
height: 60px;
display: flex;
justify-content: center;
border: 1px solid #dfdedd;
}
.botN{
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
}
.host{
margin-bottom: 30px;
font-weight: lighter;
font-size: 22px;
text-align: left;
display: flex;
justify-content: start;
align-items: center;
flex-direction: row;
}
.borde{
width: 100%;
height: 1px;
margin-top: 5px;
border-top: 1px solid black;
font-size: 22px;
text-align: left;
}
.borde2{
width: 100%;
height: 1px;
margin-bottom: -5px;
border-bottom: 1px solid black;
font-size: 22px;
text-align: left;
}
.botonEditar{
display: block;
margin: 0 auto;
width: 30%;
height: 40px;
font-size: 30px;
font-weight: lighter;
border-radius: 20px;
border: 1px solid darkgray;
background-color: #f4f4f4;
cursor: pointer;
}
.pulsador{
width: 100%;
border: 2px solid darkgray;
background-color: #1a46a1;
color: white;
padding: 8px;
padding-left: 15px;
border-radius: 20px;
margin-bottom: 30px;
text-decoration: none;
display: grid;
grid-template: 1fr / 19% 81%;
justify-content: space-around;
align-items: center;
}
.pulsador:hover{
box-shadow: inset 0px 0px 15px 6px #dcdde4d1;
cursor: pointer;
}
.pulsador2:hover{
box-shadow: inset 0px 0px 15px 6px #dcdde4d1;
cursor: pointer;
}
.pulsador2M:hover{
box-shadow: inset 0px 0px 15px 6px #dcdde4d1;
cursor: pointer;
}
.pulsador2P:hover{
box-shadow: inset 0px 0px 15px 6px #dcdde4d1;
cursor: pointer;
}
.vecesGan{
margin: 0 auto;
display: grid;
justify-content: center;
color: darkblue;
width: 50%;
height: 50%;
font-weight: bold;
font-size: 22px;
}
.pulsador2{
margin: 0 auto;
width: 51%;
height: 64px;
font-size: 25px;
border: 2px solid darkgray;
background-color: #1a46a1;
color: white;
cursor: pointer;
padding: 8px;
border-radius: 20px;
margin-bottom: 30px;
display: grid;
grid-template: 1fr / 35% 30% 35%;
}
.cifras, .cifras2, .cifras3{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
.pulsador2 a{
text-decoration: none;
color: black;
width: 100%;
}
.pulsador2M{
margin: 0 auto;
width: 60%;
height: 64px;
font-size: 25px;
border: 2px solid darkgray;
background-color: #1a46a1;
color: white;
cursor: pointer;
padding: 8px;
border-radius: 20px;
margin-bottom: 30px;
display: grid;
grid-template: 1fr / 30% 23% 47%;
}
.pulsador2M a{
text-decoration: none;
color: black;
width: 100%;
}
.pulsador2P{
margin: 0 auto;
width: 30%;
height: 64px;
font-size: 25px;
border: 2px solid darkgray;
background-color: #1a46a1;
color: white;
cursor: pointer;
padding: 8px;
border-radius: 20px;
margin-bottom: 30px;
display: grid;
grid-template: 1fr / 49% 51%;
}
.pulsador2P a{
text-decoration: none;
color: black;
width: 100%;
}
#volverEsp{
margin-bottom: 75px;
}
#album{
width: 100%;
color: #1a46a1;
text-align: center;
margin-bottom: 29px;
font-size: 22px;
font-weight: lighter;
padding-left: 10%;
padding-right: 10%;
}
#starsE{
width: 100%;
color: #1a46a1;
text-align: center;
margin-bottom: 39px;
margin-top: 30px;
font-size: 30px;
font-weight: lighter;
padding-left: 10%;
padding-right: 10%;
text-transform: uppercase;
}
#granSta{
width: 100%;
}
#sta{
width: 80%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
#jjj{
width: 100%;
height: 50px;
}
#decadaR3{
width: 100%;
color: #1a46a1;
text-align: center;
margin-bottom: 9px;
margin-top: 30px;
font-size: 27px;
font-weight: lighter;
padding-left: 10%;
padding-right: 10%;
}
#decadaR2{
color: #1a46a1;
text-align: center;
margin-bottom: 29px;
margin-top: 30px;
font-size: 27px;
font-weight: lighter;
padding-left: 10%;
padding-right: 10%;
}
#decadaR{
color: #1a46a1;
text-align: center;
margin-top: -20px;
font-size: 27px;
font-weight: lighter;
padding-left: 10%;
padding-right: 10%;
}
.granCl{
width: 100%;
}
#decada{
color: #1a46a1;
text-align: center;
margin-bottom: 29px;
margin-top: 50px;
font-size: 27px;
font-weight: lighter;
}
#decadaS, #decadaX{
color: #1a46a1;
text-align: center;
font-size: 27px;
font-weight: lighter;
}
.dejarEsp{
margin-bottom: 50px !important;
}
.de{
margin-bottom: 40px !important;
margin-top: -45px !important;
}
#decadaS2, #decadaS2X{
color: #1a46a1;
text-align: center;
margin-bottom: 29px;
margin-top: 30px;
font-size: 27px;
font-weight: lighter;
}
#decada2{
color: white;
text-align: center;
margin-bottom: 29px;
font-size: 25px;
font-weight: lighter;
margin-bottom: 29px
}
#pulsadores{
width: 70%;
margin-top: 30px;
margin-bottom: 80px;
}
.centr2{
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
img{
width: 100%;
}
.contenedor3{
margin: 0 auto;
max-width: 90%;
padding-top: 50px;
padding-bottom: 20px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 22% 22% 22% 22%;
justify-content: space-around;
margin-bottom: 50px !important;
}
.bandera2{
width: 45px;
height: 45px;
}
.bandera3{
width: 45px;
height: 45px;
margin-right: 5px;
margin-left: 5px;
}
.bandera img{
width: 100%;
}
.bandera2 img{
width: 100%;
}
.banPaisFicha{
width: 100%;
display: grid;
grid-template: 1fr / 17% 83%;
justify-content: space-around;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid black;
}
.numPues{
font-size: 27px;
margin-left: -60%;
}
.puesto{
width: 100%;
text-align: left;
padding-bottom: 20px;
margin-top: 20px;
font-size: 20px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.pais2{
width: 100%;
height: 30px;
font-size: 19px;
text-align: left;
text-transform: uppercase;
}
.header {
text-align: center;
padding: 32px;
}
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
.column {
-ms-flex: 25%; /* IE10 */
flex: 25%;
max-width: 25%;
padding: 0 4px;
}
.column img {
margin-top: 8px;
vertical-align: middle;
}
#envInicio1{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-top: 80px;
}
#envInicio2{
width: 80%;
background-color: #f4f4f3;
border: 2px solid #1a46a1;
padding: 20px;
padding-bottom: 27px;
margin-bottom: 80px;
}
.veces{
width: 70px;
height: 40px;
background-color: red;
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column {
-ms-flex: 50%;
flex: 50%;
max-width: 50%;
}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
}
@media (max-width: 1690px){
#fotFooter2 {
left: 91%;
}
#tablero{
width: 90%;
}
#volverTab{
margin-top: 30px;
}
#gana{
height: 65%;
}
#franja7{
background-position: 0px -90px;
}
#franja4{
background-position: 0px -610px;
}
#franja5{
background-position: 0px -30px;
}
#franja5{
background-position: 0px -140px;
}
#franja6{
background-position: 0px -100px;
}
#franja2{
background-position: 0px -80px;
}
#franja3{
background-position: 0px -310px;
}
#eleccion{
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
display: grid;
grid-template: 1fr / 17% 83%;
}
.noti {
height: 490px;
}
.referido{
top:200px;
}
}
@media (max-width: 1680px){
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
footer{
width: 100%;
height: 350px;
background-color: #1a46a1;
position: relative;
}
#contenedorWinners, #contenedorCountries, #contenedorEstrellas, #muestraTablero{
margin: 0 auto;
width: 85%;
padding-top: 40px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 31.33% 31.33% 31.33%;
justify-content: center;
grid-column-gap: 3%;
}
.pulsador2{
width: 55%;
}
.pulsador2M{
width: 73%;
}
.pulsador2P{
width: 32%;
}
}
@media (max-width: 1590px){
#gana{
height: 55%;
}
#franja4{
background-position: 0px -570px;
}
#franja3{
background-position: 0px -270px;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: 0px -150px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#eleccion2, #eleccion2A, #eleccion2B, #eleccion2C, #eleccion2D, #eleccion2E, #eleccion2F, #eleccion2G, #eleccion2H, #eleccion2I, #eleccion2J, #eleccion2K, #eleccion2L, #eleccion2M, #eleccion2N, #eleccion2O, #eleccion2P, #eleccion2Q, #eleccion2R{
width: 90%;
margin: 0 auto;
display: grid;
grid-template: 1fr / 23% 23% 23% 23%;
grid-column-gap: 2.66%;
grid-row-gap: 50px;
margin-bottom: 50px;
margin-top: 40px;
}
#seDer{
width: 100%;
display: grid;
grid-template: 1fr / 30% 30% 30%;
justify-content: space-around;
}
#eleccion{
width: 100%;
margin-top: 60px;
margin-bottom: 20px;
display: grid;
grid-template: 1fr / 17% 83%;
}
.referido{
top:170px;
}
#contNoticias, #contNoticias2 {
width: 100%;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 33.33% 33.33% 33.33%;
}
.noti{
height: 430px;
}
}
@media (max-width: 1550px){
#fichaSE {
width: 80%;
}
#sob{
width: 400px;
margin: 0 auto;
margin-top: 80px;
margin-bottom: 50px;
}
#notiParticular{
width: 95%;
display: grid;
grid-template: 1fr / 100%;
margin-bottom: 50px;
}
#fichaNo {
width: 60%;
margin: 0 auto;
margin-top: 50px;
}
#contenedorWinners, #contenedorCountries, #contenedorEstrellas, #muestraTablero{
margin: 0 auto;
width: 85%;
padding-top: 40px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 45% 45%;
justify-content: center;
grid-column-gap: 5%;
}
#pulsadores{
width: 100%;
}
#granPu{
display: block;
}
.pulsador2{
width: 49%;
}
.pulsador2M{
width: 58%;
}
.pulsador2P{
width: 27%;
}
}
@media (max-width: 1500px){
#desplegable{
display: none;
color: white;
background-color: #1a46a1;
position: absolute;
top: 110px;
left: 51.5%;
width: 350px;
height: 225px;
padding: 15px;
font-size: 18px;
}
#enlaces{
left: 0.2%;
width: 90%;
}
#grupoVideo{
margin: 0 auto;
width: 90%;
display: flex;
justify-content: space-around;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 30px;
margin-top: 40px;
}
#franja4{
background-position: 0px -530px;
}
#franja5{
background-position: 0px -100px;
}
#franja2{
background-position: 0px -50px
}
#franja6{
background-position: 0px -70px;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
.pulsador {
max-height: 110px;
display: grid;
grid-template: 46% 27% 27% / 1fr;
justify-content: center;
align-items: center;
padding: 5px;
}
footer {
width: 100%;
height: 350px;
background-color: #1a46a1;
position: relative;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 0px;
}
#fotFooter {
margin: 0 auto;
width: 30%;
}
.bandera2 {
width: 40px;
height: 40px;
margin: 0 auto;
}
.vecesG{
display: flex;
justify-content: center;
}
.pais2{
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 23px;
}
.blo{
display: block;
}
.vecesGan{
font-size: 35px;
}
.pulsador2{
width: 59%;
}
.pulsador2M{
width: 68%;
}
.pulsador2P{
width: 41%;
}
.mus1{
font-size: 43px;
}
.botV{
width: 15%;
}
}
@media (max-width: 1490px){
#franja7{
background-position: 0px -50px;
}
}
@media (max-width: 1450px){
#gana{
height: 47%;
}
#franja3{
background-position: 0px -240px;
}
#eleccion2, #eleccion2A, #eleccion2B, #eleccion2C, #eleccion2D, #eleccion2E, #eleccion2F, #eleccion2G, #eleccion2H, #eleccion2I, #eleccion2J, #eleccion2K, #eleccion2L, #eleccion2M, #eleccion2N, #eleccion2O, #eleccion2P, #eleccion2Q, #eleccion2R{
width: 90%;
margin: 0 auto;
display: grid;
grid-template: 1fr / 30% 30% 30%;
grid-column-gap: 5%;
grid-row-gap: 50px;
margin-bottom: 50px;
margin-top: 40px;
}
#seDer{
width: 100%;
display: grid;
grid-template: 1fr 1fr / 40% 40%;
grid-row-gap: 40px;
justify-content: space-around;
}
}
@media (max-width: 1400px){
#gana{
height: 45%;
}
#franja4{
background-position: 0px -490px;
}
#contNoticias, #contNoticias2 {
width: 100%;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 50% 50%;
}
.noti{
height: 400px;
}
.referido{
top: 150px;
}
}
@media (max-width: 1360px){
#fotFooter2 {
left: 90%;
}
}
@media (max-width: 1360px){
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 610px;
max-height: 520px;
width: 45%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
#gana{
height: 40%;
}
#franja{
background-position: 0px -85px;
}
#franja4{
background-position: 0px -460px;
}
#franja3{
background-position: 0px -210px;
}
#franja6{
background-position: 0px -40px;
}
#clasificacion, #clasificacionX{
width: 50%;
margin: 0 auto;
margin-bottom: 80px;
}
.botV{
width: 22%;
}
.videoIa{
width: 80%;
}
#videoI, #videoX{
width: 80%;
}
.pulsador2{
width: 59%;
}
.pulsador2M{
width: 76%;
}
.pulsador2P{
width: 35%;
}
}
@media (max-width: 1300px){
#bo{
border-right: 1px solid white;
}
.casilla{
border: 1px solid white;
padding-top: 5px;
padding-bottom: 5px;
}
#desplegable {
display: none;
color: white;
background-color: #1a46a1;
position: absolute;
top: 190px;
left: 0%;
width: 350px;
height: 225px;
padding: 15px;
font-size: 18px;
}
#fotFooter2 {
position: absolute;
left: 86%;
top: 120px;
width: 120px;
}
#ocultoMenu{
width: 100%;
height: 190px;
}
#enlaces{
grid-template: 1fr / 1fr 1fr 1fr 1fr;
grid-row-gap: 20px;
left: 2%;
}
@media (max-width: 1260px){
.elemVIAN{
width: 42%;
}
#franja7{
background-position: 0px 0px;
}
}
@media (max-width: 1250px){
#franja4{
background-position: 0px -400px;
}
#franja5{
background-position: 0px -70px;
}
#franja2{
background-position: 0px -10px
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
.carousel-inner {
height: 570px;
}
}
@media (max-width: 1140px){
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 610px;
max-height: 520px;
width: 55%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
#franja3{
background-position: 0px -180px;
}
#eleccion2, #eleccion2A, #eleccion2B, #eleccion2C, #eleccion2D, #eleccion2E, #eleccion2F, #eleccion2G, #eleccion2H, #eleccion2I, #eleccion2J, #eleccion2K, #eleccion2L, #eleccion2M, #eleccion2N, #eleccion2O, #eleccion2P, #eleccion2Q, #eleccion2R{
width: 90%;
margin: 0 auto;
display: grid;
grid-template: 1fr / 45% 45%;
grid-column-gap: 10%;
grid-row-gap: 50px;
margin-bottom: 50px;
margin-top: 40px;
}
.carousel-inner {
height: auto;
}
}
@media (max-width: 1100px){
#volverSS, #volverTab{
width: 20%;
}
#gana{
height: 37%;
}
#franja{
background-position: 0px -45px;
}
#franja4{
background-position: 0px -350px;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#seDer{
width: 100%;
display: grid;
grid-template: 1fr 1fr / 45% 45%;
grid-row-gap: 40px;
justify-content: space-around;
}
#logo{
top: 355px;
}
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -200px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
.pulsador2{
width: 69%;
}
.pulsador2M{
width: 88%;
}
.pulsador2P{
width: 40%;
}
#fotFooter {
margin: 0 auto;
width: 50%;
}
.pais2{
text-align: center;
font-size: 19px;
display: flex;
justify-content: start;
align-items: center;
margin-top: 23px;
}
.bandera2 {
width: 40px;
height: 40px;
margin: 0 auto;
}
.vecesG{
display: flex;
justify-content: center;
}
.pais2{
text-align: center;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
}
.contenedor3{
max-width: 95%;
display: grid;
grid-template: 1fr / 22% 22% 22% 22%;
justify-content: space-around;
}
.pulsador {
max-height: 110px;
display: grid;
grid-template: 46% 27% 27% / 1fr;
justify-content: center;
align-items: center;
padding: 5px;
}
}
@media (max-width: 1024px){
#flechA{
display:none;
}
.active{
display:block;
padding-bottom: 0px;
border-bottom: none;
box-shadow: inset 0.2px 0.2px 11px 1px white;
}
.casilla{
border:1px solid white;
padding:2px;
padding-top: 5px;
padding-bottom: 5px;
}
#opt1{
border-right: 1px solid white;
}
#alf2{
padding-right: 2%;
}
#desplegable {
top: 260px;
}
#ocultoMenu{
display: none;
}
#enlaces{
display: none;
grid-column-gap:2%;
}
#fotFooter2 {
display:none;
}
#enlaces{
grid-template: 1fr / 1fr 1fr 1fr 1fr;
grid-row-gap: 20px;
left: 4.5%;
top: 90px;
}
#menu{
width: 100%;
height: 70px;
display: flex;
justify-content:space-between;
padding-left: 4%;
padding-right: 4%;
align-items: center;
flex-direction: row;
background: rgba(5,95,173,1);
background: -moz-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,95,173,1)), color-stop(81%, rgba(26,70,161,1)), color-stop(88%, rgba(26,70,161,1)), color-stop(100%, rgba(26,70,161,1)));
background: -webkit-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -o-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: -ms-linear-gradient(left, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
background: linear-gradient(to right, rgba(5,95,173,1) 0%, rgba(26,70,161,1) 81%, rgba(26,70,161,1) 88%, rgba(26,70,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#055fad', endColorstr='#1a46a1', GradientType=1 );
}
#alca{
padding: 3px;
padding-top: 5px;
width: 27px;
height: 37px;
display: grid;
grid-template: 1fr 1fr 1fr / 1fr;
grid-row-gap: 3px;
background-color: white;
color: #1a46a1;
border: 1px solid #1a46a1;
border-radius: 10px;
}
#alca2{
padding: 3px;
padding-top: 5px;
width: 27px;
height: 37px;
display: grid;
grid-template: 1fr 1fr 1fr / 1fr;
grid-row-gap: 3px;
background-color: white;
color: #1a46a1;
border: 1px solid #1a46a1;
border-radius: 10px;
margin-right: 9%;
}
.alcach{
background-color: #1a46a1;
margin: 0 auto;
width: 70%;
height: 5px;
}
#anteriores {
width: 80%;
}
#edic{
width: 60%;
}
#franja3{
background-position: 0px -150px;
}
#franja6{
background-position: 0px 0px;
}
.carousel-indicators{
display:none;
}
#tiraRot2 {
padding-top: 0px;
height: 40px;
}
#tiraRot {
padding-top: 0px;
height: 40px;
}
##tiraRotTrans{
padding-top: 0px;
height: 40px;
}
##tiraRotTrans2{
padding-top: 0px;
height: 40px;
}
#logo{
top: 350px;
}
#rote{
top: 450px;
}
#cabeceraO{
height: 540px;
}
}
@media (max-width: 970px){
#volverNoticias{
margin-top: -10px;
}
.fotoNoti{
width: 50%;
}
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 610px;
max-height: 520px;
width: 60%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
#myCarousel3 {
margin-bottom: -40px;
}
#franja4{
background-position: 0px -300px;
}
#eleccion {
display: flex;
flex-direction: column;
}
#seIzq{
margin-bottom: 40px;
height: 400px;
}
#fichaSE {
width: 30%;
}
#seDer{
margin: 0 auto;
width: 80%;
display: grid;
grid-template: 1fr 1fr / 70%;
grid-row-gap: 40px;
justify-content: space-around;
}
#notiParticular{
width: 100%;
}
#encab{
padding-left: 30px;
padding-right: 30px;
}
#tex{
padding-left: 30px;
padding-right: 30px;
}
#contenedorNews {
margin: 0 auto;
width: 100%;
margin-bottom: 50px;
flex-wrap: wrap;
display: grid;
grid-template: 500px 1fr / 100%;
}
#logoNL{
margin-top: 0px;
margin: 0 auto;
}
#contNoticias, #contNoticias2 {
width: 100%;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 100%;
}
.noti{
height: 400px;
}
.referido{
top: 150px;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -50px 0px;
background-repeat: no-repeat;
position: relative;
}
#myCarousel2{
display: block;
}
.carousel-inner {
height: 315px;
}
.videoIa{
width: 80%;
height: 350px;
}
#videoI, #videoX{
width: 80%;
height: 350px;
}
.video {
width: 100%;
margin-bottom: 65px;
}
.ficha{
height: 815px;
}
.ficha2{
height: 910px;
}
#contenedorWinners, #contenedorCountries, #contenedorEstrellas, #muestraTablero{
margin: 0 auto;
width: 85%;
padding-top: 40px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 90%;
justify-content: center;
}
.cifras{
margin: 0 auto;
margin-bottom: 12px;
width: 74%;
border: 2px solid darkgray;
}
.cifras2{
margin: 0 auto;
margin-bottom: 12px;
width: 59%;
border: 2px solid darkgray;
}
.cifras3{
margin: 0 auto;
margin-bottom: 12px;
margin-top: 5px;
width: 78%;
border: 2px solid darkgray;
}
.pulsador2{
width: 44%;
display: grid;
grid-template: 33.3% 33.3% 33.3% / 1fr;
grid-row-gap: 5px;
height: 175px;
font-size: 26px !important;
}
.pulsador2M{
width: 61%;
display: grid;
grid-template: 33.3% 33.3% 33.3% / 1fr;
grid-row-gap: 5px;
height: 175px;
font-size: 26px;
}
.pulsador2P{
width: 41%;
display: grid;
grid-template: 50% 50% / 1fr;
grid-row-gap: 5px;
height: 120px;
font-size: 26px;
}
.bandera3{
width: 38px;
}
#pulsadores{
display: flex;
justify-content: center;
flex-direction: column;
}
.contenedor3{
max-width: 95%;
display: grid;
grid-template: 1fr / 30% 30% 30%;
justify-content: space-around;
}
#logo{
top: 370px;
}
#rote{
top: 470px;
}
}
@media (max-width: 890px){
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 610px;
max-height: 520px;
width: 70%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
#gana{
height: 33%;
}
#franja4{
background-position: 0px -250px;
}
}
@media (max-width: 850px){
#anniosss{
width: 100%;
}
#gana{
height: 30%;
}
#franja5{
background-position: 0px -30px;
}
#franja3{
background-position: 0px -100px;
}
#microEu{
width: 50%;
}
#logo{
top: 340px;
}
.video {
width: 100%;
margin-bottom: 65px;
}
.ficha{
height: 800px;
}
.ficha2{
height: 880px;
}
#fotFooter {
margin: 0 auto;
width: 45%;
}
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -380px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -250px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -240px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: -90px 0px;
background-repeat: no-repeat;
position: relative;
}
#dec{
font-size: 14px;
}
#dec2 {
font-size: 14px;
}
}
@media (max-width: 890px){
#franja4{
background-position: 0px -200px;
}
}
@media (max-width: 760px){
#alf2{
padding-left: 3%;
padding-right: 3%;
}
#desplegable {
display: none;
color: white;
background-color: #1a46a1;
position: absolute;
top: 355px;
left: 0%;
width: 350px;
height: 225px;
padding: 15px;
font-size: 18px;
}
#fotFooter2 {
position: absolute;
left: 80%;
top: 220px;
width: 120px;
}
#ocultoMenu{
height: 310px;
}
#enlaces{
grid-template: 1fr / 1fr 1fr;
grid-row-gap: 20px;
}
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 610px;
max-height: 520px;
width: 80%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
#gana{
height: 25%;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: -60px 0px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#logo{
top: 370px;
}
}
@media (max-width: 700px){
#enlaces a {
font-size: 16px;
}
#fotFooter2 {
position: absolute;
left: 78%;
top: 200px;
width: 90px;
}
#desplegable {
display: none;
color: white;
background-color: #1a46a1;
position: absolute;
top: 320px;
left: 0%;
width: 350px;
height: 225px;
padding: 15px;
font-size: 18px;
}
#ocultoMenu{
height: 270px;
}
.casilla{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin-bottom: -10px;
}
.dime{
width: 90% !important;
}
.titVIAN{
font-size: 21px;
}
.ff{
font-size: 18px;
}
#volverSS, #volverTab{
width: 35%;
}
.micro2{
top: 478px;
}
#franja4{
background-position: 0px -160px;
}
#album{
font-size: 19px;
}
#eleccion2, #eleccion2A, #eleccion2B, #eleccion2C, #eleccion2D, #eleccion2E, #eleccion2F, #eleccion2G, #eleccion2H, #eleccion2I, #eleccion2J, #eleccion2K, #eleccion2L, #eleccion2M, #eleccion2N, #eleccion2O, #eleccion2P, #eleccion2Q, #eleccion2R{
width: 90%;
margin: 0 auto;
display: grid;
grid-template: 1fr / 100%;
grid-row-gap: 50px;
margin-bottom: 50px;
margin-top: 40px;
}
#rote{
font-size: 21px;
top:280px;
left: 33%;
}
#clasificacion, #clasificacionX{
width: 60%;
margin: 0 auto;
margin-bottom: 80px;
}
.botV{
width: 27%;
}
#numVeces {
text-transform: uppercase;
font-size: 23px;
padding-left: 20px;
padding-right: 20px;
}
#numVecesP {
text-transform: uppercase;
font-weight: bold;
font-size: 25px;
padding-left: 20px;
padding-right: 20px;
}
.video {
width: 100%;
margin-bottom: 65px;
}
.ficha{
height: 800px;
}
.ficha2{
height: 870px;
}
#decadaR2, #decadaR3, #starsE {
font-size: 22px;
}
#decadaR {
font-size: 21px;
}
#decada {
font-size: 22px;
}
#decadaS, #decadaX {
font-size: 21px;
}
#decadaS2, #decadaS2X {
font-size: 21px;
}
#decada2 {
font-size: 21px;
}
.videoIa{
width: 100%;
height: 350px;
}
#videoI, #videoX{
width: 100%;
height: 350px;
}
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: -89px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -410px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -240px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -250px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: -90px 0px;
background-repeat: no-repeat;
position: relative;
}
.contenedor3{
max-width: 95%;
display: grid;
grid-template: 1fr / 47% 47%;
justify-content: space-around;
}
.videoTema{
height: 300px;
}
}
@media (max-width: 895px){
#franja4{
background-position: 0px -250px;
}
}
@media (max-width: 670px){
#anteriores {
width: 90%;
}
#edic{
width: 90%;
}
#rank, #rank2, #rankEstr{
font-size: 23px;
}
.numerito{
font-size: 14px;
}
.tablB, .tablC {
font-size: 15px;
}
.tablA {
font-size: 20px;
}
#aW2, #aW{
font-size: 25px;
}
figure.snip0015 h2,
figure.snip0015 p {
display:none;
}
#gana{
width: 80%;
height: 37%;
}
#myCarousel3{
width: 80%;
}
#franja5{
background-position: 0px -10px;
}
#franja3{
background-position: 0px -50px;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: -90px 0px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#fichaSE {
width: 50%;
}
#seDer{
width: 100%;
display: grid;
grid-template: 1fr 1fr / 90%;
grid-row-gap: 40px;
justify-content: space-around;
}
#logoNL {
width: 60%;
}
#icOtros{
display: block;
}
#icOtrosR{
display: block;
}
#icOtrosS{
display: block;
}
#pulsadores {
margin-bottom: -20px;
}
h5 {
font-size: 21px;
}
h1{
font-size: 24px !important;
}
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: -119px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -460px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -300px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -310px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: -100px 0px;
background-repeat: no-repeat;
position: relative;
}
.pulsador2{
width: 48%;
}
.pulsador2M{
width: 69%;
}
.pulsador2P{
width: 49%;
}
}
@media (max-width: 790px){
#franja4{
background-position: 0px -150px;
}
.elemVIAN{
width: 80%;
}
}
@media (max-width: 670px){
#sob{
margin-bottom: 70px;
}
}
@media (max-width: 600px){
footer {
width: 100%;
height: 450px;
background-color: #1a46a1;
position: relative;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 0px;
}
figure.snip0015 {
font-family: 'Raleway', Arial, sans-serif;
color: #fff;
position: relative;
overflow: hidden;
margin: 10px;
min-width: 220px;
max-width: 610px;
max-height: 520px;
width: 90%;
background: #000000;
text-align: center;
border: 1px solid #1a46a1;
margin-bottom: 60px;
}
#myCarousel3 {
margin-bottom: 40px;
}
}
@media (max-width: 590px){
.botV2{
width: 30%;
}
#gana{
width: 80%;
height: 33%;
}
.micro2{
top: 417px;
}
.videoTema{
height: 239px;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: -200px 0px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
.carousel-inner {
height: auto;
}
#clasificacion, #clasificacionX{
width: 75%;
margin: 0 auto;
margin-bottom: 80px;
}
.botV{
width: 30%;
}
.video {
width: 100%;
margin-bottom: 65px;
}
.ficha{
height: 785px;
}
.ficha2{
height: 870px;
}
#decadaR2, #decadaR3, #starsE {
font-size: 22px;
}
#decadaR {
font-size: 22px;
}
#decada {
font-size: 22px;
}
#decadaS {
font-size: 22px;
}
#decadaS2, #decadaS2X {
font-size: 22px;
}
#decada2 {
font-size: 22px;
}
.pulsador2{
width: 56%;
}
.pulsador2M{
width: 77%;
}
.pulsador2P{
width: 57%;
}
#fotFooter {
margin: 0 auto;
width: 65%;
}
.pulsador2{
width: 66%;
}
.pulsador2M{
width: 87%;
}
.pulsador2P{
width: 67%;
}
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: -169px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
margin-top: -10px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -120px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
margin-top: -10px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -320px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera0{
margin-top: -10px;
width: 100%;
height: 540px;
margin-top: -10px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -320px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
margin-top: -10px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: -160px 0px;
background-repeat: no-repeat;
position: relative;
}
.borde{
font-size: 19px !important;
}
.borde2{
font-size: 19px !important;
}
.host{
font-size: 23px;
}
}
@media (max-width: 550px){
.casilla{
padding-left: 0%;
}
@media (max-width: 530px){
#enlaces{
left: 5%;
}
.ann{
padding-top: 30px;
}
h2{
font-size: 20px !important;
margin-top: -10px !important;
}
#sob{
width: 300px;
}
.card{
width: 300px;
}
.bandera3{
width: 26px;
}
#banEspe{
width: 26px;
}
#gana{
width: 80%;
height: 30%;
}
.tit2Footer{
margin: 0 auto;
width: 70%;
text-align: justify;
font-size: 18px;
color: white;
}
#franja{
background-position: 0px 0px;
}
#franja3{
background-position: 0px 0px;
}
#gana{
width: 80%;
}
#microEu{
width: 60%;
}
#fichaNo {
width: 80%;
}
#logo{
top: 330px;
}
#ficha{
height: 760px;
}
.tv {
position: absolute;
top: 42px;
left: 0.8%;
z-index: -1;
width: 100%;
height: 350px;
}
iframe {
width: 65%;
height: 64%;
border-radius: 20px;
}
.video {
width: 100%;
margin-top: 100px;
}
#clasificacion, #clasificacionX{
width: 80%;
margin: 0 auto;
margin-bottom: 80px;
}
.banPaisFicha, .puesto, .music{
display: grid;
grid-template: 1fr / 20% 80%;
}
#logo {
left: 5.2%;
}
#caRev{
width: 100%;
height: 540px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: -169px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -450px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -370px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -370px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 540px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: -200px 0px;
background-repeat: no-repeat;
position: relative;
}
}
@media (max-width: 610px){
#franja4{
background-position: 0px -130px;
}
}
@media (max-width: 500px){
#rote{
font-size: 19px;
top:280px;
left: 33%;
}
.cancion2{
font-size: 16px;
}
.elemVIAN{
width: 90%;
}
.fotoNoti{
width: 100%;
}
#logoAntiguo{
width: 220px;
height: 220px;
}
#gana{
width: 80%;
height: 27%;
}
.all{
width: 83%;
font-size: 16px;
}
.efecto{
height: auto;
}
#seDer {
width: 80%;
}
#logoNL{
width: 80%;
}
.carousel-inner {
max-height: 241px;
}
.pais{
font-size: 25px;
}
.cancion{
font-size: 17px;
}
.puesto{
font-size: 17px;
}
}
@media (max-width: 570px){
#franja4{
background-position: 0px -90px;
}
}
@media (max-width: 510px){
#franja4{
background-position: 0px -40px;
}
}
@media (max-width: 475px){
#fotFooter2 {
position: absolute;
left: 75%;
top: 212px;
width: 85px;
}
.ensena{
padding: 5px;
}
.numerito{
font-size: 11px;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: -100px 0px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
#logo{
top: 330px;
}
.tv {
position: absolute;
top: 47px;
left: 0.8%;
z-index: -1;
width: 100%;
height: 335px;
}
iframe {
width: 67%;
height: 83%;
border-radius: 20px;
}
.botV{
width: 35%;
}
#contenedorWinners, #contenedorCountries, #contenedorEstrellas, #muestraTablero{
margin: 0 auto;
width: 95%;
padding-top: 40px;
flex-wrap: wrap;
display: grid;
grid-template: 1fr / 90%;
justify-content: center;
}
.puesto, .music{
display: grid;
grid-template: 1fr / 25% 75%;
}
.banPaisFicha {
width: 100%;
display: grid;
grid-template: 1fr / 25% 75%;
justify-content: space-around;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid black;
}
.video {
width: 100%;
height: 181px;
margin-bottom: 65px;
}
.ficha{
height: 690px;
}
.ficha2{
height: 770px;
}
h4{
font-size: 21px;
margin-top: 50px;
}
.host{
font-size: 19px;
}
.bandera3 {
width: 30px;
}
.pulsador2{
width: 76%;
}
.pulsador2M{
width: 95%;
}
.pulsador2P{
width: 71%;
}
#caRev{
width: 100%;
height: 370px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: -69px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -300px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -220px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -200px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/win.jpg);
background-size: cover;
background-position: -130px 0px;
background-repeat: no-repeat;
position: relative;
}
.videoIa{
height: 270px;
}
.videoI, .videoX{
height: 270px;
}
#videoN{
height: 250px;
}
#videoNot{
width: 90%;
}
}
@media (max-width: 450px){
.videoTema{
height: 200px;
}
#gana{
width: 80%;
height: 23%;
}
#logoNL {
width: 100%;
}
#tex{
font-size: 21px;
}
.pais{
font-size: 18px;
}
.pulsador{
max-height: 130px;
padding-bottom: 13px !Important;
}
.pais2{
height: 45px;
margin-top: 30px;
}
.micro2{
top: 378px;
}
}
@media (max-width: 440px){
#franja4{
background-position: 0px 0px;
}
}
@media (max-width: 400px){
#alca2 {
padding: 3px;
padding-top: 5px;
width: 27px;
height: 37px;
display: grid;
grid-template: 1fr 1fr 1fr / 1fr;
grid-row-gap: 3px;
background-color: white;
color: #1a46a1;
border: 1px solid #1a46a1;
border-radius: 10px;
margin-right: 4%;
}
#fotFooter2 {
position: absolute;
left: 75%;
top: 230px;
width: 85px;
}
#desplegable {
display: none;
color: white;
background-color: #1a46a1;
position: absolute;
top: 350px;
left: 0%;
width: 350px;
height: 225px;
padding: 15px;
font-size: 16px;
}
#ocultoMenu{
height: 280px;
}
#bo{
padding-right: 7%;
padding-left: 7%;
}
#enlaces a {
font-size: 16px;
}
#rote{
font-size: 15px;
}
#dec{
font-size: 12px;
}
#dec2{
font-size: 12px;
}
.botV{
font-size: 17px;
}
#volverEsp{
margin-bottom: 65px;
}
#gana{
width: 80%;
height: 29%;
}
#cabeceraS {
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/conchita.jpg);
background-size: cover;
background-position: -180px 0px;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid #1a46a1;
}
.carousel-inner {
max-height: 186px;
}
.tv {
position: absolute;
top: 48px;
left: 0.8%;
z-index: -1;
width: 100%;
height: 335px;
}
iframe {
width: 67%;
height: 83%;
border-radius: 20px;
}
#caRev{
width: 100%;
height: 380px;
overflow: hidden;
}
#cabeceraCur{
width: 100%;
height: 103%;
background-image: url(../img/bon.jpg);
background-size: cover;
background-position: -114px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabecera{
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/dun.jpg);
background-size: cover;
background-position: -310px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraC{
width: 100%;
height: 390px;
background-image: url(../img/coun.jpg);
background-size: cover;
background-position: -255px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraO{
margin-top: -10px;
width: 100%;
height: 380px;
background-image: url(../img/otr.jpg);
background-size: cover;
background-position: -222px 0px;
background-repeat: no-repeat;
position: relative;
}
#cabeceraW{
margin-top: -10px;
width: 100% !important;
height: 380px;
background-image: url(../img/win.jpg);
background-size:cover;
background-position: -140px 0px;
background-repeat: no-repeat;
position: relative;
}
.botV{
width: 37%;
}
.videoIa{
height: 230px;
}
#videoI, #videoX{
height: 230px;
}
#logo{
top: 400px;
}
}
@media (max-width: 385px){
#gana{
min-height: 33% !important;
}
}
@media (max-width: 374px){
#fotFooter2 {
position: absolute;
left: 71%;
top: 230px;
width: 85px;
}
#desplegable {
display: none;
color: white;
background-color: #1a46a1;
position: absolute;
top: 350px;
left: 0%;
width: 320px;
height: 225px;
padding: 15px;
font-size: 14px;
}
#bo{
padding-right: 9%;
padding-left: 9%;
}
#enlaces a {
font-size: 14px;
}
.pulsador2{
font-size: 24px;
}
.bandera3{
width: 26px;
}
.tablB, .tablC{
font-size: 13px !important;
}
.tablA{
font-size: 16px !important;
}
.numerito{
font-size: 11px;
}
.banPaisFicha {
width: 100%;
display: grid;
grid-template: 1fr / 29% 71%;
justify-content: space-around;
align-items: center;
padding-bottom: 20px;
border-bottom: 1px solid black;
}
.micro2{
top: 338px;
}
.videoTema{
height: 160px;
}
.video{
height: 158px;
margin-top: 87px;
margin-left: -2.6%;
width: 102%
}
.tv{
height: 300px;
left: 2%;
}
iframe{
border-radius: 17px;
}
#franja2{
margin-bottom: -10px;
}
.pais2{
font-size: 15px;
}
#estado{
height: 120px;
}
.music{
height: 100px;
}
.refe {
width: 230px;
}
}
/*Aumentamos el tamaño de los indicadores solo si es mayor que, o sea conrtolo el minimo*/
@media (min-width: 970px){
.carousel-indicators .active{
width: 22px !important;
height: 22px !important;
}
.carousel-indicators li{
width: 20px !important;
height: 20px !important;
}
}