@charset "UTF-8";

.clear {
  clear:both;
}

/* Animaciones */
@-webkit-keyframes esqInfIzq {
  75% {
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:15px;
    -webkit-border-bottom-left-radius:0;
  }
}

@keyframes esqInfIzq {
  75% {
    border-top-left-radius:15px;
    border-top-right-radius:20px;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:0;
    -moz-border-top-left-radius:15px;
    -moz-border-top-right-radius:20px;
    -moz-border-bottom-right-radius:15px;
    -moz-border-bottom-left-radius:0;
  }
}

@-webkit-keyframes esqInfDer {
  75% {
    -webkit-border-top-right-radius:15px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:0;
  }
}

@keyframes esqInfDer {
  75% {
    border-top-right-radius:15px;
    border-top-left-radius:20px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:0;
    -moz-border-top-right-radius:15px;
    -moz-border-top-left-radius:20px;
    -moz-border-bottom-left-radius:15px;
    -moz-border-bottom-right-radius:0;
  }
}

@-webkit-keyframes esq {
  50% {
    -webkit-border-radius:50%;
  }
}

@keyframes esq {
  50% {
    border-radius:50%;
  }
}

a:link,a:active,a:hover {
  color:#9ACD32;
}

a:visited {
  color:#9ACD32;
}

/* Fuente no estandar HTML */
@font-face {
  font-family:'Indie Flower';
  font-style:normal;
  font-weight:400;
  src:Verdana,Helvetica,sans-serif;
}

body {
  background-color:#141413;
  color:#F0F;
  font:normal 16px Verdana,Helvetica,sans-serif;
  background-repeat:no-repeat,repeat;
  background-attachment:fixed,scroll;
  background-size:contain,auto;
  margin:0 auto;
  -webkit-padding-start:0;
  padding-start:0;
  padding:0;
  overflow-x:hidden;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFF;
  filter:alpha(opacity=0);
  opacity:0;
}

.profile_section_content .heading {
  opacity:.8;
  filter:alpha(opacity=80);
  padding:5px;
  background-color:#FF00FF;
  color:#141413;
  font:bold 16px 'Indie Flower',Tahoma,Geneva,sans-serif;
  padding-left:25px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  border-top-left-radius:10px;
  border-top-right-radius:15px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:0;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:0;
  -moz-border-top-left-radius:10px;
  -moz-border-top-right-radius:15px;
  -moz-border-bottom-right-radius:10px;
  -moz-border-bottom-left-radius:0;
}

.content {
  padding:5px;
}

/* Ocultamos lo que no interesa */
#unix_last_broadcast_container,#tags_container,#header_bar,#status_label,#unix_last_updated_container,#unix_last_login_container,#blurb_container,#footer_bar,#wall_poster_username,#avatar_holder,#profile_interests_content#about_me_label,#profile_about_me .heading,#about_me_label {
  display:none;
}

#profile_header_container > .heading {
  display:none;
}

#profile_header_container > #blurb_container {
  display:none;
}

#profile_header_container > #unix_last_updated_container {
  display:none;
}

/* DIV donde esta todo el perfil */
#profile {
  height:90%;
  width:70%;
  z-index:0;
  position:relative;
  padding-top:20px;
  margin:0 15%;
  padding:0 auto;
}

/* DIV on informacion del perfil*/
#profile_about_me {
  width:50%;
  margin:0 50%;
}

/* DIV de comentarios */
#profile_comments {
  margin-bottom:20px;
}

/* Contenedor de insertar comentario */
#new_comment {
  margin:0 auto;
  padding:0 auto;
  width:95%;
}

#new_comment_inputs {
  width:94%;
}

input {
  color:#F0F;
  font-family:'Indie Flower',Tahoma,Geneva,sans-serif;
  background-image:url(https://subtlepatterns.com/patterns/tweed.png);
  background-repeat:repeat;
}

/* Textarea para insertar comentario */
#user_comment_comment {
  font-size:18px;
  font-weight:bold;
  font-family:'Indie Flower',Tahoma,Geneva,sans-serif;
  padding:2%;
  margin:1% 0;
  opacity:.8;
  filter:alpha(opacity=80);
  border:0;
  background-color:#3f3f3f;
  background-image:url(https://subtlepatterns.com/patterns/tweed.png);
  background-repeat:repeat;
  color:#F0F;
  border-top-left-radius:10px;
  border-top-right-radius:15px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:0;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:15px;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:0;
  -moz-border-top-left-radius:10px;
  -moz-border-top-right-radius:15px;
  -moz-border-bottom-right-radius:10px;
  -moz-border-bottom-left-radius:0;
  overflow:auto;
  text-indent:15px;
  min-width:200px;
  min-height:50px;
  height:133px;
  width:94%;
}

#user_comment_comment:hover {
  -webkit-animation:esqInfIzq 1s;
  -moz-animation:esqInfIzq 1s;
  animation:esqInfIzq 1s;
}

