@charset "utf-8";
@font-face {
font-family: 'Agency';
src: url(../"../font/agency-fb_[allfont.net].ttf");
font-weight: normal;
font-style: normal;
}
*{
font-family: 'Agency', arial;
}
.principal{
background-image: url("../Imagenes/MARACANA.jpg");
background-repeat: no-repeat;
background-size: 140em;
height: 110em;
width: 100%;
background-position: center;
}
.principal2{
background-image: url("../Imagenes/MARACANA3.jpg");
background-repeat: no-repeat;
background-size: 100%;
height: 39em;
width: 100%;
background-position: center;
justify-content: center;
}
.principal3{
background-image: url("../Imagenes/MARACANA3.jpg");
background-repeat: no-repeat;
background-size: 100%;
height: 33.5em;
width: 40.5em;
background-position: center;
justify-content: center;
margin: 0
}
.cartafondo{
margin: 0;
padding: 0;
display: inline;
}
.boton{
background-color: transparent;
border: 0;
display: inline;
}
.boton2{
margin: 0;
padding: 0;
background-color: transparent;
border: 0;
display: inline;
}
.imgboton{
margin: 0;
padding: 0;
height: 13.85em;
display: inline;
}
.imgboton1{
margin: 0;
padding: 0;
height: 11.9em;
display: inline;
}
.imgentrenador{
height: 12em;
width: auto;
object-position: center;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
}
.paraboton{
z-index: 4;
height: 16em;
width: auto;
object-position: center;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
}
.paraboton2{
z-index: 4;
height: 16em;
width: auto;
object-position: center;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
}
.boton:focus{
outline: 0;
}
.boton2:focus{
outline: 0;
}
.modal-dialog {
width: 90%;
}
.seleccionado{
background-image: radial-gradient(red, rgba(255,0,0,0))
}
.flecha1{
margin-left: -4.5em;
height: 5em;
position: absolute;
z-index: 1;
}
.texto{
background-color: rgba(18,68,184,0.70);
color: white;
font-size: 125%;
z-index: 4;
}
.txtres{
display: inline;
}
.txtresl{
float: left;
}
.txtresr{
float: right;
}
.imgres{
width: 75%;
}
.lineas2{
height: 4em;
}
.boton1{
font-size:2em;
font-family: 'Agency FB', arial;
font-weight:bold;
color:white;
background:#204AC8;
width:49.5%;
height:3em;
text-shadow: 1px 2px rgba(0,0,0,0.4);
border-radius: 3px;
border: 5px outset #204AC8;
}
.boton1:active{
font-size:2em;
font-family: 'Agency FB', arial;
font-weight:bold;
color:white;
background: #1D1DB8;
width:49%;
height:2.9em;
border-radius: 3px;
margin: 0 0.25% 0 0.25%;
border: 5px inset #1D1DB8;
}
.btnsimular{
font-size:2em;
font-family: 'Agency FB', arial;
font-weight:bold;
color:white;
background:#204AC8;
width:100%;
height:3em;
text-shadow: 1px 2px rgba(0,0,0,0.4);
border-radius: 3px;
border: 5px outset #204AC8;
}
.btnsimular:active{
font-size:2em;
font-family: 'Agency FB', arial;
font-weight:bold;
color:white;
background: #1D1DB8;
width:100%;
height:2.9em;
border-radius: 3px;
margin: 0 0.25% 0 0.25%;
border: 5px inset #1D1DB8;
}
#resultados .modal-body{
background-color: rgba(65,125,193,1.00);
}
#Worldcup .modal-body{
background-color: rgba(65,125,193,1.00);
}
#Worldcup .modal-footer{
background-color: rgba(65,125,193,1.00);
}
.modal-title{
text-align: center;
}
.resdiv{
height: 0;
}
.copa{
position: absolute;
height: 5em;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
margin-top: -5em;
margin-left: -2em;
display: none;
}
.imgres{
height: 9em;
width: auto;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
}
.imgres1{
height: 7.7em;
width: auto;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
}
progress {
display: block; /* default: inline-block */
width: 100%;
margin-bottom: 2em;
padding: 4px;
border: 0 none;
background: #444;
border-radius: 14px;
box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
progress::-moz-progress-bar {
border-radius: 12px;
background: #0F0;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);
}
/* webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
progress {
height: 25px;
}
}
progress::-webkit-progress-bar {
background: transparent;
}
progress::-webkit-progress-value {
border-radius: 12px;
background: #0F0;
box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);
}
/* environnement styles */
.textores{
background-color: rgba(65,125,193,1.00);
width: 100%;
text-align: center;
border: 0;
color: white;
}
.textores0{
background-color: rgba(65,125,193,.6);
width: 4.4em;
text-align: center;
border: 0;
color: white;
}
.textores1{
background-color: rgba(65,125,193,1.00);
width: 100%;
text-align: right;
border: 0;
color: white;
}
.textores2{
background-color: rgba(65,125,193,1.00);
width: 100%;
text-align: left;
border: 0;
color: white;
}
.textores3{
background-color: rgba(65,125,193,1.00);
width: 100%;
text-align: center;
border: 0;
color: white;
font-size: 1em;
}
.textoresvrs{
background-color: rgba(65,125,193,1.00);
width: 100%;
text-align: center;
border: 0;
color: white;
font-size: 1em;
}
.pedestal{
position: absolute;
height: 5em;
filter: drop-shadow(0.7em 0.7em 0.5em rgba(0,0,0,0.4));
margin-left: 1.4em;
margin-top: 14.2em;
z-index: 0;
}
.pedestxt{
position: absolute;
font-size: 1.8em;
margin-left: 2.2em;
margin-top: 8.9em;
}
.pedestxt2{
position: absolute;
font-size: 1.6em;
margin-left: 2.1em;
margin-top: 10em;
}
.Quimica{
position: absolute;
width: 100%;
}
.linea{
position: absolute;
width: 2em;
}
.Valores{
width: auto;
margin-top: 1em;
margin-left: 83%;
position: fixed;
}
.h1pro{
color: white;
}
.disquete{
margin-top: -2em;
margin-left: -8em;
height: 2em;
position: absolute;
filter: drop-shadow(0.5em 1em 0.5em rgba(0,0,0,0.4));
display: none;
}
.equipovrs{
width: 41.2em;
}
.equipovrs:hover{
width: 41.2em;
cursor: pointer;
}
.equipovrs:active{
margin-top: -25%;
margin-left: -40%;
width: 60em;
position: absolute;
z-index: 100;
}
.barra2{
width: 11em;
}
.equipos .col-lg-6{
margin: 0;
padding: 0 0 0 0.6em;
}
.goles1{
height: 25.8em;
width: 7em;
border: 0;
text-align: right;
background-color: rgba(0,0,0,0.75);
color: white;
margin-top: 6em;
}
.goles2{
height: 25.8em;
width: 7em;
border: 0;
text-align: left;
background-color: rgba(0,0,0,0.75);
color: white;
margin-top: 6em;
}
.marcador{
margin-top: -32.66em;
position: absolute;
margin-left: 40.5%;
}
.titulores{
width: 100%;
text-align: center;
color: white;
}
.reloj{
width: 9.325em;
border: 0;
text-align: center;
position: absolute;
color: white;
background-color: rgba(0,0,0,0.75);
margin-top: 2.5em;
font-size: 1.5em;
}
.anotados{
width: 5.6em;
border: 0;
text-align: center;
color: white;
background-color: rgba(0,0,0,0.75);
position: absolute;
font-size: 2.5em;
}
.nextmatch{
font-size:2em;
font-family: 'Agency FB', arial;
font-weight:bold;
color:white;
background:#204AC8;
width:100%;
height:2em;
text-shadow: 1px 2px rgba(0,0,0,0.4);
border-radius: 3px;
border: 5px outset #204AC8;
position: absolute;
margin-top: 14em;
}
.nextmatch:active{
font-size:2em;
font-family: 'Agency FB', arial;
font-weight:bold;
color:white;
background: #1D1DB8;
width:100%;
height:2em;
border-radius: 3px;
margin: 0 0.25% 0 0.25%;
border: 5px inset #1D1DB8;