body, html {
  width: 100%;
  overflow-x: hidden;
  margin: 0;
}
body{
  background: #f1f2f1;
  font-size: 80%;
  font-family:"Open Sans",Arial,Verdana,sans-serif;
  height:100%;
  line-height:1.38;
  font-size:12px;color:#222;background:#f0eeee;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
a{
  color:#006595;
}
.clear{
  clear:both;
}
input, textarea, button {
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#web{
  background: white;
  width: 1020px;
  margin: 0 auto;
}
#header {
  margin-bottom: 30px;
  height: 110px;
  height: auto;
}
#header:after  {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#mobile-nav {
  float: right;
  margin-top: 20px;
  margin-right: 20px;
  display: none;
  cursor: pointer;
}
#header #logo {
  float: left;
}
#header #user {
  float: right;
  vertical-align:middle;
  margin: 22px;
  font-size: 120%;
  background: #f1f2f1;
}
#header #user img {
  vertical-align:middle;
}
#header #user img {
  margin-right: 8px;
  width: 25px; height: 25px;
}
#header #user .userprofile {
  text-decoration:none;
  font-weight: bold;
  color: #222;
  padding: 0 12px 0 0;
}
#header #fb-button {
  float: right;
}
#header #fb-button img {
  margin: 16px 16px 0 0;
}
#header #logo img {
  width: 180px;
  margin-left: 13px;
  margin-top: 15px;
	margin-bottom: 15px;
}
#menu {
  clear: both;
  padding: 7px 0;
  background-color: #93b238;
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
  display: inline;
}
#menu a {
  text-decoration: none;
  color: #fff;
  margin: 0 10px;
}
#footer{
  text-align: center;
  background: #ffbc3e;
  padding: 18px;
  clear:both;
  margin-bottom: 25px;
}
#footer ul{
  margin: -7px 0 0 0;
  padding: 0;
  float:left;
  list-style: none;
}
#footer li{
  margin: 0;
  padding: 0;
  display:block;
  float: left;
  padding-right: 14px;
  color: #776c10;
}
#footer a{
  color: #776c10;
  text-decoration: none;
}
#footer img{
  display: block;
  float:right;
  margin: -30px 0;
}
#maincontent{
  width: 650px;
  float: left;
}
#sidebar{
  width: 330px;
  float: left;
  padding: 0 20px;
}

#userdata img{
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}
#userinfo h1{
  margin: 0 2px 0 0;
  width: auto;
  font-size: 24px;
  font-weight:bold!important;
  color: #000;
}
#userstats{
  clear:both;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  float: left;
  width: 100%;
  margin-top: 20px;
}
#userstats p{
  float: left;
  width: 107px;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  line-height: 100%;
  border-right: 1px solid #ccc;
  margin: 0;
  padding: 10px 0;
}
#userstats p span{
  font-weight: normal;
  color: #ccc;
  font-size: 70%;
  display: block;
}
#actividad{
  clear:both;
  padding-left: 15px;
  margin-top: 35px;
  float: left;
  width: 100%;
}

#albumtitle{
  color: #111;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: -1px;
}
#authorbox img{
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}
#albumcontent{
  margin-left: 10px;
}
#albumcontent img{
  width: 210px;
  height: 210px;
  margin: 5px;
}
#newalbum {
  margin: -10px 15px 30px 30px;
}
#newalbum h1 {
  margin-top: -30px;
}
#naform {
  margin: 0;
}
#naform label {
  display: block;
  margin: 0 0 2px 0;
}
#naform .field {
  clear: both;
  margin: 10px 0;
}
#albumimgs input {
  display: block;
}
.albumimg {
  clear: both;
  margin: 10px 0;
  float: left;
}
.albumimg img {
  background-color: #efefef;
  border: 1px solid #ccc;
  width: 150px;
  float: left;
  margin-right: 10px;
}
.albumimg div {
  float: left;
  width: calc(100% - 162px);
}
.albumimg input {
  margin-bottom: 10px;
}
.albumimg textarea {
  height: 65px;
  padding: 5px;
}
@-moz-document url-prefix() {
  .albumimg textarea {
    height: 59px;
  }
}
.albumimg label {
  display: block;
}
#addmore {
  clear: both;
}
#bar {
  background: url(img/progressbar.gif) repeat-x;
  width: 200px;
  height: 22px;
}
#nuevo-album {
  padding: 10px 0;
  width: 255px;
  background: #84a935;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  margin: 0 auto;
  border-top: 2px solid #9bc641;
  display: block;
  text-align: center;
  box-shadow: 0px 2px 0 #627a22;
  text-decoration: none;
  text-transform: uppercase;
}
img.img{
  margin: 0 auto;
}
.aicontainer{
  background: #e7e7e7;
  width: 540px;
  margin-left: 90px;
  border: 5px solid #e7e7e7;
}
.algumimg{
  clear:both;
  margin-bottom: 20px;
  float:left;
  width: 100%;
}
.aivotes{
  float:left;
  width: 90px;
  text-align:center;
}
.aivoteup{
  margin-bottom: 4px;
}
.aicurrentrank{
  padding: 5px 0;
  background: #f2fee7;
  border: 1px solid #84c544;
  margin: 0 10px;
}
.aivotedown{
  margin-top: 6px;
}
.aicurrentrank a{
  color: #222;
  text-decoration: none;
}
.aicurrentrank strong{
  font-size: 150%;
}
.aivotes small.votes{
  display: block;
  float: left;
  width: 100%;
  clear:both;
  margin-top: 12px;
}
.aivotes small.votes strong{
  display: block;
  float: left;
  text-align: right;
  width: 18px;
  font-size: 150%;
  font-weight: normal;
  margin-right: 5px;
}
.aivotes small.votes span{
  display: block;
  float: left;
  width: 48px;
  text-align: left;
  line-height: 90%;
}
#numvotesdown, #numvotesup {
  display: inline;
  float: none;
  width: auto;
}
.aiinfo div{
  float:left;
}
.socialinfo{
  float:left;
  width: 550px;
  background: #e7e7e7;
  margin-left: 90px;
}
.social .button{
    float:left;
    width:60px;
  }