/* Comentarios */
#comments {
  margin:0 auto;
  padding:0 auto;
  width:95%;
}

/* Imagenenes de avatar y de fotos en miniatura */
.photo_gallery_image,.img_radius_shadow {
  background-color:#151514;
  background-image:url(https://4.bp.blogspot.com/-Pi1PGFgcIf8/Uc9rtCF77yI/AAAAAAAABWI/8DJwwbxd6H4/s483/AvatarCapitan.jpg);
  background-repeat:no-repeat;
  background-position:center;
  background-size:50px 50px;
  margin-top:30px;
  border:0;
  border-top-left-radius:15px;
  border-top-right-radius:10px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:10px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-top-left-radius:15px;
  -moz-border-top-right-radius:10px;
  -moz-border-bottom-right-radius:0;
  -moz-border-bottom-left-radius:10px;
}

.photo_gallery_image:hover,.img_radius_shadow:hover {
  -webkit-animation:esqInfDer 1s;
  -moz-animation:esqInfDer 1s;
  animation:esqInfDer 1s;
}

.photo_gallery_lock {
  background-image:url()!important;
  background-color:transparent!important;
}

/* Cuando ponemos el raton encima el comentario se ve mas grande */
.wall_post:hover {
  -webkit-transform:scale(1.05,1.05);
  -moz-transform:scale(1.05,1.05);
  -o-transform:scale(1.05,1.05);
  -ms-transform:scale(1.05,1.05);
  transform:scale(1.05,1.05);
  z-index:5000;
}

/* Comentario escrito */
.wall_post_body {
  background-color:#3f3f3f;
  background-image:url(https://subtlepatterns.com/patterns/tweed.png);
  background-repeat:repeat;
  border:0;
  filter:alpha(opacity=60);
  opacity:.6;
  border-top-left-radius:15px;
  border-top-right-radius:10px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:10px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-top-left-radius:15px;
  -moz-border-top-right-radius:10px;
  -moz-border-bottom-right-radius:0;
  -moz-border-bottom-left-radius:10px;
  font-size:18px;
  font-weight:bold;
}

.wall_post_info {
  display:inline-table;
  padding:5px 0;
}

.wall_post_avatar {
  padding-top:9px;
  margin-right:2px;
}

#wall_poster_avatar {
  margin-top:0!important;
}

#contenedorMenu {
  position:fixed;
  left:0;
  top:0;
  background-color:#141413;
  z-index:100;
  text-align:center;
  width:100%;
  height:41px;
  margin:0 auto;
  padding:0 auto;
  border-top-left-radius:0;
  border-top-right-radius:0;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  -webkit-border-top-left-radius:0;
  -webkit-border-top-right-radius:0;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-top-left-radius:0;
  -moz-border-top-right-radius:0;
  -moz-border-bottom-right-radius:10px;
  -moz-border-bottom-left-radius:10px;
}

#contenedorMenuUL {
  position:fixed;
  width:60%;
  margin-left:10%;
  margin-right:auto;
}

#menu {
  text-align:center;
  list-style:none;
  margin:0 auto;
  list-style-type:none;
  padding:0;
}

#menu li {
  float:left;
  display:block;
  text-align:center;
  margin:0 auto;
  width:30%;
}

#menu li a {
  display:block;
  font-size:24px;
  font-weight:bold;
  color:#3f3f3f;
  text-decoration:none;
  padding:10px;
}

#menu a {
  -webkit-transition:.3s opacity ease-in-out;
  -moz-transition:.3s opacity ease-in-out;
  -o-transition:.3s opacity ease-in-out;
  -ms-transition:.3s opacity ease-in-out;
  transition:.3s opacity ease-in-out;
}

#contenedorMenuUL:hover a {
  opacity:.5;
  -webkit-filter:blur(2px);
}

#contenedorMenuUL a:hover {
  opacity:1;
  -webkit-filter:blur(0);
}

