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:60px;
}


.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: 30px;
  height: 27px;
  padding-top: 0px;
  padding-bottom: 2px;
}
#share_results .txtShare {
  font-size:1em;
  font-weight:lighter;
  width:350px;
  color:black;
  margin-top:4px;
  margin-right:10px;
  float:right;
  text-align:right;
  /*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;
}
#share_results a {
  margin-right:10px;
  width:40px;
  height:40px;
  display:inline-block;
  float:right;
  position:relative;
  top:-15px;
}
#share_results a:hover {
  top:-20px;
}
#share_results a img {
  width:40px;
  height:40px;
}






.top_container {
  clear: both;
}
.site_m .top_container {
  width: 300px;
}
.cover {
  border: 2px solid white;
  display: inline-block;
  float: left;
  width: 99px;
  height: 80px;
  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;
}
.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: #e9e9e9;
  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: 10px;
  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;
}

.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;
}