.aisocial{
  float:right;
  text-align: right;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 3px;
  background: #e7e7e7;
}
.aiinfo{
  float:left;
  text-align:left;
  width: 300px;
  padding-left: 10px;
  background: #e7e7e7;
}
.aiinfo img.authorpic{
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 4px 0 2px;
  border: 2px solid white;
}
.aiinfo p{
  vertical-align: middle;
  margin: 5px 0 10px 0;
}
.aimenu{
  clear:both;
  /*margin-left: 90px*/;
  background: #e7e7e7;
  width: 460px;
  float: left;
  /*border-top: 1px solid #f7f7f7;*/
}
.aimenu li, .pimenu li{
  list-style: none;
  float:left;
  margin: 0;
  padding: 0 0 5px 0;
  width: 91px;
  text-align: center;
}
.aimenu a, .pimenu a{
  text-decoration: none;
  display: block;
}
.aimenu img, .pimenu img{
  display: block;
  margin: 10px auto -10px auto;
  width: 30px;
  height: 30px;
}
.aimenu ul, .pimenu ul{
  margin: 0;
  padding: 0;
}
.promo {
  float: left;
  font-size: 90%;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 calc(100%/6);
  -ms-flex: 0 1 calc(100%/6);
  flex: 0 1 calc(100%/6);
  margin-bottom: 10px;
}
#sidebar .promo a img {
  width: 140px; height: 140px;
}
.promoi {
  width: 146px;
  height: 146px;
  position: relative;
  margin: 0 auto;
}
.promoi .avatar {
  width:22px;height:22px; border: 0; display:block;
}
.promoi .avatar-anonymous {
  width:22px;height:22px; border: 0; display:block
}
.promoi .avatar-anonymos, .promoi .avatar {
  position: absolute; bottom: 5px; left: 10px;
}
.promoi .avatar img {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 5px;
  border: none;
  margin-top: -3px;
}
.promoi .avatar img:hover {
  border: none;
}
.promoi .vote {
  display: block; border: 0;transform:rotate(-7deg);-moz-transform:rotate(-7deg);-webkit-transform:rotate(-7deg);
  position: absolute; bottom: 5px; left: 40px;
  width: 22px; height: 22px;
}
.promo p{
  margin: 5px auto;
  line-height: 100%;
  width: 140px;
	height: 12px;
}
.promo img{
  border: 2px solid #e7e7e7;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding: 2px;
  width: 140px; height: 140px;
	object-fit: cover;
}
.promo img.showvote{
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 22px; height: 20px;
	object-fit: cover;
}
.promo a{
  color: #222;
  text-decoration:none;
}
.promo a:hover img{
  border: 1px solid #333;
}
.album {
  clear: both;
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.latestusers {
  height: 82px;
}
.latestusers img {
  margin: 1px;
  height: 80px; width: 80px;
}
#albumimgtemplate {
  display: none;
}
#tags{
  display: block;
  float: left;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  vertical-align: baseline;
  margin: 3px 0;
  padding: 0px 8px;
}
.tag{
  -webkit-background-clip: border-box;
  -webkit-background-origin: padding-box;
  -webkit-background-size: auto;
  -webkit-border-image: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #DEE7F8;
  background-image: none;
  background-origin: padding-box;
  background-size: auto;
  border: 1px solid #CAD8F3;
  border-radius: 5px;
  color: #555;
  display: block;
  float: left;
  font-size: 11px;
  line-height: 23px;
  margin: 3px;
  outline-color: #555;
  outline-style: none;
  outline-width: 0px;
  padding: 0px 8px;
  text-align: justify;
  text-decoration: none;
  vertical-align: baseline;
}
.tag:hover{
  background-color: #cd411a;
  border-color: #cd411a;
  color: white;
}
.button {
  background-color: #49AFCD;
  background-image: -webkit-linear-gradient(top, #5BC0DE, #2F96B4);
  border-color: rgba(0, 0, 0, 0.0980392);
  border-bottom-color: rgba(0, 0, 0, 0.247059);
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 2px 0px;
  color: white;
  display: block;
  font-size: 14px;
  height: 21px;
  line-height: 20px;
  padding: 4px 14px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
  width: 300px;
  margin: 20px 0 0 0;
  text-decoration: none;
}
.button.small {
  width: auto;
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 15px;
  padding: 3px 11px;
  margin: 0;
}
#sidebar h2{
  margin: 20px 0 0 0;
  padding: 20px 0 10px 0;
  font-size: 130%;
  clear:both;
}
#sidebar .box{
  border: 1px solid #bbb;
  background: #e7e7e7;
  padding: 18px;
  margin-top: 20px;
  clear:both;
  float: left;
  width: 294px;
}
#sidebar .box h2{
  display: none;
}
#sidebar .colaborators {
  float: left;
  width: 294px;
}
#sidebar .author img.authorpic{
  float: left;
  margin-right: 18px;
}
#sidebar .authorname{
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: black;
}
#sidebar .promo {
  width: 50%;
}
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  z-index: 10000;
}

#albumtxt, #tagtxt, #contactotxt{
  margin: -10px 15px 30px 30px;
}
.cf{
  float:left;
  width: 1000px;
}
.cf h2, #sidebar h2 {
  margin: 27px 0 0px 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
#sidebar h2#ugp{
	text-align: center;
	margin-top: 20px;
	float: left;
	width: 100%;
}
.cf h2 strong{
  color:#cd411a
}
.cff{
  margin-left: 11px;
  float:left;
  width: 1000px;
}
.cff h2{
  margin: 27px 0 0px 5px;
}
.cff h2 strong{
  color:#cd411a
}
.cf, .cff, #add-albumimgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.promos{
  clear: both;
  float: left;
  width: 600px;
  margin-left: 50px;
}
.box h3{
  margin-top: 0;
  padding-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #bbb;
  font-size: 14px;
}
.box p{
	font-size: 14px;
}
#totalphotos{
  padding-left: 35px;
  background: url('/img/imgs-c.png') no-repeat 0 0;
	background-size: 24px;
	line-height: 24px;
}
#totalviews{
  padding-left: 35px;
  background: url('/img/views-c.png') no-repeat 0;
	background-size: 24px;
	line-height: 24px;
}
#totalpoints{
  padding-left: 35px;
  background: url('/img/points.png') no-repeat 0;
}
#created{
  padding-left: 35px;
  background: url('/img/calendar-c.png') no-repeat 0;
	background-size: 24px;
	line-height: 24px;
	margin-bottom: 0;
}

input[type=text], textarea{
  font-size: 120%;
  padding: 4px 2px;
  width: 600px;
}
#albumimgs input[type=text].imageurl, #albumimgs textarea {
  width: 435px;
}

.comments{
  margin-left: 95px;
  background: #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 540px;
  float: left;
}
.comment{
  clear:both;
  float: left;
  width: 530px;
  border-bottom: 1px solid #e7e7e7;
  padding: 5px 5px 10px 5px;
}
.registercomment {
  border: 0;
  padding: 8px 15px 15px 15px; t
}
.registercomment p {
  margin: 0;
  font-size: 120%;
}
.registercomment p a {
  font-weight: bold;
}
.commentform {
  border-bottom: none;
}
#albumimgs .comment textarea{
  width: 460px;
  height: 52px;
  margin-top: 1px;
  margin-bottom: 3px;
}
.comment img{
  float: left;
  margin-right: 10px;
  border-radius: 4px;
  border: 4px solid white;
  width: 45px;
  height: 45px;
}
.comment .commenttxt{
  float: left;
  width: 420px;
}
p.commentmeta{
  margin-top: 0;
}
#previouscomments{
  margin: -8px 0;
  padding-left: 24px;
  background: url(img/comments.png) no-repeat 0 0;
}

