.user-login-info{background:white;border:1px solid #CCCCCC;border-radius:0.3em;margin-bottom:20px;padding:15px;vertical-align:top;}
.user-login-info-1{width:84%;display:inline-block;/*padding: 0 2.5%;*/}
.user-login-info-1 > span{display:inline-block;width: 72%;}
.user-login-info-1 > button{height:50px;float:right;}
.user-login-info > a > img{vertical-align: top!important;}

.user-login-info-1 > span:nth-child(1){font:28px v2;}
.user-login-info-1 > span:nth-child(2){font:16px Arial;}
.user-login-info-1 > button:nth-child(3){font:17px Arial;background:white;border:1px solid #CCCCCC;border-radius:0.3em;width:165px;  margin-top: -25px;}
.user-login-info-1 > button > i{font-size:14px;}
.user-login-info-1 > span:nth-child(4){font:28px v2;color:red;  width: 100%;  border-top: 1px solid #CCCCCC;  margin-top: 10px;  padding: 10px 0 5px 0;}
.user-login-info-1 > span:nth-child(5){font:16px Arial;}
.user-login-info-1 > button:nth-child(6){white-space:nowrap;font:17px Arial;background:#80AF00;color:white;border:1px solid #CCCCCC;border-radius:0.3em;width:165px;  margin-top: -25px;}
.user-login-info-1 > button:nth-child(6) > i{font-size:18px!important;color:white!important;}


.user-login-info h5{width:100%;text-align:center;font:28px v2;font-weight: 600;padding-top:10px;}
.user-login-info h6{width:100%;text-align:center;font:16px Arial;padding:15px 0;}
.login-users{  width: 208px!important;margin: 0 auto!important;  text-align: center!important;}

.user-profile{float:left;width:100%;padding:35px 25px;background:#1E5E5E;border-radius: 0.3em;margin-top:25px;display:block;}
.user-profile > a > img{float:left;}
.user-profile > figcaption{float:left;padding-left:40px;color:white;font:16px Arial;}
.user-profile > figcaption > h1 > a{font:32px v2;font-weight: 600;color:#FFFFFF!important;}
.user-profile > figcaption > h1 > span{font:16px Arial;font-weight: normal;height:25px;display:inline-block;line-height:26px;vertical-align: middle;border-left:1px solid white;padding-left:10px;}
.user-profile > figcaption > h1 > span > img{  height: 25px;margin-top: -6px;}
.user-profile p{line-height:20px;}
.user-profile-title{width:100%;text-align:center;display:block;float:left;padding:15px 0 15px 0;border-bottom:1px solid #CCCCCC;font:22px v2;font-weight: 600;color:#333333;margin-bottom:30px;}
.user-profile-title i{border:1px solid #CCCCCC;color:#333333;padding:10px 10px 8px 10px;border-radius:0.3em;float:right;margin-top:10px;cursor:pointer;}
.user-profile-title i:hover{color:white;background:#333333;transition-property:color,background-color;  transition-duration: 0.5s;}

.user-title{width:100%;  padding: 8px 0 15px 0;float:left;font:22px v2;font-weight: 600;color:#333333;}
.gallery-item-small,.gallery-item-small {position:relative;}
.gallery-item-small > i,.gallery-item-small > I{padding:3px 5px 5px 5px;border:1px solid #CCCCCC;background:white;color:#999999;font-size:20px;text-align:center;vertical-align: middle;position:absolute;right:5px;top:5px;}

.last-games > figure{position:relative;}
.last-games > figure > i{padding:3px 5px 5px 5px;border:1px solid #CCCCCC;background:white;color:#999999;font-size:20px;text-align:center;vertical-align: middle;position:absolute;right:10px;top:10px;cursor:pointer;}

.deleteLayer{display:none;position: absolute;top:0;left:0;background:rgba(255,255,255,0.9);padding:10px;text-align:center;height:100%;}
.deleteLayer > h6{font: 16px Arial;margin-bottom:5px;}
.w90{width:90%;}
.user-profile button{float:right;border:1px solid #FFFFFF;background-color:transparent;margin-bottom:10px;color:#FFFFFF;font:16px Arial;width:165px;text-align:center;padding:15px 0;border-radius:0.3em;clear:right;}
.user-profile button:hover{background:#134141;ransition-property:background-color;  transition-duration: 0.5s;}
.user-profile button > i{font-size:12px;}

.btn-green{background:#80AF00!important}
.btn-green:hover{  transition-property:background-color;
  transition-duration: 0.5s;
  background: #619100!important;
  }
.btn-green > i{color:white!important;font-size: 18px!important;}

#user-profile-avatar{border-radius: 50%;border:5px solid white;}
.user-profile-settings{position:relative;border:1px solid #CCCCCC;border-radius:0.3em;padding:20px;width:100%;max-width:410px;float:left;}
.user-profile-settings > div{border-left:1px solid #CCCCCC;  display: inline-block;  height: 107px;  vertical-align: middle;padding-left:29px;}
.user-profile-settings > div > button{width:100%;margin-top:10px;background:#FFFFFF;color:#333333;font:16px Arial;text-align: center;border:1px solid #CCCCCC;float:right;clear:right;vertical-align: middle;border-radius:0.3em;padding:10px;}
.user-profile-info{display: inline-block;width: 100%;margin-top:20px;}
.user-profile-info > span{width:100%;display:inline-block;font:16px Arial;height:25px;}
.user-profile-info > span > img{height: 25px;margin-top: -6px;}
#user-avatar-change{display:none;text-align: center;position:absolute;top:-1px;left:-1px;border:1px solid #CCCCCC;border-radius:0.3em;background:white;width:556px;padding:30px;}
#user-avatar-change > div > img{cursor:pointer;border:4px solid #FFFFFF;display:inline-block;border-radius:50%;margin:7px;border:}
#user-avatar-change > div > img:hover{border:4px solid #99CC33;}
#user-avatar-change i{ background: #CCCCCC;  font-size: 11px!important;  color: white;  padding: 6px 8px;  border-radius: 50%;  float:right;cursor:pointer;}
#user-avatar-change > h6{font: 22px v2;  font-weight: 600;  color: #333333;padding:10px 0 20px 0;}
#user-avatar-change > button{width:auto;text-align:center;float:none;  margin-top: 25px;}
.avatar-selected{border:4px solid #99CC33!important;}
.user-account-info{font:16px Arial;color:#333333;}
.user-account-info h5,.user-notifications h5{font:22px v2;font-weight: 600;color:#333333;border-top:1px solid #CCCCCC;padding:20px 0;margin-top:20px;}
.user-account-info > span{margin-top: 15px;display:inline-block;}
.user-account-facebook,.user-account-google,.user-account-windows { background: #3B589C;border-radius: 50%;color: white;height: 30px;width: 30px;vertical-align: middle;padding: 6px 0 0 9px;font-size: 18px;display: inline-block;margin-left: 5px!important;}
.user-account-google{background:#d34836;padding: 7px 0 0 8px;}
.user-account-windows{background:#126AAD;padding: 6px 0 0 8px;font-size: 14px;}
.user-notifications > div{color:#333333;border-top:1px solid #CCCCCC;padding:20px 0;font:12px Arial;}
.user-notifications > div > label{font:16px Arial;color:#333333;padding-left:10px;cursor:pointer;line-height:20px;}
#user-baja{padding:20px!important;border:1px solid #CCCCCC;border-radius:0.3em;  font: 16px Arial!important;  color: #333333!important;text-align:center;display:none;}
#user-baja i{  background: #CCCCCC;  font-size: 11px!important;  color: white;  padding: 6px 8px;  border-radius: 50%;  float:right;cursor:pointer;}
#user-baja > h6{font: 22px v2;  font-weight: 600;  color: #333333;padding-top:10px;}
#user-baja > p{margin-top:10px;}
/*#user-baja > button{margin-top:20px;background:#FFFFFF;padding:10px 20px;border:1px solid #CCCCCC;border-radius:0.3em;}*/
#user-baja > button{margin-top:20px;}





.user-favoritos{border-top:1px solid #CCCCCC;  padding: 20px 0 15px 0;margin-bottom: 10px;}
.user-favoritos > img {margin-top:-10px;}
.user-subtitle{width:100%;float:left;text-align:center;font:20px v2;font-weight: 600;line-height: 60px;}
.user-subtitle i{border:1px solid #CCCCCC;color:#333333;padding:10px 10px 8px 10px;border-radius:0.3em;float:right;margin-top:10px;cursor:pointer;}
.user-subtitle i:hover{color:white;background:#333333;}
.guardar-mis-dibujos{float:left;margin:0 0 30px 0;}
.last-games{  margin-top: -20px;padding-bottom: 0px;}

.user-item{background:#99CC00;padding:15% 0;border-radius:0.3em;margin-bottom:25px;}
.user-item > a > img{padding:0;border: 7px solid #FFFFFF;border-radius: 50%;width:50%;margin-left:25%;}
.user-item > figcaption{width:100%;text-align:center;padding-top:5px;}
.user-item > figcaption > a{color:white;text-decoration:none;}
.user-item > figcaption i{font-size:11px;}


@media(max-width: 1199px) { 
    .user-login-info-1 > span{width: 66%;}
    }

@media (min-width: 980px) and (max-width: 1199px) {.user-profile > figcaption{padding-left:10px!important;}}

@media (max-width: 767px) {
    
    .user-login-info-1{text-align:center;}
    .user-login-info-1 > button{float:left;clear:both;margin:10px 0 5px 0!important;float:none;}
    .user-login-info-1 > span{text-align:center;width: 100%;}
    .user-login-info-1{width:100%}
    .user-login-info > a > img{width:40%;text-align:center;float: none;}
    .user-login-info > a{  width: 100%;  display: inline-block;  text-align: center;}
    
    
    
    
    .user-profile button{float:none;margin:0 auto;display: block;}
    .user-profile button:first-child{clear:left;}
    #user-profile-avatar{text-align:center;}
    .user-profile > figcaption{text-align:center;padding: 0 0 20px 0;width:100%;}
    .user-profile > a{  width: 100%;  display: block;  text-align: center;}
    .user-profile > a > img{  text-align: center;  float: none;  display: inline-block;}
    .user-notifications > div > label{vertical-align: middle;  width: 95%;}
    .user-notifications > div > input{  vertical-align: top;}
    .user-notifications > div{display:table;}
    #user-avatar-change{width:100%;padding: 20px;}
    .deleteLayer > .login-link{width: 80%;font: 12px Arial;padding: 8px 10px;}
    .deleteLayer > h6{  font: 16px v2;}
    #msg_AVIS_SEM,#msg_AVIS_DIB{display:none;}
    .user-profile-settings > div{  padding-left: 5%;  width: 63%;height:auto;}
    #user-avatar{  width: 35%;}
    .user-profile-settings > div > button:first-child{margin-top:0;}
    .user-profile-settings{padding:10px;}
}
@media (max-width: 360px) {
    .deleteLayer > h6{  font: 14px v2;}
}