#contenedorMenuSocial {
  position:fixed;
  width:20%;
  height:41px;
  margin-left:70%;
  margin-right:10%;
  float:right;
}

.social {
  position:relative;
  border:0;
  width:41px;
  height:41px;
  float:right;
  margin-left:10px;
  overflow:hidden;
}

#menu:hover a {
  opacity:.5;
  -webkit-filter:blur(2px);
}

#menu a:hover {
  opacity:1;
  -webkit-filter:blur(0);
}

.social div:hover {
  opacity:.5;
  -webkit-filter:blur(2px);
}

.social hover {
  opacity:1;
  -webkit-filter:blur(0);
}

.social img {
  position:absolute;
  left:0;
  top:0;
  border:0;
  height:41px;
}

#contenedorMenuSocial:hover a {
  opacity:.5;
}

#contenedorMenuSocial a:hover {
  opacity:1;
}

/* Boton para subir al inicio de pagina */
a#subirArriba {
  background:url(https://2.bp.blogspot.com/_-fjXrcnwS8I/SeJP2tLvAmI/AAAAAAAABHs/07fUbn-LvJY/S220/flecha_arriba.png) no-repeat scroll center center rgba(0,0,0,0);
  background-size:100% 100%;
  box-shadow:0 0 3px rgba(0,0,0,0.1);
  bottom:35px;
  font-size:0;
  height:35px;
  outline:0 none;
  position:fixed;
  right:20px;
  text-indent:-9999px;
  width:35px;
}

/* Ponemos la barra de status al final de la pagina como fija */
#status_container {
  bottom:0;
  left:0;
  position:fixed;
  z-index:600;
  margin:0;
  padding-left:30%;
  color:#9ACD32!important;
}

a#status_container,#member_type_value {
  color:#9ACD32!important;
}

#status_container .label {
  min-width:40px;
}

.miStatus {
  background-color:#F0F;
  border:0;
  box-shadow:0 0 3px rgba(0,0,0,0.1);
  bottom:0;
  color:#717171;
  font-size:14px!important;
  left:0;
  margin:auto;
  position:fixed;
  text-align:center;
  width:100%;
  z-index:500;
  padding:4px;
  height:20px;
}

#status_value {
  font-size:16px!important;
}

.profile_section_content {
  z-index:inherit;
}

.container {
  display:block;
}

#status_container .label {
  min-width:40px;
}

#unix_last_login_container .label {
  min-width:60px;
}

#profile_header_container a {
  text-decoration:none;
}

#send_message {
  margin-right:25px;
}

#rate_container {
  background-color:#FF00FF;
  border:0;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  color:#141413;
  left:80%;
  margin:0;
  padding:10px 10px 10px 23px;
  position:fixed;
  top:191px;
  max-width:108px;
  z-index:95;
}

#rating_confirm,#admire_confirm,#make_friend_confirm,#admire,#make_friend {
  color:#141413;
}

#new_admirer {
  background-color:#FF00FF;
  border:0;
  left:80%;
  margin:0;
  padding:8px;
  position:fixed;
  top:42px;
  min-width:125px;
  z-index:99;
  text-align:center;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

#new_admirer a {
  text-decoration:none;
}

#cam_score_container {
  left:80%;
  margin:0;
  max-width:108px;
  min-width:108px;
  padding:10px 17px 10px 16px;
  position:fixed;
  top:120px;
  z-index:96;
  background-color:#FF00FF;
  border:0;
  color:#141413;
  left:80%;
  font-weight:bold;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

#cam_score_label {
  text-align:center;
  min-width:104px;
}

#cam_score_value {
  display:block;
  font-weight:700;
  text-align:center;
}

#new_homepage_friend {
  background-color:#FF00FF;
  border:0;
  left:80%;
  margin:0;
  padding:8px;
  position:fixed;
  top:81px;
  min-width:125px;
  z-index:98;
  text-align:center;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}

#new_homepage_friend a {
  text-decoration:none;
}

#rate_value {
  display:block;
}

#rate_label {
  text-align:center;
  min-width:104px;
}

#profile_main_photo {
  left:2px;
  position:absolute;
  top:190px;
}

#profile_header_container {
  min-height:0;
}

#perfil {
  width:35%;
  position:absolute;
  top:5%;
  left:5%;
  padding-top:0;
  margin:0;
  -webkit-perspective:300px;
  -moz-perspective:300px;
  perspective:300px;
}