#signup label {
  display: block;
}
#signup input {
  margin-bottom: 10px;
}

.month{
  float: left;
  margin: 0 20px;
}
.month h3{
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  padding-bottom: 7px;
}
#sidead.stick{
  position: fixed;
  top: 20px;
  z-index: 1000;
}
#twoads{
  margin: 0 0 10px 34px;
}
.flagtypes {
  display: none;
  clear: both;
  padding: 5px 10px 10px 10px;
  padding: 5px 10px 10px 10px;
  background-color: #ccc;
  width: 520px;
  margin-left: 95px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.flagtypes .copydetails {
  display: none;
  margin-left: 18px;
}
.flagtypes .copydetails label {
  display: inline;
}
.flagtypes .copydetails input[type=text] {
  display: inline;
  width: 180px;
  padding: 3px;
  font-size: 90%;
}

#albumimgs .flagtypes textarea {
  display: block;
  width: 475px;
  margin-bottom: 4px;
  font-size: 90%;
}
.flagtypes p.copylegal {
  font-size: 100%;
  color: #666;
  margin: 2px 20px 8px 0;
}

#albumimgs .flagtypes label, #albumimgs .flagtypes input {
  display: inline;
}
.flagtypes label {
  margin-left: 4px;
}
.flagtypes div {
  margin: 4px 0;
}
p.imgdeleted {
  margin-left: 90px;
  padding: 10px 20px 10px 15px;
  background-color: #ffbc3e;
  color: #776c10;
  text-shadow: 1px 1px #eddbb1;
  width: 510px;
  font-size: 100%;
}
p.imgdeleted strong{
  padding-left: 110px;
}
span.error {
  color: #888;
  font-size: 90%;
}
input.error {
  border-color: #e77e7e;
  color: white;
  background-color: #e77e7e;
}
.meses{
  clear: both;
  margin-left: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  float:left;
}
#albumslist li{
  float: left;
  width: 280px;
  margin-right: 15px;
  margin-left: 20px;
  margin-bottom: 8px;
  list-style: circle;
}
#scroll-up {
display: none;
width: 40px;
height: 40px;
position: fixed;
top: 10px;
right: 10px;
opacity: 0.5;
background: transparent url(/img/arrowtop.png) top left no-repeat;
}

/* Photo Set list */
.photo-sets {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.photo-sets .stack {
    background: #fff; /* old browsers */
    border: 3px solid #EDE9DC;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    display: block;
    height: 100px;
    margin: 13px;
    position: relative;
    width: 100px;
}
.photo-sets .stack .title {
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    font-weight: bold;
    height: 90px;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 90px;
}
.photo-sets .stack:hover {
    border-color: #fff;
    color: #333;
    text-decoration: none;
}
.photo-sets .stack:hover .title {
    visibility: visible;
}
.photo-sets .stack:after {
    z-index: -1;
    position: absolute;
    background: transparent;
    width: 104%;
    height: 108%;
    content: '';
    right: 0;
    top: -3px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, .25);
    -moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, .25);
    box-shadow: 5px 5px 6px rgba(0, 0, 0, .25);
    background-color: #fff;
}
.photo-sets .stack:before {
    z-index: -2;
    position: absolute;
    background: transparent;
    width: 108%;
    height: 106%;
    content: '';
    left: -3px;
    top: -3px;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    transform: rotate(-4deg);
    -webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, .25);
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.25);
    background-color: #fff;
}

#stack {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 10px;
padding: 20px; }


#stack div {
position: relative;
float: left;
width: 130px;
height: 100px;
padding: 5px;
border: 1px solid #efefef;
margin: 0 30px 30px 0;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }


#stack div:before{
content: '';
z-index: -1;
position: absolute;
left: 5px;
top: 6px;
width: 100%;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 120px;
height: 110px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-ms-transform: rotate(2deg);
-o-transform: rotate(2deg);
transform: rotate(2deg); }


#stack div:after {
content: '';
z-index: -1;
position: absolute;
width: 135px;
max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
max-height: 120px;
height: 110px;
background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
left: -7px;
bottom: -2px;
transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
 }
 
.msgdeleted{
  position: relative;
}
.msgdeleted div{
  height: 60px;
  overflow: hidden;
}
.msgdeleted img{
  position: absolute;
  top: -15px;
  border: 4px solid white;
}
.msgdeleted p{
  padding-left: ;
}

#caption p{
  text-align: center;
  background: #e1f5f9;
  border-left: 5px solid #e7e7e7;
  border-right: 5px solid #e7e7e7;
  margin: -5px 0 0 90px;
  padding: 5px 0;
  width: 540px;
}
.photoimg{
  margin-left: 30px;
}

#number p {
  color: #fff;
}
#number {
  text-align: center; 
  background: url(/img/myp9aotkm91st5lhmo1.jpg) 0 -80px;
  background-size: 1020px; color:white; padding: 60px 0; clear:both; -khtml-opacity:.50; 
   -moz-opacity:.85;
    opacity:.85;
}
#number:hover{
  text-align: center; 
  -khtml-opacity:1; 
  -moz-opacity:1;
  opacity:1;
}
#homepage #number h2{
  /*-webkit-text-stroke: 2px #666;*/
  text-shadow: 0 2px 3px rgba(0,0,0,0.75);
  margin: 0 0 10px 0; font-size: 100px; color:white; font-family: 'Asap', 'Helvetica Neue', san-serif;
  font-weight: bold;
  text-align: center;
}

#albumshome h2, #social h2{
  margin-bottom: 15px; text-align: center; line-height: 150%; font-family: 'Asap', Helvetica Neue; font-size:22px; margin-top: 30px;
}

#social{
  background-color: #f7f5f6;
  padding: 40px 0;
  float: left;
  width: 100%;
}
#sociali {
  width: 636px;
  margin: 0 auto;
}

