body {
  width: 618px;
  font-family: sans-serif;
  font-weight: lighter;
  margin: 0 auto;
}
.site_m {
  width: 320px;
  margin: 0 auto;
}
.site_m body {
  width: 300px;
  padding: 0px;
}

.setas {
  display:none;
}
.site_m .setas {
  display:block;
  position:relative;
}
.site_m .setinha{
  display:none;
}
.setinha{
  position:relative;
  top:933px;
  right:-620px;
  z-index:1000;
}
.title{
  font-size:16px;
  color:000;
  font-weight:bold;
  font-family:Arial;
  margin-top:10px;
}


.title1{
  font-size:16px;
  color:red;
  font-weight:bold;
  font-family:Arial;
}
.subtitle{
  font-size:14px;
  color:000;
  font-family:Arial;
}
.assinatura{
  font-size:13px;
  text-align: right;
  color:grey;
  font-family:Arial;
  font-style:italic;
  position:relative;
  top:-75px;
  padding-right:6px;
  z-index:3001;
}


.trans {
-webkit-transition: all 0.5s ease-out;  /* Safari 3.2+, Chrome */
   -moz-transition: all 0.5s ease-out;  /* Firefox 4-15 */ 
     -o-transition: all 0.5s ease-out;  /* Opera 10.5–12.00 */
        transition: all 0.5s ease-out;  /* Firefox 16+, Opera 12.50+ */
}
#share_results {
  color: white;
  clear: both;
  background-color: whiteSmoke;
  font-family: sans-serif;
  margin-top: 40px;
  height: 120px;
  padding-top: 0px;
  padding-bottom: 2px;
  background-image: url(http://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/FTP/821/teste_convocados_copa/images/agora_compartilhe.jpg);
}
#share_results .txtShare {
  font-size:1em;
  font-weight:lighter;
  width:350px;
  color:black;
  margin-top:4px;
  margin-right:10px;
  float:center;
  text-align:center;
  /*color:#f3f3f3;*/
}
#share_results .txtShare b {
  /*color:white;*/
}
#share_results .txtShare img {
  display:inline-block;
  width:110px;
  vertical-align:-16px;
  margin-left:5px;
  margin-right:5px;
  margin-top:20px;
}
#share_results a {
  margin-right:10px;
  width:40px;
  height:40px;
  display:inline-block;
  float:center;
  position:relative;
  top:-15px;
  left:200px;
}
#share_results a:hover {
  top:-20px;
}
#share_results a img {
  width:40px;
  height:40px;
}


.compartilhe:first, .compartilhe:first-child {
  display: none;
}


#topo_image_home {
  display: none;
  margin-top: 50px;
  border-top: 3px solid gray;
  padding-top: 15px;
}
#clear_selection {
  display: none;
  margin-bottom: 10px;
}
#clear_selection:hover {
  opacity: 0.5;
  cursor: pointer;
}

#your_team {
  /*display: none;*/
  clear: both;
}
#your_container img {
  width: 60px;
  margin-left: 2px;
}

.your_topo_image {
  width:618px !important;
  height:82px;
}


#your_team {
  text-align: center;
}
.top_container {
  clear: both;
  position: relative;
}
.imagem_topo {
  width:618px;
}
.site_m .top_container {
  width: 300px;
}
.cover {
  border: 2px solid white;
  display: inline-block;
  float: left;
  width: 99px;
  height: 90px;
  cursor: pointer;
  overflow: hidden;
  background: #e9e9e9;
  background-image: url(ajax-loader.gif);
  background-repeat:no-repeat;
  background-position:center; 
  opacity: 0.5;
}
.site_m .cover {
  background: #e9e9e9;
}
.titulo_img {
  border-top: 2px solid black;
  display: block;
  clear: both;
  padding-top: 30px;
}
.titulo_img img {
  width: 100%;
  height:100%;
}
.titulo {
  font-weight: bold;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 10px;
  display:none;
}
.titulo i {
  color: gray;
  font-size: 11px;
  font-weight: lighter;
}
.rest {
  display: inline-block;
  position: absolute;
  top: 103px;
  right: 7px;
  font-size: 14px;
  color:#fff;
}
.rest b {
  font-size: 30px;
  font-weight: lighter;
}
.cover:hover, .active {
  opacity:1;
  border: 2px solid black;
}
.active {
  border: 2px solid red;
  opacity:1;
  z-index:10;
}
.cover_img {
  width: 99px;
}
.cover_full_div {
  height: 400px;
  overflow: hidden;
  background: #fff;
  background-image: url(ajax-loader.gif);
  background-repeat:no-repeat;
  background-position:center; 
}
.site_m .cover_full_div {
  background: #e9e9e9;
}
.site_m .cover_full_div {
  width: 300px;
  height: 200px;
}
.description {
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 10px;
}
.internal {
}
.site_m .internal {
  width:1300px;
}
.lista_container {

}
.site_m .lista_container {
  width: 300px;
  overflow: auto;
}
.separador {
  display: block;
  height: 10px;
}
.selection_txt {
  /*position: absolute;*/
  /*bottom: 0px;*/
  /*padding: 10px;*/
}
.selection {
  clear:both;
  /*position: relative;*/
}
.site_m .selection {
  width: 300px;
}

.selection img {
  width: 618px;
}
.site_m .selection img {
  width: 300px;
}

.selected {
  border: 2px solid green;
  position: relative;
  opacity:1.0 !important;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}
.selected:after {
  content:url(https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/FTP/821/teste_convocados_copa/images/ok.png);
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 3px;
  right: 3px;

  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;

  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);

  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
  background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
  
}

.extras {
  cursor: pointer;
  border: 1px solid transparent;
  clear: both;
  overflow: auto;
}
.extras:hover {
  border: 1px solid black;
}









.list {
  padding-top: 10px;
  clear: both;
}
.list_title {
  padding: 3px;
  background: gray;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
}

.alpha60 {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255);
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
}


.item {
  display: inline-block;
  width: 102px;
  float: left;
  margin-left: 1px;
}
.item:hover {
  cursor: pointer;
}
.item img {
  width: 102px;
  height: 80px;
}