#arma-equipo-contenedor {
list-style-type: none;
padding:0px;
margin:0px;
background-image: url(../img/arma-equipo-fondo.png);
background-repeat: no-repeat;
background-position: center top;
clear:both;
margin: 10px 10px;
border: 3px solid #fff;
height: 1100px;
position: relative;
z-index: 1;
}

#arma-equipo-contenedor > li {
position: absolute;
background-image: url(../img/load2.gif);
background-repeat: no-repeat;
background-position: center center;
width:100px;
min-height: 100px;
background-color: #fff;
padding: 2px 8px;
border-radius: 4px;
}

#arma-equipo-contenedor.resultados > li {
background-image: none;
padding:0px;
width:120px;
}

#arma-equipo-contenedor.resultados li img {
width:100%;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
} 

#arma-equipo-contenedor.resultados li > span {
text-align: center;
display: block;
background-color: #efefef;
font-weight: bold;
font-size: 11px;
padding: 2px 0px;
}

#arma-equipo-contenedor.resultados li div.arm-eq {
display: block;
background-color: #152947;
padding: 5px 2px;
color: #fff;
font-size: 11px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#arma-equipo-contenedor.resultados li div.arm-eq span {
font-weight: bold;
font-size: 13px;
color: #FF9800;
margin: 0px 3px;
}

#OPP-poll-question-text {
text-align: center!important;
font-size: 12px!important;
}

div.OPP-poll-choice-text {
font-size: 11px!important;
}

div.OPP-div-around-poll > div.OPP-choiceBar {
margin-top:2px;
height: 7px!important;
}

div.OPP-choiceBar > div {
border: 0px!important;
}

#arma-equipo-contenedor li > a {
display: none;
}

span#OPP-result-link-text {
display: block!important;
margin-bottom: 7px!important;
margin-top:-7px!important;
}

td.OPP-poll-choice-td-content label {
font-size: 11px!important;
}

div.OPP-result-summary {
margin-top:5px!important;
display: block!important;
text-align: center!important;
}

#OPP-powered-by {
margin-top:4px;
color: #bbb!important;
}

#arma-equipo-contenedor > li > div {
z-index: 1;
}

#OPP-poll-vote-button {
padding: 3px 10px!important;
margin-right: 4px!important;
font-size: 11px!important;
cursor: pointer;
background-color: #DDD;
border: solid 1px #CCC;
font-weight: bold!important;
border-radius: 3px;
}

#OPP-poll-vote-button:hover {
border: solid 1px #aaa;
}

#arma-equipo-contenedor > li:before {
content:'';
position: absolute;
border-radius: 4px;
left:-4px;
right:-4px;
top:0px;
bottom:-2px;
background-color: rgba(0,0,0,0.2);
z-index: -1;
transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
}

/*4-2-1-3*/

#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="1"] {  top:10px; left: 45%; left: calc(50% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="2"] {  top:220px; left: 13%; left: calc(14% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="3"] {  top:220px; left: 45%; left: calc(38% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="4"] {  top:220px; right: 45%; right: calc(38% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="5"] {  top:220px; right: 13%; right: calc(14% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="6"] {  top:420px; left: 37%; left: calc(36% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="7"] {  top:420px; right: 37%; right: calc(36% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="8"] {  top:620px; right: 50%; left: calc(50% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="9"] {  top:850px; left: 13%; left: calc(14% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="10"] {  top:850px; right: 50%; left: calc(50% - 60px); }
#arma-equipo-contenedor[data-formacion="4-2-1-3"] li[data-pos="11"] {  top:850px; right: 13%; right: calc(14% - 60px); }

/*4-1-2-3*/

#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="1"] {  top:10px; left: 45%; left: calc(50% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="2"] {  top:220px; left: 13%; left: calc(14% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="3"] {  top:220px; left: 45%; left: calc(38% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="4"] {  top:220px; right: 45%; right: calc(38% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="5"] {  top:220px; right: 13%; right: calc(14% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="6"] {  top:510px; left: 21%; left: calc(22% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="7"] {  top:510px; right: 21%; right: calc(22% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="8"] {  top:470px; right: 45%; left: calc(50% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="9"] {  top:850px; left: 13%; left: calc(14% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="10"] {  top:700px; right: 50%; left: calc(50% - 60px); }
#arma-equipo-contenedor[data-formacion="4-1-2-3"] li[data-pos="11"] {  top:850px; right: 13%; right: calc(14% - 60px); }

@media screen and (max-width: 540px) {

#arma-equipo-contenedor {
height: auto;
padding-bottom: 15px;
}

#arma-equipo-contenedor > li {
position: relative;
display: inline-block;
box-sizing: border-box;
width:46%;
margin: 0px 2%;
left:initial!important;
right:initial!important;
top: initial!important;
height: 170px;
margin-top:10px;
vertical-align: top;
}

#arma-equipo-contenedor.resultados > li {
height: auto;
width:31%;
margin: 0px 1%;
margin-top:10px;
}

span#OPP-result-link-text {
margin-bottom: 5px!important;
margin-top:0px!important;
}

}

@media screen and (max-width: 410px) {
#arma-equipo-contenedor.resultados > li {
width:46%;
margin: 0px 2%;
margin-top:10px;
}
}