#tw {
  width: 100px;
  text-align: center;
  margin: 0 auto;
  float: left;
  margin-left: 268px;
  margin-top: 83px;
}
#fb{
  width: 100px;
  text-align: center;
  margin: 0 auto;
  float: left;
  margin-left: 86px;
  margin-top: 84px;
}
#gp{
  width: 100px;
  text-align: center;
  margin: 0 auto;
  float: left;
  margin-left: 109px;
  margin-top: 83px;
}
#sociali > div {
  width: 212px;
  height: 144px;
  float: left;
}
#homepage #tw {
  text-align: center;
  margin: 0 auto;
  float: left;
  margin-top: 83px;
  background: url(/img/social-twitter2.png);
  background-size: 212px 144px;
  position: relative;
  margin-top: 0;
}
#homepage #fb {
  text-align: center;
  margin: 0 auto;
  float: left;
  margin-top: 83px;
  background: url(/img/social-facebook2.png);
  background-size: 212px 144px;
  position: relative;
  margin-top: 0;
}
#homepage #gp {
  text-align: center;
  margin: 0 auto;
  float: left;
  margin-top: 83px;
  background: url(/img/social-google2.png);
  background-size: 212px 144px;
  position: relative;
  margin-top: 0;
}
#homepage #gp > div {
  position: absolute;
  bottom: 49px;
  right: 58px;
}
#homepage #fb iframe {
  position: absolute;
  bottom: 43px;
  right: -140px;
}
#homepage #twitter-widget-0 {
  position: absolute !important;
  bottom: 45px;
  left: 59px;
}
#social h2{
  margin-top: 0px; margin-bottom: 25px;
}


#testimonials{
  margin-left: 40px;
  margin-bottom: 65px;
  padding-top: 40px;
  float: left;
  font-family: 'Asap', Helvetica Neue; 
}
#testimonials h2{
  margin-bottom: 30px; text-align: center; line-height: 170%; font-family: 'Asap', Helvetica Neue; font-size:24px
}
.testimonial{
  float: left;
  width: 162px;
  padding: 20px 26px;
  margin-right: 20px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 0 90px;
  background-size: 1070px;
  background-image: url('/img/testimonial.gif');
}
#t1:hover, .t1active{
  background-position: -214px 90px;
}
#t4:hover, .t4active{
  background-position: -428px 90px;
}
#t3:hover, .t3active{
  background-position: -642px 90px;
}
#t2:hover, .t2active{
  background-position: -856px 90px;
}
/*#t1:hover{
  background: #fdfcf5;
  border: 1px solid #fcd413;
  }
#t2:hover{
  background: #ebf7fb;
  border: 1px solid #10afe6;
}
#t3:hover{
  background: #f9fbf2;
  border: 1px solid #acc737;
}
#t4:hover{
  background: #f9eff6;
  border: 1px solid #bc3a92;
}
*/
#t1:hover .author{
  color: #e5bf05;
}
#t2:hover .author{
  color: #10afe6;
}

#t3:hover .author{
  color: #94aa37;
}
#t4:hover .author{
  color: #bc3a92;
}
.author{
  font-weight: bold;
  margin-top: 40px;
  font-family: 'Asap', 'Helvetica Neue', san-serif;";
  text-transform: uppercase;
  color: #545454;
}
.quote{
  margin-bottom: 15px;
  font-size: 110%;
  margin-top: 52px;
}
#homepage h2{
  font-weight: 600;
  margin: 15px 0;
  font-family: 'Asap', Helvetica Neue;
}
#homepage  p{
}
#homepage #features{
  padding-top: 40px;
}
#homepage #features p{
  margin: 0 0 40px 0;
}
#homepage #logo{
  margin: 10px 0 0 20px;
}
#homepage #menu {
  clear: none;
  float: right;
  width: 270px;
  padding: 30px 20px 0 0;
  background-color: white;
  font-family: Asap, Helvetica Neue; 
}
#homepage #menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#homepage #menu li {
  display: inline;
}
#homepage #menu a {
  text-decoration: none;
  color: #afafc0;
  margin: 0 10px;
  text-transform: uppercase;
}
#tagline { background: url(/img/desk10.jpg) no-repeat left bottom; background-size:1020px 480px; width:1020px; height:600px; }
#tagline h1  { margin-top: 50px; margin-bottom: 0;text-align: center; line-height: 170%; font-family: 'Asap', Helvetica Neue; font-size:24px }
#tagline h1 span { font-size:38px; font-weight: bold }
#features { clear:both; width: calc(100% - 20px); float:left; background: #f4f8fa; padding-left: 20px; }
#features div { float:left; width: 250px; text-align: center; }
#features div img { margin: 0 auto; width: 200px;}
#homepage #users { text-align: center; background: url(/img/users.jpg) no-repeat 0 0; background-size: 1020px; color:white; padding: 60px 0; clear:both; }
#homepage #users h2 {
  text-align: center;
  color: white; margin-bottom: 21px; text-transform: uppercase; font-weight: bold;
  font-family: 'Asap', Helvetica Neue; font-size:24px; text-shadow: 2px 2px 2px rgba(67, 46, 60, 1);
}
#users p { color: #fff; width: 500px; margin:0 auto 30px auto; line-height: 170%; font-size: 18px; text-shadow: 2px 2px 2px rgba(67, 46, 60, 1); }
img#thumbr { margin: -7px 0 0 0 }
.aicontainer > img {
  display: block; width: 540px
}
#sidebar .promo > img {
  width:22px;height:22px;margin:-34px 0 15px 8px; border: 1px solid white; display:block
}
.social {
  clear:both; padding-top: 23px; margin-left: 280px
}
#albumtxt-mobile {
  display: none;
}
.aieliminar {
  background: url(/img/delete.png) 0 2px no-repeat;
  padding-left: 15px;
  padding-bottom: 5px;
  background-size: 10px 10px;
}
.aiweb {
  background: url(/img/web.png) 0 2px no-repeat;
  padding-left: 18px;
  padding-bottom: 5px;
  background-size: 13px 13px;
}
.aivotes-mobile {
  display: none;
}
.aicomments {
  display: none;
}
#contactc {
  width: 440px;
}
#contactname {
  float:left; width: 210px; margin-right: 20px
}
#contactc input[type=text] {
  width: 200px;
}
#contactemail {
  float:left; width: 210px;
}
#contacto {
  width: 440px; height: 120px
}
.comentario {
  float: left; width: 100%; clear:both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;
}
.comentario > a {
  float: left;
  width: 150px; height: 150px;
}
.comentario > div {
  float:left; margin-left: 20px; width: 800px
}
.autorcomentario {
  width:40px;height:40px; border: 0; display:block;
}
h2#commentfor {
  clear:both; margin-top: 20px;
}
#gotop {
  display: none;
}
#maincontent .cf {
  width: 100%;
}
#maincontent .promo {
  width: calc(100%/4);
}
#testimonials-mobile {
  display: none;
}
.postedby-mobile {
  display: none;
}
.aieliminar-mobile {
  display: none;
}
#add-albumimgs h2 {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100;
  width: 100%;
}
#add-albumimgs > img {
  height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 calc(100%/8 - 4px);
  -ms-flex: 0 1 calc(100%/8 - 4px);
  flex: 0 1 calc(100%/8 - 4px);
  max-width: calc(100%/8 - 4px);
  margin: 2px;
}