#perfil:hover {
  z-index:5000;
}

#perfil img {
  border:5px solid #FF00FF;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  width:100%;
}

#perfil img:hover {
  -webkit-animation-timing-function:linear;
  -moz-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-duration:4s;
  -moz-animation-duration:4s;
  animation-duration:4s;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}

/* Menu de tip */
.tipMenu {
  position:relative;
  left:-50%;
}

.tipMenu a {
  color:#FF00FF;
  text-decoration:none;
}

.tipMenu a:hover {
  text-decoration:none;
  color:#9ACD32;
}

.tipMenu .tip {
  opacity:.95;
  filter:alpha(opacity=95);
  border-top-left-radius:15x;
  border-top-right-radius:10px;
  border-bottom-right-radius:0;
  border-bottom-left-radius:10px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-top-left-radius:15px;
  -moz-border-top-right-radius:10px;
  -moz-border-bottom-right-radius:0;
  -moz-border-bottom-left-radius:10px;
  background-color:#3f3f3f;
/* # background-image:url(https://www.toptal.com/designers/subtlepatterns/uploads/5-dots.png); */
  background-repeat:repeat;
  border:0;
  color:#000;
  float:left;
  font-size:14px;
  position:relative;
  width:100%;
  min-width:550px;
}

.tipMenu h3 {
  font-size:22px;
  font-weight:normal;
  text-align:center;
}

.tipMenu ul {
  text-align:center;
  list-style:none;
  margin:0 0 40px;
  padding:0;
  font-size:17px;
}

.tipMenu li {
  padding:10px 40px;
}

.iconoTip {
  width:30px!important;
  margin:-10px 5px;
}

/* DIV que aparece para introducir contraseña cuando hay fotos protegidas */
#cboxLoadedContent,#gallery_password_form_modal,#protected_gallery_name {
  opacity:.9;
  filter:alpha(opacity=90);
  background-color:#151514;
  color:#F0F;
  background-image:url(https://subtlepatterns.com/patterns/zwartevilt.png);
  background-repeat:repeat;
}

/* Color de fondo de ventana emergente que aparece para meter contraseña */
#cboxOverlay {
  background-color:#151514;
  background-image:url(https://subtlepatterns.com/patterns/tweed.png);
  background-repeat:repeat;
}

/* Boton de cerrar ventana de meter contraseña de galeria protegida */
#cboxClose {
  background-color:#FF7F50;
  border-radius:50%;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
}

#send_message_container {
  width:90%;
  margin:0 auto;
  -webkit-padding-start:0;
  padding-start:0;
  padding:0;
}

#send_message_form_modal {
  background-image:url(https://subtlepatterns.com/patterns/tweed.png);
  background-repeat:repeat;
  padding-left:25px;
  border-radius:10px;
}

.ps-carousel {
  background-image:url(https://subtlepatterns.com/patterns/zwartevilt.png);
  background-repeat:repeat;
}

.ps-toolbar {
  background-image:url(https://subtlepatterns.com/patterns/tweed.png)!important;
  background-repeat:repeat;
}

.ps-caption {
  display:none!important;
}

#videos {
  margin-top:10px;
}

.logo-v2 {
  position:absolute;
  top:8px;
  left:50%;
  margin-left:-20px;
  display:inline-block;
  background:url(https://www.manyvids.com/img/logo-v2.png) left top/100% no-repeat;
  width:38px;
  height:46px;
}

/* Media queries */
@media (max-width: 950px) {
  #menu li a {
    font-size:20px;
  }
}

@media (max-width: 820px) {
  #menu li a {
    font-size:18px;
  }
}

@media (max-width: 740px) {
  #menu li a {
    font-size:16px;
  }

  #status_container {
    padding-left:25%;
  }

  #status_container {
    padding-left:20%;
  }
}

@media (max-width: 675px) {
  .social {
    margin-left:5px;
  }

  #menu li a {
    font-size:14px;
  }

  #status_container {
    padding-left:20%;
  }

  #status_container {
    padding-left:10%;
  }
}

@media (max-width: 605px) {
  #menu li a {
    font-size:12px;
  }

  body {
    font-size:12px;
  }

  #status_container {
    padding-left:15%;
  }

  #new_homepage_friend {
    top:75px;
  }

  #cam_score_container {
    top:107px;
  }

  #rate_container {
    top:165px;
  }

  #status_container {
    padding-left:0;
  }
}