.mobile-only {
  display: none;
}
#notfound-text {
  float: left; margin-left: 20px;
  padding-top: 100px;
}
#notfound-image {
  float:right; margin: 0 0 0 20px
}
#relacionados {
  float: left;padding-top: 30px
}
#deleteuser {
  margin: 0 20px;
}
.comments.show {
  display: block;
}
#sidebar .cff {
  width: 100%;
}
#sidebar .promo {
  max-width: calc(100%/2);
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 calc(100%/2);
  -ms-flex: 0 1 calc(100%/2);
  flex: 0 1 calc(100%/2);
}
#albumshome:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#searchform{
	float: right;
	width: 320px;
	position: relative;
}
#searchform input{
	background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 5px;
  padding: 0 20px;
  width: 300px;
  height: 34px;
  outline: none;
  color: #fff;
  transition: width 0.5s;
  letter-spacing: 0.3px;
	background: #F2F3F4;
	color: black;
	margin: 20px 20px 0;
	float: right;
}
#searchform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A9AAAB;
  opacity: 1; /* Firefox */
}
#searchform button {
  cursor: pointer;
  position: absolute;
  outline: none;
	top: 31px;
	right: 28px;
  border: none;
  background: transparent;
  color: black;
  font-size: 12px;
}
#albumshome h1{
	text-align: center;
}

.dbb{
	float: right;
	    margin: 15px 15px 0 0;
}
.downloadb {
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.downloadb:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
.downloadb:active {
	position:relative;
	top:1px;
}


@media only screen and (max-width: 980px)  {
  body { margin: 0 }
  #web, #tagline, #content { width: 100% }
  #maincontent {
    width: 60%;
  }
  #sidebar {
    width: 35%;
    padding: 2.5%;
  }
  .aicontainer {
    width: calc(100% - 90px);
  }
  .socialinfo {
    width: calc(100% - 80px)
  }
  .comments {
    width: calc(100% - 90px)
  }
  .comment {
    width: calc(100% - 10px);
  }
  #caption p {
    width: calc(100% - 90px);
  }
  .comment .commenttxt {
    width: calc(100% - 65px);
  }
  #albumimgs .comment textarea {
    width: calc(100% - 4px);
  }
  .aicontainer img {
    width: 100%;
  }
  
  #sidebar .button {
    width: calc(100% - 28px);
  }
  #sidebar .box {
    width: calc(100% - 36px);
  }
  .cff, .cf {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  .promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100%/5);
    -ms-flex: 0 1 calc(100%/5);
    flex: 0 1 calc(100%/5);
  }
  #testimonials { width: 95%; margin: 20px auto; float: none; text-align: center;}
  .testimonial { margin-right: 10px; float: none; display: inline-block; }
  .testimonial {  }
  #tagline {
    background-size: 100%;
    height: 600px;
  }
  #features { padding-left: 0; width: 100%;}
  #features div {
    width: 49%;
    float: none;
    display: inline-block;
  }
  .social {
    margin-left: 60%;
    width: 100%;
  }
  .comentario > a {
    margin-left: 20px;
  }
  .comentario > div {
    width: calc(100% - 190px);
  }
  #maincontent .cf h2 {
    margin-left: 15px;
  }
  #maincontent .cf {
    float: left;
  }
  #maincontent .promo {
    width: calc(100%/3);
  }
  #vote-chart {
    display: none;
  }
  .latestusers {
    width: calc(100%/11);
    float: left;
  }
  .latestusers img {
    width: calc(100% - 2px);
  }
  #add-albumimgs > img {
    -webkit-flex: 0 1 calc(100%/7 - 4px);
    -ms-flex: 0 1 calc(100%/7 - 4px);
    flex: 0 1 calc(100%/7 - 4px);
    max-width: calc(100%/7 - 4px);
  }
  #notfound-text {
    width: 55%; 
    margin-left: 5%;
    padding-top: 0;
  }
  #notfound-image {
    width: 35%;
    margin-left: 5%;
  }
  #sidebar .promo {
    max-width: calc(100%/2);
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100%/2);
    -ms-flex: 0 1 calc(100%/2);
    flex: 0 1 calc(100%/2);
  }
}
@media only screen and (max-width: 820px)  {
  .promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100%/4);
    -ms-flex: 0 1 calc(100%/4);
    flex: 0 1 calc(100%/4);
    max-width: calc(100%/4);
  }
  #footer ul {
    text-align: center;
    float: none;
		padding: 0 20px;
  }
  #footer li {
    float: none;
    padding-right: 0;
  }
  #footer li a {
    font-size: 16px;
  }
  #footer img {
    float: none;
    margin: 0 auto 20px;
  }
  img#thumbr {
    margin: 0 auto;
  }
  #tagline {
    height: 530px;
  }
  #add-albumimgs > img {
    -webkit-flex: 0 1 calc(100%/6 - 4px);
    -ms-flex: 0 1 calc(100%/6 - 4px);
    flex: 0 1 calc(100%/6 - 4px);
    max-width: calc(100%/6 - 4px);
  }
  #notfound-text {
    width: 45%; 
    margin-left: 5%;
    padding-top: 0;
  }
  #notfound-image {
    width: 45%;
    margin-left: 5%;
  }
}
@media only screen and (max-width: 786px)  {
  #sidebar .promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100%/4);
    -ms-flex: 0 1 calc(100%/4);
    flex: 0 1 calc(100%/4);
    max-width: calc(100%/4);
  }
  #feautres div {
    height: 500px;
  }
  #maincontent {
    width: 97%;
    float: none;
  }
  #sidebar {
    margin: 0 auto;
    float: none;
    width: 95%;
  }
  #sidebar .button {
    display: inline-block;
  }
  .social {
    margin-left: 37%;
  }
  .box.info p {
    display: inline-block;
    margin-right: 10px;
  }
  .box.info p:last-of-type {
    display: block;
  }
  .latestusers {
    width: calc(100%/9);
  }
  #naform {
    width: 100%;
  }
  #newalbum, .albuming {
    width: 95%;
    margin: 0 auto;
  }
  .albumimg {
    width: 100%;
  }
  #albumimgs input[type=text].imageurl, #albumimgs textarea {
    width: calc(100% - 4px);
  }
  #relacionados {
    padding-top: 10px;
  }
  li, ul, li a {
    font-size: 15px;
    line-height: 2;
  }
}
@media only screen and (max-width: 700px)  {
  #tagline {
    height: 480px;
  }
  #features div {
    width: 100%;
  }
  .promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100%/3);
    -ms-flex: 0 1 calc(100%/3);
    flex: 0 1 calc(100%/3);
    max-width: calc(100%/3);
  }
  .latestusers {
    width: calc(100%/7);
  }
  #albumimgs .comment textarea {
    width: calc(100% - 20px);
  }
  #notfound-text, #notfound-image {
    width: 95%;
    float: none;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
  #notfound-image {
    margin-bottom: -16px;
  }
  #relacionados {
    float: none;
    padding-top: 10px;
  }
  #relacionados ul {
    padding: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px)  {
  #homepage h2 {
    text-align: center !important;
  }
  #homepage #number h2 {
    font-size: 48px;
  }
  #users p {
    width: 100%;
  }
  #users {
    background: url(/img/users.jpg) repeat 0 0;
    background-size: 1020px
  }
  #mobile-nav {
    display: block;
  }
  #menu {
    display: none;
  }
  #header #user {
    float: left;
  }
  #header { position: relative; margin-bottom: 0; }
  #mobile-nav {
    position: absolute;
    top: 38px; right: 30px;
    margin: 0;
  }
  #sidebar .promo {
    width: calc(100%/2);
  }
  #sociali {
    width: 100%
  }
  #homepage #tw, #homepage #gp, #homepage #fb {
    float: none;
    margin: 10px auto;
  }
  .latestusers {
    width: calc(100%/6);
  }
  .albumimg div {
    width: 100%;
  }
  #naform input[type=text], #naform textarea, #albumimgs input[type=text].imageurl, #albumimgs textarea {
    width: calc(100% - 20px);
    padding: 10px;
    min-height: 20px;
    border-radius: 3px;
    border: 1px solid #d3d7da;
  }
  #add-albumimgs > img {
    -webkit-flex: 0 1 calc(100%/5 - 4px);
    -ms-flex: 0 1 calc(100%/5 - 4px);
    flex: 0 1 calc(100%/5 - 4px);
    max-width: calc(100%/5 - 4px);
  }
  #header #fb-button img {
    margin: 0 auto;
    display: block;
  }
  #header #user, #fb-button {
    width: calc(100% - 60px);
    padding: 30px;
    border-top: 1px solid #ededed;
    background: none;
  }
  #homepage #fb-button {
    padding: 0;
    border: none;
  }
  #homepage #menu, #menu {
    background: none;
    padding: 20px 30px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
  }
  #header #user .userprofile {
    font-size: 14px;
    color: #7f95a0;
    font-weight: 600;
    max-width: 155px;
    width: 155px;
  }
  #header #user .button {
    width: 90%;
    margin-top: 8px;
    padding: 10px 0;
    width: 255px;
    background: #84a935;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    border-top: 2px solid #9bc641;
    display: block;
    text-align: center;
    box-shadow: 0px 2px 0 #627a22;
    text-decoration: none;
    text-transform: uppercase;
  }
  #homepage #menu a, #menu li a {
    font-size: 14px;
    color: #7f95a0;
    font-weight: 600;
    line-height: 50px;
    display: block;
    background: url('img/menu-arrow.svg') no-repeat top 50% right 0;
    background-size: 16px 16px;
  }
  #header #user, #fb-button {
    display: none;
    float: right;
    margin: 0;
  }
  #header #logo {
    margin: 10px 0 12px 10px;
  }
  #header #user img {
    width: 45px; height: 45px;
  }
  #menu ul li.create-album {
    display: none;
  }
  #homepage #users h2 {
    margin: 0;
  }
}
@media only screen and (max-width: 500px)  {
  #homepage #users {
    padding: 30px 0;
  }
  body {
    font-family: 'Open Sans', sans-serif;
  }
  #footer {
    background: #36474f;
    margin-bottom: 0;
    padding: 50px 0;
  }
  #footer img {
    margin: 0 auto 20px;
  }
  #footer li:first-of-type a, #footer li:first-of-type, #footer label {
    color: #759099 !important;
    font-size: 12px !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    padding: 0;
    text-decoration: none !important;
  }
  #footer li:first-of-type, #footer li:last-of-type {
    display: block;
  }
  #footer li:last-of-type img {
    margin: 0 auto -40px;
  }
  #footer li {
    display: inline-block;
  }
  #footer li a {
    font-size: 14px;
    color: #90a4ad;
    font-weight: 400;
    padding: 10px;
  }
  #tagline {
    height: 450px;
  } 
  .promo, #sidebar .promo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(100%/2);
    -ms-flex: 0 1 calc(100%/2);
    flex: 0 1 calc(100%/2);
    max-width: calc(100%/2);
    margin-bottom: 20px;
  }
  .promo p {
    width: 120px;
    margin: 2px auto;
    text-align: left;
  }
  .promo a {
    color: #435b65;
  }
  .promo > a > img:hover, .promoi > a > img:hover, #sidebar .promo a img:hover {
    padding: 2px;
    border: none;
  }
  .promo > a > img, .promoi > a > img, .promoi, #sidebar .promo a img {
    border-radius: 0;
    border: none;
    padding: 2px;
    width: 120px; height: 120px;
  }
  .cff, .cf {
    width: 95%;
    margin: 0 auto;
  }
  #homepage #fb-button {
    display: block;
    float: none;
    margin: 0 auto;
  }
  .box.info {
    display: none;
  }
  #albumtxt {
    display: none;
  }
  #albumtxt-mobilec, #tagtxt, #contactotxt {
    margin: 0 2.5% 10px;
  }
  #albumtxt h1 {
    margin-top: 0;
  }
  #albumtxt-mobile {
    display: block;
    margin-bottom: 20px;
    text-align: left;
    padding: 10px 15px;
    background: #f2f6f9;
    border: 1px solid #d1d6d9;
    border-radius: 5px;
  }
  #content #albumtxt-mobile h1 {
    font-size: 24px;
    color: #384a54;
    text-align: left;
    margin: 0;
  }
  #albumtxt-mobile p {
    color: #546e7a;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    color: #4f6b79;
    font-size: 14px;
    margin-bottom: 0;
  }
  #maincontent {
    width: 95%;
    margin: 0 auto;
  }
  .aiinfo .postedby {
    display: none;
  }
  .aivotes {
    display: none;
  }
  .aicontainer {
    margin: 0 auto;
    width: 100%;
    border: 0;
  }
  .aicontainer img {
    width: calc(105% + 4px);
    margin-left: calc(-2.5% - 2px);
  }
  .aisocial {
    float: right;
    width: auto;
    background: none;
    padding-right: 0;
    padding-top: 20px;
  }
  .aiinfo {
    float: right;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    background: none;
  }
  .aicomments {
    float: left;
    margin: 20px 10px 0 0;
    cursor: pointer;
    display: block;
  }
  .socialinfo {
    margin: 0 auto;
    padding: 0 20px;
    width: calc(100% - 41px);
    background: #ffffff;
    border: 1px solid #d3d7d8;
    border-top: none;
    height: 61px;
  }
  .comments {
    width: 100%;
    padding: 0;
    margin-left: 0;
    display: none;
  }
  .aivotes-mobile {
    display: block;
    border: 1px solid #d2d7da;
    border-radius:  0 0 5px 5px;
  }
  .aivotes-mobile:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .aivotes-mobile div.aivotedown {
    border-right: 0;
    border-radius:  0 0 5px 0;
  }
  .aivotes-mobile div.aivoteup {
    border-radius:  0 0 0 5px;
  }
  .aivotes-mobile div {
    display: inline-block;
    width: calc(100%/3);
    background: #f2f6f9;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
    border-right: 1px solid #d2d7da;
    padding-top: 31px;
    height: 52px;
  }
  .aivotes-mobile div.aicurrentrank {
    border: none;
    border-right: 1px solid #d2d7da;
    width: calc(100%/3 - 2px);
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #78909c;
    padding-top: 20px;
    height: 63px;
  }
  .aivotes-mobile div.aicurrentrank strong {
    font-size: 20px;
    color: #f16524;
  }
  #albumtxt-mobile p#albumdate {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #78909c;
    padding-left: 24px;
    background: url('/img/date.svg') no-repeat 0 0;
    background-size: 18px 20px;
  }
  #albumtxt-mobile p#totalphotos {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #78909c;
    padding-left: 24px;
    background: url('/img/photo.svg') no-repeat top 1px left 0;
    background-size: 18px 18px;
    margin-right: 15px;
  }
  #albumtxt-mobile p#totalviews {
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #78909c;
    padding-left: 28px;
    background: url('/img/view.svg') no-repeat top 3px left 0;
    background-size: 22px 15px;
    margin-right: 15px;
  }
  .albumimg img {
    margin: 0 auto 10px;
    float: none;
    display: block;
  }
  #newalbum input[type="button"] {
    padding: 10px 0;
    width: 100%;
    background: #84a935;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    border: none;
    border-top: 2px solid #9bc641;
    box-shadow: 0px 2px 0 #627a22;
    text-transform: uppercase;
    -webkit-appearance: none;
  }
  .social {
    margin-left: 22%;
  }
  #contactc {
    width: 100%;
    margin: 0 auto;
  }
  #contactname {
    float:left; width: 100%; margin-right: 0;
  }
  #contactc input[type=text] {
    width: calc(100% - 20px);
    padding: 10px;
    min-height: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    border: 1px solid #d3d7da;
  }
  #contactemail {
    float:left; width: 100%;
  }
  #contacto {
    height: 120px;
    margin-bottom: 20px;
    width: calc(100% - 20px);
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #d3d7da;
  }
  #formcontacto label {
    margin-bottom: 10px;
  }
  #botones input {
    padding: 10px 0;
    width: 100%;
    background: #84a935;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    border: none;
    border-top: 2px solid #9bc641;
    box-shadow: 0px 2px 0 #627a22;
    text-transform: uppercase;
    -webkit-appearance: none;
  }
  .comentario > a, .comentario > a img {
    width: 100px; height: 100px;
  }
  .comentario > div {
    width: calc(100% - 140px);
  }
  p {
    font-size: 16px;
    line-height: 24px;
    color: #37474f;
  }
  p, a {
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
  }
  #homepage #features {
    text-align: center;
  }
  #features div {
    margin: 0 2.5%;
    width: 44%;
    float: left;
  }
  #features div img {
    width: 100%;
  }
  #homepage #features h2 {
    margin: 0 0 10px 0;;
    text-align: center;
  }
  #userstats {
    background: #f2f6f8;
    border: 1px solid #cfd8dc;
    border-radius: 6px;
    width: calc(100% - 30px);
    padding: 10px 15px;
  }
  #userstats p {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    width: auto;
    font-size: 12px;
    color: #78909c;
    font-weight: 600;
    border: none;
  }
  #userstats p:first-of-type {
    margin-right: 10px;
    padding-left: 25px;
    background: url('/img/album.svg') no-repeat top 6px left 0;
    background-size: 20px 16px;
  }
  #userstats p:nth-of-type(2) {
    margin-right: 10px;
    padding-left: 23px;
    background: url('/img/photo.svg') no-repeat top 6px left 0;
    background-size: 18px 18px;
  }
  #userstats p:last-of-type {
    padding-left: 25px;
    background: url('/img/comment.svg') no-repeat top 7px left 0;
    background-size: 20px 20px
  }
  #userstats p span:before {
    content: " ";
  }
  #userstats p span {
    font-weight: 600;
    display: inline;
    color: #78909c;
    font-size: 12px;
  }
  #userinfo {
    float: left;
    width: calc(100% - 135px);
  }
  #userdata img {
    margin-left: 0;
  }
  #maincontent .cf h2 {
    margin-left: 15px;
  }
  #maincontent .promo {
    width: calc(100%/2);
  }
  .aiinfo p.aieliminarp {
    margin: 19px 11px 0 0;
  }
  .aieliminar {
    display: none;
  }
  .aieliminar-mobile {
    display: block;
    font-size: 0;
    width: 15px;
    height: 17px;
    background: url(/img/flag.svg) no-repeat center;
    background-size: 15px 17px;
    padding-left: 0;
  }
  .flagtypes {
    margin-left: 0;
    width: calc(100% - 21px);
    border-radius: 0;
    background: #f9fafc;
    border: 1px solid #cfd7d9;
    border-top: none;
  }
  .flagtypes div {
    margin: 14px 0;
  }
  .flagbuttons .button.small {
    width: 100%;
    padding: 10px 0;
    max-width: inherit;
    display: block;
    -webkit-appearance: none;
  }
  .flagbuttons {
    text-align: center;
    font-size: 0;
  }
  .flagbuttons a {
    font-size: 20px;
    margin: 10px 0;
    display: block;
  }
  #social {
    padding: 30px 0;
    margin-bottom: -16px;
  }
  #caption p {
    width: calc(100% - 10px);
    margin: 0;
  }
  #testimonials {
    display: none;
  }
  #testimonials-mobile {
    display: block;
    width: 95%;
    margin: 20px auto;
    float: none;
    text-align: center;
  }
  #testimonials-mobile h2 {
    font-size: 19px;
    margin-bottom: 20px;
  }
  .testimonial-mobile:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .testimonial-mobile {
    height: 152px;
  }
  .testimonial-mobile div {
    float: left;
    margin-top: 18px;
    width: calc(100% - 224px);
    text-align: center;
  }
  .testimonial-mobile .author {
    margin: 0 auto;
  }
  .testimonial-mobile .quote {
    width: 174px;
    padding: 10px 15px 0 35px;
    float: left;
    margin-top: 30px;
  }
  #t1-mobile {
    background: url(/img/t1.gif) no-repeat top right;
    background-size: 224px 152px;
  }
  #t2-mobile {
    background: url(/img/t2.gif) no-repeat top right;
    background-size: 224px 152px;
  }
  #t3-mobile {
    background: url(/img/t3.gif) no-repeat top right;
    background-size: 224px 152px;
  }
  #t4-mobile {
    background: url(/img/t4.gif) no-repeat top right;
    background-size: 224px 152px;
  }
  .latestusers {
    width: calc(100%/5);
  }
  #albumimgs .copydetails div {
    width: 100%;
  }
  #albumimgs .flagtypes .copydetails label {
    display: block;
  }
  #albumimgs .flagtypes .copydetails textarea {
    width: calc(100% - 20px);
  }
  #albumimgs .flagtypes .copydetails input {
    width: calc(100% - 6px);
    height: 30px;
  }
  #albumimgs .flagtypes .copydetails {
    margin-left: 0;
  }
  .postedby-mobile {
    display: block;
    vertical-align: middle;
    margin: 5px 0 10px 15px;
  }
  .postedby-mobile img.authorpic {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 0 4px 0 2px;
    border: 2px solid white;
  }
  #add-albumimgs > img {
    max-width: calc(100%/4 - 4px);
    -webkit-flex: 0 1 calc(100%/4 - 4px);
    -ms-flex: 0 1 calc(100%/4 - 4px);
    flex: 0 1 calc(100%/4 - 4px);
    max-width: calc(100%/4 - 4px);
  }
  h1, h2, h3, h4 {
    text-align: center;
  }
  p#tagsc-mobile {
    margin-bottom: -5px;
    margin-top: 10px;
  }
  p#addmore {
    font-size: 24px;
    text-align: center;
  }
  .mobile-only {
    display: block !important;
  }
  #sidebar .box h2.mobile-only {
    font-size: 14px;
    border-bottom: 1px solid #bbb;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
  }
  #deleteuser {
    margin: 0;
  }
  #userinfo h1 {
    text-align: left;
    color: #37474f;
    font-size: 20px;
    font-family: 'Asap', Helvetica Neue;
    word-break: break-word;
  }
  .deleteimage {
    text-align: center;
    margin: 10px 0;
    display: block;
  }
  .desktop-only {
    display: none;
  }
  #tags {
    float: none;
  }
  #homepage #tagline h1 {
    color: #36474f;
    padding: 0 15px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
  }
  #homepage #tagline h1 span {
    font-size: 28px; 
  }
  #albumshome h2, #social h2, #homepage h2, .cf h2, #sidebar h2 {
    font-size: 20px; color: #354751;
    font-weight: 600;
    font-family: 'Asap', Helvetica Neue;
    margin: 30px 0;
    padding: 0;
    text-align: left;
  }
  #albumshome h2 {
    margin: 30px 2.5%;
  }
  .cf h2 span {
    color: #a4be6d;
  }
  .algumimg {
    margin-bottom: 0;
  }
  .aivotes-mobile {
    margin-bottom: 20px;
    width: calc(100% - 1px);
  }
  .comments {
    background: #f9fafc;
    border: 1px solid #cfd7d9;
    border-top: none;
    padding: 15px;
    border-radius: 0;
    width: calc(100% - 31px);
  }
  .button.small {
    padding: 7px 11px 5px;
    width: calc(100% - 22px);
    text-transform: uppercase;
    border-radius: 3px;
    box-shadow: none;
    border: none;
    text-shadow: none;
    background: #84a935;
    box-shadow: 0px 2px 0 #627a22;
    border-top: 2px solid #9bc641;
  }
  .comment {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
  .comment .commenttxt {
    width: calc(100% - 59px);
  }
  .comment img {
    border: 0;
    border-radius: 0;
    padding-right: 4px;
    padding-left: 0;
  }
  #albumimgs .comment textarea {
    background: #ffffff;
    margin-top: 0;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #d3d7da;
  }
  #sidebar .author {
    background: #f2f6f8;
    margin-bottom: 20px;
    border-radius: 6px;
    border: 1px solid #cfd8dc;
  }
  #sidebar .authorname {
    font-size: 20px;
    color: #37474f;
    font-weight: 400;
    text-transform: none;
  }
  #sidebar .author p {
    color: #78909c;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 5px;
    background: url(/img/album.svg);
    background-repeat: no-repeat;
    background-size: 20px 16px;
    background-position: top 1px left 95px;
    padding-left: 122px;
  }
  #sidebar .author img.authorpic {
    margin-right: 25px;
    width: 70px !important;
  }
  #sidebar .button {
    padding: 10px 0;
    width: 100%;
    background: #84a935;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    border: none;
    border-top: 2px solid #9bc641;
    text-align: center;
    box-shadow: 0px 2px 0 #627a22;
    text-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
  }
  .comentario {
    border: none;
    padding-bottom: 25px;
    border-bottom: 1px solid #d0d7db;
    margin-bottom: 35px;
  }
  .comentario .comment-date {
    color: #78909c;
    font-size: 12px;
    font-weight: 400;
    margin: -5px 0 0 0;
  }
  .comentario .comment-date a {
    display: block;
  }
  .comentario .user-comment {
    margin-top: 11px;
    font-size: 16px;
    color: #37474f;
    margin-bottom: 0;
  }
  .comentario .user-comment a {
    text-decoration: underline;
    color: #41a2d2;
  }
  .comentario a {
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 700;
    color: #546e7a;
    text-decoration: none;
  }
  .comentario > a {
    margin-left: 0;
  }
  #content h1 {
    font-size: 20px;
    color: #37474f;
    font-weight: 700;
    text-align: left;
    margin: 0 0 25px 0;
  }
  .comment-author {
    margin-top: -5px;
    border-bottom: 1px solid #d0d7db;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .autorcomentario {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
  }
  .comentario a.author-name {
    display: block;
  }
  .comentario h3 {
    text-align: left;
    margin: 0 0 -5px 0;
  }
  .comentario h3 a {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #546e7a;
  }
  #previouscomments {
    margin: 0 0 15px;
  }
	#searchform{
		width: calc(100% - 20px);
		margin-top: -30px;
		margin-bottom: 20px;
	}
	#searchform input{
		padding: 10px 20px;
	  width: calc(100% - 20px);
		height: 44px;
	}
	#searchform button {
	  top: 36px;
	}
}
@media only screen and (max-width: 400px)  {
  #tagline {
    height: 300px;
  }
  .latestusers {
    width: calc(100%/5);
    height: 72px;
  }
  .latestusers img {
    height: 70px;
  }
  #add-albumimgs > img {
    max-width: calc(100%/3 - 4px);
    -webkit-flex: 0 1 calc(100%/3 - 4px);
    -ms-flex: 0 1 calc(100%/3 - 4px);
    flex: 0 1 calc(100%/3 - 4px);
  }
  input[type="checkbox"] {
    zoom:1.5;
    transform:scale(1.5);
    -ms-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    -moz-transform:scale(1.5);
    transform-origin:0 0;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -o-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    margin-right: 7px;
  }
}