/* --- WE IMPORT STYLES --- */

/* @import url("formalize.css"); */

/* We started with the Reset ----------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: inherit;
	font-style: normal;
	vertical-align: baseline;
	background: transparent;
	border: 0;
	outline: 0;
}

/* HTML5 Reset for older browsers */
article, aside, figure, figure img, hgroup, footer, header, nav, section {
	display: block;
}


blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
a img { border: 0; }
:focus { outline: 0; }
a:hover, a:active { outline: none; }

/* General styles of use
----------------------------------------------- */

img,
embed,
object,
video { 
	max-width: 100%; 
}

.hide { display: none;  }
.clear { clear: both; }

body {
	color: #333;
	background: #E7EBF2;
	-webkit-text-size-adjust: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	width:100%;
}

hr { color: #FFF; background-color:#DEE0E3; height: 1px; border: 0; margin: 0 auto; text-align: center; }
hr.blue{ background-color:#D2DADF; }
hr.grey{ background-color: #EBEBEB}

.sh{float:none;clear:both;font-size:0px;line-height:0px;}
.fleft{ position:relative; float:left; }
.fright{ position:relative; float:right; }
.visible { display: block; }
.hand { cursor:pointer; }
.undecorated{ text-decoration:none; }
.centered{ text-align:center; }
.bold{ font-weight:bold; }
.justified{ text-align:justify; }
.italica{ font-style:italic !important; }

.bblue{ background-color:#10aedb; border:1px solid #0F9BC4; padding:6px 15px 6px 15px; color:#FFFFFF !important; font-size:13px; }
.bblue:hover{ background-color:#0F9BC4; border:1px solid #0D82A4; padding:6px 15px 6px 15px; color:#FFFFFF !important; text-decoration:none; }

.bgreen{ background-color:#7AB326; border:1px solid #5A841C; padding:6px 15px 6px 15px; color:#FFFFFF !important; font-size:15px; }
.bgreen:hover{ background-color:#679720; border:1px solid #044638; padding:6px 15px 6px 15px; color:#FFFFFF !important; text-decoration:none; }

.byellow{ background-color:#FFE26F; border:1px solid #D5AA00; padding:6px 15px 6px 15px; color:#624F00 !important; font-size:15px; text-align:center; }
.byellow:hover{ background-color:#FFD528; border:1px solid #AA8800; padding:6px 15px 6px 15px; color:#624F00 !important; text-decoration:none; }

.bred{ background-color:#E5180E; border:1px solid #CC0000; padding:6px 15px 6px 15px; color:#FFF !important; font-size:15px; }
.bred:hover{ background-color:#FC2E18; border:1px solid #CC0000; padding:6px 15px 6px 15px; color:#FFF !important; text-decoration:none; }

.bgrey{ background-color:#CDDBE6; border:1px solid #5B6B74; padding:6px 15px 6px 15px; color:#61727A !important; font-size:15px; }
.bgrey:hover{ background-color:#ABBAC4; border:1px solid #5B6B74; padding:6px 15px 6px 15px; color:#38444B !important; text-decoration:none; }

.bgrey2{ cursor:pointer; background-color:#E8E8E8; border:1px solid #CCCCCC; color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding:5px 20px; text-align:center; font-size:13px; }
.bgrey2:hover{ background-color:#DEDEDE; border:1px solid #BBBBBB; }


.rounded3{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.rounded{-moz-border-radius:5px; border-radius:5px; }
.rounded8{-moz-border-radius:8px; border-radius:8px; }
.rounded20{ -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }

.rounded10T{ -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; }


/*********************************/
/* buttons follow */
#areafollow{ margin-top:10px; font-family: Arial, Helvetica, sans-serif; }

#areafollow .botonf{ width:110px; cursor:pointer; background-color:#E8E8E8; border:1px solid #CCCCCC; }
#areafollow .botonf:hover{ cursor:pointer; background-color:#DEDEDE; border:1px solid #BBBBBB; }

#areafollow .botonfs{ width:110px; cursor:pointer; background-color:#14A7DD; border:1px solid #057ED0; }
#areafollow .botonfns{ width:110px; cursor:pointer; background-color:#D14740; border:1px solid #A93730; }

#areafollow .txtaction{ padding:5px; text-align:center; font-weight:bold; font-size:13px; }

#areafollow .follow{ color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); }

#areafollow .editprofile{ color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); }

#areafollow .following{ color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); }
#areafollow .unfollow{ color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); }

/*********************************/
/*********************************/



.mrg5T{ margin-top:5px; }
.mrg10T{ margin-top:10px; }
.mrg15T{ margin-top:15px; }
.mrg20T{ margin-top:20px; }
.mrg30T{ margin-top:30px; }
.mrg40T{ margin-top:40px; }
.mrg50T{ margin-top:50px; }

.mrg10B{ margin-bottom:10px; }
.mrg15B{ margin-bottom:15px; }
.mrg20B{ margin-bottom:20px; }

.mrg5R{ margin-right:5px; }
.mrg10R{ margin-right:10px; }
.mrg15R{ margin-right:15px; }
.mrg20R{ margin-right:20px; }
.mrg25R{ margin-right:25px; }

.mrg5L{ margin-left:5px; }
.mrg10L{ margin-left:10px; }
.mrg20L{ margin-left:20px; }

.pdn5{ padding:5px; }
.pdn10{ padding:10px; }
.pdn20{ padding:20px; }
.pdn10B{ padding-bottom:10px; }
.pdn20B{ padding-bottom:20px; }

.pdn10L{ padding-left:10px;}
.pdn10R{ padding-right:10px;}

.linkgray a{ color: #333 !important; text-decoration:none; }
.linkgray a:hover{ color: #333 !important; text-decoration:underline; }

.linkblue a{ color: #3b5998 !important; text-decoration:none; }
.linkblue a:hover{ color: #3b5998 !important; text-decoration:underline; }

.linkblue2 a{ color: #000 !important; text-decoration:none; }
.linkblue2 a:hover{ color: #0084B4 !important; text-decoration:underline; }

.linkblue3 a{ color: #0084B4 !important; text-decoration:none; }
.linkblue3 a:hover{ color: #0084B4 !important; text-decoration:underline; }





.onlyblue{ color: #0E95BC !important; }

.txtsize00{ font-size:13px; }
.txtsize01{ font-size:14px; }
.txtsize02{ font-size:15px; }
.txtsize03{ font-size:16px; }
.txtsize04{ font-size:17px; }
.txtsize05{ font-size:18px; }
.txtsize06{ font-size:19px; }
.txtsize07{ font-size:20px; }
.txtsize08{ font-size:21px; }
.txtsize09{ font-size:22px; }
.txtsize10{ font-size:23px; }
.txtsize11{ font-size:24px; }
.txtsize12{ font-size:25px; }
.txtsize13{ font-size:26px; }
.txtsize14{ font-size:27px; }
.txtsize15{ font-size:28px; }

.spacing01{ line-height:20px; }
.spacing02{ line-height:22px; }
.spacing03{ line-height:24px; }
.spacing04{ line-height:26px; }
.spacing05{ line-height:28px; }

.combobox{ border:1px solid #B1B1B1; padding:2px 3px; color:#656B7A; outline: none; }
.boxinput{ border:1px solid #B1B1B1; padding:3px; color:#656B7A; outline: none; font-size:13px; resize:none; }

.grey1{ color:#999; }
.grey2{ color:#666; }

.red{ color:#F00; }

.yellowbox { border: #C89C06 solid 1px; margin-top:10px; margin-bottom: 10px; padding: 5px; background-color: #FEF8C0; color: #333333; text-align:center; display:none; }
.redbox { border: #FFAEAE solid 1px; margin-top:10px; margin-bottom: 10px; padding: 5px; background-color:#FFF4F4; color: #333333; text-align:center; display:none; }

.only-redbox{ border:1px solid #FFCCCD; background-color: #FFF0F0; color:#000; font-size:13px; text-align:center; padding:15px 5px; }

.edge3{ border:1px solid #BBB; padding:3px; }
.edge5{ border:1px solid #BBB; padding:5px; }
.edge8{ border:1px solid #BBB; padding:8px; }

.edgeblue3{ border:1px solid #024064; padding:3px; background-color:#03639C; }

.previewavatardash{ max-width:180px; width: expression(this.width > 180 ? 180: true); padding:5px; border:1px solid #BDC7D8; }

.width20c{ width:20% !important; }
.width30c{ width:30% !important; }
.width50c{ width:50% !important; }

/*******************************************/
/*******************************************/
/***** Buttons ******/

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-green {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #A4D614, #7FAD03);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A4D614), to(#7FAD03));
  background-image: -webkit-linear-gradient(top, #A4D614, #7FAD03);
  background-image: -o-linear-gradient(top, #A4D614, #7FAD03);
  background-image: linear-gradient(to bottom, #A4D614, #7FAD03);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4d614', endColorstr='#ff7fad03', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.disabled,
.btn-green[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-green:active,
.btn-green.active {
  background-color: #408140 \9;
}

.btn-sky {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-sky:hover,
.btn-sky:focus,
.btn-sky:active,
.btn-sky.active,
.btn-sky.disabled,
.btn-sky[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-sky:active,
.btn-sky.active {
  background-color: #24748c \9;
}


.btn-blue {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #1E69B3;
  background-image: -moz-linear-gradient(top, #287CD1, #1E69B3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#287CD1), to(#1E69B3));
  background-image: -webkit-linear-gradient(top, #287CD1, #1E69B3);
  background-image: -o-linear-gradient(top, #287CD1, #1E69B3);
  background-image: linear-gradient(to bottom, #287CD1, #1E69B3);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff287cd1', endColorstr='#ff1e69b3', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.disabled,
.btn-blue[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-blue:active,
.btn-blue.active {
  background-color: #003399 \9;
}

.btn-orange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.disabled,
.btn-orange[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-orange:active,
.btn-orange.active {
  background-color: #c67605 \9;
}


.btn-red {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.disabled,
.btn-red[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-red:active,
.btn-red.active {
  background-color: #942a25 \9;
}


.btn-black {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-black.disabled,
.btn-black[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-black:active,
.btn-black.active {
  background-color: #080808 \9;
}


.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

/*******************************************/
/*******************************************/
/***** Alerts ******/

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

/*******************************************/
/*******************************************/
/********* Table ***********/

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #dff0d8;
}

.table tbody tr.error > td {
  background-color: #f2dede;
}

.table tbody tr.warning > td {
  background-color: #fcf8e3;
}

.table tbody tr.info > td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3;
}

/*******************************************/
/*******************************************/
/******* input *******/

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control {
  /*display: block;*/
  width: 100%;
  height: 20px;
  padding: 3px 5px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

/*******************************************/
/*******************************************/



#wrapper{  }

#container{ width: 930px; height: 100%; min-height: 100%; margin: 0 auto; }

/*******************************************/

#home-top{ background-color:#031C40; color:#FFF; }

.navyblue{
  background-color: #031C40;
  *background-color: #031C40;
  background-image: -moz-linear-gradient(top, #031C40, #123C6B);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#031C40), to(#123C6B));
  background-image: -webkit-linear-gradient(top, #031C40, #123C6B);
  background-image: -o-linear-gradient(top, #031C40, #123C6B);
  background-image: linear-gradient(to bottom, #031C40, #123C6B);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff031C40', endColorstr='#ff123C6B', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#home-top #home-top-block{ padding:10px 0px 10px; }

#home-top #home-top-block #topbar{ padding:0px; }
#home-top #home-top-block #topbar #area1{ position:relative; float:left; }
#home-top #home-top-block #topbar #area1 #isotipo{ position:relative; float:left; margin-top:2px; }
#home-top #home-top-block #topbar #area1 #logo{ position:relative; float:left; margin-left:10px; margin-top:4px;  }

#home-top #home-top-block #topbar #area2{ position:relative; float:right; }

#home-top #home-top-block #search-container-home{ width:100%; margin:10px auto; display:none; }
#home-top #home-top-block #search-container-home #contentSearch{  }
#home-top #home-top-block #search-container-home #contentSearch #loadingSearch{ text-align:center; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch{ background-color:#034771; color:#AADEFD; padding:0 10px; border:1px solid #035789; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .areaclose{ text-align:right; padding:5px; }

/****************************************************************/

#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .oneresult{ width:100%; border-bottom:1px solid #035789; margin:5px 0 10px; font-family:'Open Sans', Arial, sans-serif !important; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .link a{ color:#AADEFD; text-decoration:none; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .link a:hover{ text-decoration:underline; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .oneresult .photo{ width:50px; float:left; margin-bottom:5px; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .oneresult .info{ padding:0 0 5px 65px; margin-bottom:10px; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .oneresult .info .title{ font-size:14px; color:#AADEFD; }

#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .oneresult .info .link a{ color:#AADEFD; text-decoration:none; }
#home-top #home-top-block #search-container-home #contentSearch #resultsSearch .oneresult .info .link a:hover{ text-decoration:underline; }

/****************************************************************/

#home-top #home-top-block #topmsg{ font-family: 'Raleway', sans-serif;  padding:20px 0px 20px; line-height:50px; }
#home-top #home-top-block #topmsg #line01{ font-size:35px; }
#home-top #home-top-block #topmsg #line02{ font-size:35px; }
#home-top #home-top-block #line03{ font-family: Arial, Helvetica, sans-serif; color:#6593C5; font-size:17px; text-align:center; }
#home-top #home-top-block #areabuttonshome{}
#home-top #home-top-block #btn-home{ margin:20px 0px; text-align:center; }

#home-top #home-top-block #arealogin{ width:32%; margin:0 auto; text-align:center; display:none; padding:20px; }
#home-top #home-top-block #arealogin input[type=text]{ font-size:15px; }
#home-top #home-top-block #arealogin #logintitle{ font-size:18px; color:#6593C5; }


#home-top #home-top-block #areasignup{ width:32%; margin:0 auto; text-align:center; display:none; padding:20px; }
#home-top #home-top-block #areasignup input[type=text]{ font-size:15px; }
#home-top #home-top-block #areasignup #signuptitle{ font-size:18px; color:#6593C5; }

/*******************************************/

#generalspace #search{ }
#generalspace #search .title{ font-size:20px; }
#generalspace #search .msgerror{ font-size:13px; margin:30px 0px 100px; }
#generalspace #search .one-user-directory{ position:relative; float:left; width: 290px; margin-right:20px; padding-top: 7px; overflow: auto; border-bottom: 1px solid #EEE; }
#generalspace #search .one-user-directory .avatar{ width:50px; float:left; overflow:auto; }
#generalspace #search .one-user-directory .infomsg{ padding: 0 15px 5px 60px; word-wrap: break-word; }
#generalspace #search .one-user-directory .infomsg .username{ font-size:13px;  }
#generalspace #search .one-user-directory .infomsg .txtmsg{ font-size:11px; color:#999; }

#generalspace #search #pagination{ margin-top:20px; }
#generalspace #search #pagination .current{ color:#7c7b7b; border:1px solid #D9D9D9; background-color:#F3F3F3; padding:2px 6px; }
#generalspace #search #pagination .nocurrent{ padding:2px 6px; margin:0; }
#generalspace #search #pagination .nocurrent a{ text-decoration:none; color:#27566f; }

#generalspace #search #listresults .spacephoto{ position:relative; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px; padding:4px; border:1px solid #CCC;}
#generalspace #search #listresults .oneminiphoto{ width:135px; height:135px; background-color:#F8F8F8; }
#generalspace #search #listresults .moreinfo{ font-size:11px; text-align:center; padding:5px 0 0px;}

/*******************************************/

#top-inside{ background-color:#031C40; color:#FFF; }

#top-inside #top-inside-block{  }

#top-inside #top-inside-block #topbar-inside{ height:50px; overflow:hidden; }
#top-inside #top-inside-block #topbar-inside #area1{ position:relative; float:left; }
#top-inside #top-inside-block #topbar-inside #area1 #isotipo{ position:relative; float:left; margin-top:7px; }
#top-inside #top-inside-block #topbar-inside #area1 #logo{ position:relative; float:left; margin-left:10px; margin-top:9px; }
#top-inside #top-inside-block #topbar-inside #area1 #boxsearch{ position:relative; float:left; margin-left:10px; margin-top:11px; }

#top-inside #top-inside-block #topbar-inside #area2{ position:relative; float:right; }
#top-inside #top-inside-block #topbar-inside #area2 #infouser{ position:relative; float:left; }
#top-inside #top-inside-block #topbar-inside #area2 #infouser #txtusername{ position:relative; float:left; font-weight:bold; line-height:50px; margin-right:10px; }
#top-inside #top-inside-block #topbar-inside #area2 #infouser #imgavatar{ position:relative; float:left; margin-top:10px; padding:2px; background-color:#FFF; font-size:0px; }

#top-inside #top-inside-block #topbar-inside #area2 #icodashtop{  position:relative; float:left; margin-top:15px; }
#top-inside #top-inside-block #topbar-inside #area2 #icodashtop div{ position:relative; float:left; }
#top-inside #top-inside-block #topbar-inside #area2 #icodashtop .icotop{ margin-left:20px; width:20px; text-align:center; }

/****************************************************************/

#top-inside #top-inside-block #search-container{ width:100%; margin:10px auto; display:none; }
#top-inside #top-inside-block #search-container #contentSearch{  }
#top-inside #top-inside-block #search-container #contentSearch #loadingSearch{ text-align:center; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch{ background-color:#034771; color:#AADEFD; padding:0 10px; border:1px solid #035789; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .areaclose{ text-align:right; padding:5px; }

/****************************************************************/

#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .oneresult{ width:100%; border-bottom:1px solid #035789; margin:5px 0 10px; font-family:'Open Sans', Arial, sans-serif !important; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .link a{ color:#AADEFD; text-decoration:none; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .link a:hover{ text-decoration:underline; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .oneresult .photo{ width:50px; float:left; margin-bottom:5px; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .oneresult .info{ padding:0 0 5px 65px; margin-bottom:10px; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .oneresult .info .title{ font-size:14px; color:#AADEFD; }

#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .oneresult .info .link a{ color:#AADEFD; text-decoration:none; }
#top-inside #top-inside-block #search-container #contentSearch #resultsSearch .oneresult .info .link a:hover{ text-decoration:underline; }

/*******************************************/

.box-notification-msg{ color: #fff; display: none; font-size: 9px; font-weight: bold; padding-bottom: 1px; position: absolute; right: -1px; top: 0; z-index: 101; }

.box-notification-msg .notification-value-msg{ background-color: #f03d25; border: 1px solid #d83722; border-bottom: 1px solid #c0311e; border-top: 1px solid #e23923; display: block; padding: 0 1px; margin-top: -6px; }

/*******************************************/

.box-notification{ color: #fff; display: none; font-size: 9px; font-weight: bold; padding-bottom: 1px; position: absolute; right: -1px; top: 0; z-index: 101; }

.box-notification .notification-value{ background-color: #f03d25; border: 1px solid #d83722; border-bottom: 1px solid #c0311e; border-top: 1px solid #e23923; display: block; padding: 0 1px; margin-top: -6px; }

.area-notification{ max-width: 930px; width: 100%; display: none; top: 50px; position: absolute; }

.content-notification{ background: #fff; border: 1px solid #BFBFBF; max-width: 350px; width: 100%; float: right; color:#000; position: absolute; z-index: 102; right:0px;  }
.content-notification .areaclose{ text-align:right; padding:5px; }
.content-notification .content-info{ padding:0px 10px 5px; }

.content-notification .content-info .itemalertnot{ margin-bottom:5px; border-top: 1px solid #EEE; padding-top:5px; }
.content-notification .content-info .itemalertnot .avatar{ position:relative; float:left; margin-right:5px; width:26px; }
.content-notification .content-info .itemalertnot .info{ position:relative; float:left; font-family:'Open Sans', Arial, sans-serif !important; width:299px; }
.content-notification .content-info .itemalertnot .info .txtaccion{ font-size:13px; }
.content-notification .content-info .itemalertnot .info .txtwhen{ font-size:11px; color:#999; }

.content-notification .areamore{ border-top: 1px solid #BFBFBF; }
.content-notification .areamore .morenotifications{ padding:5px 0px; text-align:center; font-weight:bold; }

/*******************************************/

.area-notification-msg{ max-width: 930px; width: 100%; display: none; top: 50px; position: absolute; }

.content-notification-msg{ background: #fff; border: 1px solid #BFBFBF; max-width: 350px; width: 100%; float: right; color:#000;  position: absolute; z-index: 102; right:0px; }
.content-notification-msg .areaclose{ text-align:right; padding:5px; }
.content-notification-msg .content-info-msg{ padding:0px 10px 5px; }
.content-notification-msg .content-info-msg .one-alert-msg-container{ width: 100%; padding-top: 7px; overflow: auto; border-top: 1px solid #EEE; }
.content-notification-msg .content-info-msg .one-alert-msg-container .avatar{ width:26px; float:left; overflow:auto; }
.content-notification-msg .content-info-msg .one-alert-msg-container .infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
.content-notification-msg .content-info-msg .one-alert-msg-container .infomsg .username{ font-size:13px; }
.content-notification-msg .content-info-msg .one-alert-msg-container .infomsg .txtmsg{ font-style:italic; font-size:12px; }
.content-notification-msg .content-info-msg .one-alert-msg-container .infomsg .txtmsg a{}
.content-notification-msg .content-info-msg .one-alert-msg-container .infomsg .txtmsg a:hover{}
.content-notification-msg .content-info-msg .one-alert-msg-container .infomsg .dateago{ font-size:10px; color:#999; }


.content-notification-msg .areamore{ border-top: 1px solid #BFBFBF; }
.content-notification-msg .areamore .morenotifications{ padding:5px 0px; text-align:center; font-weight:bold; }



/*******************************************/

#infohome{ background-color:#FFF; padding:20px 0px; border-bottom:#D8DFEA solid 1px; font-family:'Open Sans', Arial, sans-serif !important; }

#infohome #usersAleat{}
#infohome #usersAleat .title{ font-size:20px; }
#infohome #usersAleat .spacephoto{ position:relative; float:left; margin-left:0px; margin-right:6px; margin-bottom:10px; padding:4px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infohome #usersAleat .spacephoto .oneminiphoto{ width:100px; height:100px; background-color:#F8F8F8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infohome #usersAleat .spacephoto .oneminiphoto img{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infohome #usersAleat .spacephoto .info{ text-align:center; padding-top:5px; }
#infohome #usersAleat .spacephoto .info .usern{ font-size:13px; }
#infohome #usersAleat .spacephoto .info .numph{ font-size:11px; color:#999; }

#infohome #userswithmorephotos{}
#infohome #userswithmorephotos .title{ font-size:20px; }
#infohome #userswithmorephotos .spacephoto{ position:relative; float:left; margin-left:0px; margin-right:6px; margin-bottom:10px; padding:4px; border:1px solid #CCC; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infohome #userswithmorephotos .spacephoto .oneminiphoto{ width:100px; height:100px; background-color:#F8F8F8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infohome #userswithmorephotos .spacephoto .oneminiphoto img{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infohome #userswithmorephotos .spacephoto .info{ text-align:center; padding-top:5px; }


#infohome #photosrecents{}
#infohome #photosrecents .title{ font-size:20px; }
#infohome #photosrecents .spacephoto{ position:relative; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px; padding:4px; border:1px solid #CCC;}
#infohome #photosrecents .oneminiphoto{ width:135px; height:135px; background-color:#F8F8F8; }


#infohome #withmorelikes{}
#infohome #withmorelikes .title{ font-size:20px; }
#infohome #withmorelikes .spacephoto{ position:relative; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px; padding:4px; border:1px solid #CCC;}
#infohome #withmorelikes .oneminiphoto{ width:135px; height:135px; background-color:#F8F8F8; }


#infohome #withmostvisited{}
#infohome #withmostvisited .title{ font-size:20px; }
#infohome #withmostvisited .spacephoto{ position:relative; float:left; margin-right:10px; margin-left:0px; margin-bottom:10px; padding:4px; border:1px solid #CCC;}
#infohome #withmostvisited .oneminiphoto{ width:135px; height:135px; background-color:#F8F8F8; }

/*******************************************/

#generalspace{ background-color:#FFF; padding:20px 0px 30px; font-family:'Open Sans', Arial, sans-serif !important; border-bottom:#D8DFEA solid 1px; }
#generalspace #column1{ position:relative; float:left; width:180px; margin-right:20px; }

#generalspace #column1 .menuglobal{}
#generalspace #column1 .menuglobal a{ text-decoration:none; color:#000; }
#generalspace #column1 .menuglobal a:hover{ text-decoration:none; color: #000; }

#generalspace #column1 .menuoption{ font-size:13px; color:#000; height:25px; line-height:25px; padding:5px 10px; }
#generalspace #column1 .inact{ background-color:#FFF; }
#generalspace #column1 .inact:hover{ background-color:#EFF2F7; }

#generalspace #column1 .act{ background-color:#D8DFEA;  }
#generalspace #column1 .menuoption .icopc{ position:relative; float:left; margin-top:2px; }
#generalspace #column1 .menuoption .txtopc{ position:relative; float:left; margin-left:5px; }

#generalspace #column1 #avatargeneral{}
#generalspace #column1 #avatarmini{ display:none; }
#generalspace #column1 #avatarmedium{ display:none; }


/**********************************************************************/

#generalspace #column1-info{ position:relative; float:left; width:180px; margin-right:20px; }
#generalspace #column1-info .titlemenu{ background-color:#F8F8F8; text-align:center; padding:5px; color:#817B85; font-size:14px; height:25px; line-height:25px; font-weight:700; border:1px solid #F0F0F0; }
#generalspace #column1-info .menuglobal{}
#generalspace #column1-info .menuglobal a{ text-decoration:none; color:#000; }
#generalspace #column1-info .menuglobal a:hover{ text-decoration:none; color: #000; }

#generalspace #column1-info .menuoption{ font-size:13px; color:#000; height:25px; line-height:25px; padding:5px 2px; text-align:center; overflow:hidden; }
#generalspace #column1-info .inact{ background-color:#FFF; }
#generalspace #column1-info .inact:hover{ background-color:#EFF2F7; }

#generalspace #column1-info .act{ background-color:#D8DFEA;  }


#generalspace #column2-info{ position:relative; float:left; width:730px; }

#generalspace #column2-info #page-info2 .title{ font-size:20px; }

#generalspace #column2-info #page-info2 .areinfo{ margin-top:20px; }
#generalspace #column2-info #page-info2 .areinfo .subtitle{ font-size:15px; color:#666; font-weight:bold; }

/**********************************************************************/


#generalspace #column1-admin{ position:relative; float:left; width:180px; margin-right:20px; }
#generalspace #column1-admin .titlemenu{ background-color:#F8F8F8; text-align:center; padding:5px; color:#817B85; font-size:14px; height:25px; line-height:25px; font-weight:700; border:1px solid #F0F0F0; }
#generalspace #column1-admin .menuglobal{}
#generalspace #column1-admin .menuglobal a{ text-decoration:none; color:#000; }
#generalspace #column1-admin .menuglobal a:hover{ text-decoration:none; color: #000; }

#generalspace #column1-admin .menuoption{ font-size:13px; color:#000; height:25px; line-height:25px; padding:5px 2px; text-align:center; overflow:hidden; }
#generalspace #column1-admin .inact{ background-color:#FFF; }
#generalspace #column1-admin .inact:hover{ background-color:#EFF2F7; }

#generalspace #column1-admin .act{ background-color:#D8DFEA;  }

/**********************************************************************/


#generalspace #column2-admin{ position:relative; float:left; width:730px; }

#generalspace #column2-admin #dashboard-admin2 .title{ font-size:20px; }

#generalspace #column2-admin #dashboard-admin2 .editarea{ margin-top:30px; }
#generalspace #column2-admin #dashboard-admin2 .editarea .subtitle{ font-size:15px; color:#666; font-weight:bold; }
#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{ width:55%; }


#generalspace #column2-admin #dashboard-admin2 #listusers{}
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user{ width: 100%; padding: 10px 0 5px; overflow: auto; border-bottom: 1px solid #EEE; }
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user .avatar{ width:26px; float:left; overflow:auto; }
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user .infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user .infomsg .username{ font-size:14px;  }
#generalspace #column2-admin #dashboard-admin2 #listusers .one-user .infomsg .txtmsg{ font-size:11px; color:#999; }



#generalspace #column2-admin #dashboard-admin2 #paginations .pactive{ padding:2px 5px; border:1px solid #06C; color:#06C; }
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive{ padding:2px 5px; }
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive a{ text-decoration:none; color:#06C; }
#generalspace #column2-admin #dashboard-admin2 #paginations .pnoactive a:hover{ text-decoration:underline; color:#06C; }

#generalspace #column2-admin #dashboard-admin2 #listcensor{}
#generalspace #column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative; float:left; width:150px; padding: 5px; border: 1px solid #EEE; margin-right:20px; margin-bottom:10px; }

/**********************************************************************/

#generalspace #column2{ position:relative; float:left; width:510px; }
#generalspace #column2 #infobasic{}
#generalspace #column2 #infobasic .hefollows{ background-color:#FC0; color: #333; font-size:10px; text-transform:uppercase; padding:0px 5px; }
#generalspace #column2 #infobasic #titleuser{ font-size:25px;  }
#generalspace #column2 #infobasic .table-data{ }
#generalspace #column2 #infobasic .info-profile{ }
#generalspace #column2 #infobasic .info-profile a{ text-decoration:none; color:#000; }
#generalspace #column2 #infobasic .info-profile a:hover{ color:#0084B4; text-decoration:none; }
#generalspace #column2 #infobasic .info-profile .basic-number{ font-size:16px; font-weight:bold; }
#generalspace #column2 #infobasic .info-profile .basic-text{ text-transform:uppercase; font-size:10px; }
#generalspace #column2 #infobasic .space-data{ width:10%; }
#generalspace #column2 #infobasic .space-data-border{ padding:0px 10px 0px 10px; border-right:1px solid #E8E8E8; border-left:1px solid #E8E8E8; }
#generalspace #column2 #infobasic .space-data-empty{ width:35%; }

#generalspace #column2 #profile2{}
#generalspace #column2 #profile2 .title{ font-size:20px; }
#generalspace #column2 #profile2 .subtitle{ font-size:15px; font-weight:bold; color:#666; }

#generalspace #column2 #profile2 .onefollower{ margin-top:25px; }
#generalspace #column2 #profile2 .onefollower .avatar{ position:relative; float:left; margin-right:10px; width:50px; }
#generalspace #column2 #profile2 .onefollower .info{ position:relative; float:left; width:450px; }
#generalspace #column2 #profile2 .onefollower .info .name{ font-size:16px; font-weight:bold; }
#generalspace #column2 #profile2 .onefollower .info .moreinfo{ font-size:12px; }


/************************************/
#generalspace #column2 #profile2 .oneactivity{ margin-top:15px; border:1px solid #BFBFBF; box-shadow: 0px 1px 1px #CCC; }

#generalspace #column2 #profile2 .oneactivity .oaheader{ padding:10px; border-bottom:1px solid #BFBFBF; }
#generalspace #column2 #profile2 .oneactivity .oaheader .avatar{ position:relative; float:left; margin-right:10px;  font-size:0px;  }
#generalspace #column2 #profile2 .oneactivity .oaheader .avatar img{ width:42px; } 
#generalspace #column2 #profile2 .oneactivity .oaheader .info{ position:relative; float:left; width:430px; }
#generalspace #column2 #profile2 .oneactivity .oaheader .info .iuser{ font-size:16px; font-weight:bold; }
#generalspace #column2 #profile2 .oneactivity .oaheader .info .idate{ font-size:12px; }

#generalspace #column2 #profile2 .oneactivity .oabody{ padding:10px;}
#generalspace #column2 #profile2 .oneactivity .oabody .space01{ text-align:center; font-size:13px; }
#generalspace #column2 #profile2 .oneactivity .oabody .space02{ text-align:center; font-size:16px; font-weight:bold; }
#generalspace #column2 #profile2 .oneactivity .oabody .space03{ text-align:center; }
#generalspace #column2 #profile2 .oneactivity .oabody .space04{ text-align:center; font-size:13px; }
#generalspace #column2 #profile2 .oneactivity .oabody .space04 .line1{ font-size:11px !important; color:#999 !important; }
#generalspace #column2 #profile2 .oneactivity .oabody .space04 .line2{ font-size:12px !important; color:#333 !important; }
#generalspace #column2 #profile2 .oneactivity .oabody .space04 .line3{  font-size:14px !important; color:#333 !important;  }

/************************************/

#generalspace #column2 #profile2 #myphotos{ margin-top:15px; }
#generalspace #column2 #profile2 #myphotos .tabtitle{ font-size:20px; text-align:center; }

#generalspace #column2 #profile2 #myphotos .onealbum{ border:1px solid #CCCCCC; margin-bottom:15px; padding:10px; }
#generalspace #column2 #profile2 #myphotos .onealbum .spacephoto{ position:relative; float:left; margin-right:25px; margin-left:25px; margin-bottom:10px; padding:4px; border:1px solid #CCC; }
#generalspace #column2 #profile2 #myphotos .onealbum .oneminiphoto{ width:100px; height:100px; background-color:#F8F8F8; }

#generalspace #column2 #profile2 #myphotos .onealbum .headonealbum{ margin-bottom:10px; }
#generalspace #column2 #profile2 #myphotos .onealbum .headonealbum .namealbum{ font-size:14px; font-weight:bold; }
#generalspace #column2 #profile2 #myphotos .onealbum .headonealbum .descalbum{ font-size:12px; font-style:italic; }
#generalspace #column2 #profile2 #myphotos .onealbum .headonealbum .numphotos{ font-size:11px; color:#999; }

#generalspace #column2 #profile2 #myphotos .namealb{ font-size:20px; text-align:center; font-weight:bold; }
#generalspace #column2 #profile2 #myphotos .descripalb{ font-size:12px; font-style:italic; text-align:center; }

#generalspace #column2 #profile2 #myphotos .onephotodetails{ width: 100%; margin-top:10px; overflow: auto;  }
#generalspace #column2 #profile2 #myphotos .onephotodetails .imagen{ border:1px solid #CCC; padding:5px; }
#generalspace #column2 #profile2 #myphotos .onephotodetails .theimage{ width:150px; float:left; /*overflow:auto;*/ }
#generalspace #column2 #profile2 #myphotos .onephotodetails .info{ padding: 0 15px 5px 170px; word-wrap: break-word; margin-bottom:20px; }
#generalspace #column2 #profile2 #myphotos .onephotodetails .info .titlep{ font-size:15px; }
#generalspace #column2 #profile2 #myphotos .onephotodetails .info .descripp{ font-size:12px; font-style:italic; color:#999; }
#generalspace #column2 #profile2 #myphotos .onephotodetails .info .agregados{ margin-top:10px; font-size:11px; }

#generalspace #column2 #profile2 #myphotos .onealbum .footonealbum{ }
#generalspace #column2 #profile2 #myphotos .onealbum .footonealbum .numphotos{ font-size:11px; color:#999; }


/************************************/

#generalspace #column2 #profile2 #photodetails{ }
#generalspace #column2 #profile2 #photodetails .description{ font-size:12px; font-style:italic; color:#999; }

#generalspace #column2 #profile2 #photodetails #sectioncomment{ padding-right:10px; margin-top:20px; display:none; }
#generalspace #column2 #profile2 #photodetails #sectioncomment .avatar{ width:50px; float:left; }
#generalspace #column2 #profile2 #photodetails #sectioncomment .areainput{ padding:0 0 5px 60px; }
#generalspace #column2 #profile2 #photodetails #sectioncomment .boxinput{ width:100%; resize:none; font-family:'Open Sans', Arial, sans-serif !important; padding:0px 5px; min-height:30px; overflow:hidden; border:1px solid #D0D2D7; }
#generalspace #column2 #profile2 #photodetails #sectioncomment .bblue{ background-color:#10aedb; border:1px solid #0F9BC4; padding:4px 12px 4px 12px; color:#FFFFFF !important; font-size:13px; cursor:pointer; }
#generalspace #column2 #profile2 #photodetails #sectioncomment .bblue:hover{ background-color:#0F9BC4; border:1px solid #0D82A4; color:#FFFFFF !important; text-decoration:none; }
#generalspace #column2 #profile2 #photodetails #precomment{ margin:20px 0 20px 0; }
#generalspace #column2 #profile2 #photodetails #precomment .byellow{ background-color:#FFE26F; border:1px solid #D5AA00; padding:5px; text-align:center; color:#624F00 !important; font-size:13px; cursor:pointer; }
#generalspace #column2 #profile2 #photodetails #precomment .byellow:hover{ background-color:#FFD528; border:1px solid #AA8800; padding:5px; text-align:center; color:#000000 !important; }
#generalspace #column2 #profile2 #photodetails .titlecomments{ font-size:20px; }
#generalspace #column2 #profile2 #photodetails .withoutcomments{ font-size:13px; }

#generalspace #column2 #profile2 #photodetails #listcomments{}
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment{ width:100%; border-bottom:1px solid #CCC; margin:15px 0 10px; }
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment .avatar{ width:50px; float:left; }
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment .info{ padding:0 0 5px 60px; margin-bottom:10px; }
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment .info .user{ font-size:16px; font-weight:bold; }
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment .info .message{ font-size:13px; font-style:italic; }
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment .info .whend{ font-size:11px; margin-top:5px; }
#generalspace #column2 #profile2 #photodetails #listcomments .onecomment .delete{float:right; height:10px; width:10px; }

#generalspace #column2 #profile2 #photodetails .liked{ font-size:14px; }
#generalspace #column2 #profile2 #photodetails .censored{ font-size:14px; }

#generalspace #column2 #profile2 #photodetails #urlphoto{ font-size:11px; color:#999 }


/************************************/

#generalspace #column2 #profile2 #myalbum{}
#generalspace #column2 #profile2 #myalbum .description{ font-size:12px; font-style:italic; color:#999; }
#generalspace #column2 #profile2 #myalbum .onephoto{ position:relative; float:left; margin-right:7px; margin-bottom:10px; border:1px solid #CCC; padding:5px; }
#generalspace #column2 #profile2 #myalbum .onephoto .moredata{ margin-top:5px; color:#999; font-size:11px; text-align:center; }


/************************************/

#generalspace #column2 #profile2 #mylikes{}
#generalspace #column2 #profile2 #mylikes .onelike{ position:relative; float:left; margin-right:7px; margin-bottom:10px; border:1px solid #CCC; padding:5px; }
#generalspace #column2 #profile2 #mylikes .onelike .moredata{ margin-top:5px; color:#999; font-size:11px; text-align:center; }


/************************************/

#generalspace #column2 #profile2 .boxchat{ margin-top:15px; border:1px solid #BFBFBF; box-shadow: 0px 1px 1px #CCC; }

#generalspace #column2 #profile2 .boxchat .chatheader{ padding:10px; border-bottom:1px solid #BFBFBF; }
#generalspace #column2 #profile2 .boxchat .chatheader .ico{ position:relative; float:left; margin-right:10px; font-size:0px; width:27px; }
#generalspace #column2 #profile2 .boxchat .chatheader .info{ position:relative; float:left; width:430px; }
#generalspace #column2 #profile2 .boxchat .chatheader .info .iuser{ font-size:16px; font-weight:bold; }

#generalspace #column2 #profile2 .boxchat .chatbody{ padding:0 10px; height: 410px; overflow: auto; }
#generalspace #column2 #profile2 .boxchat .chatbodyno{ padding:20px; text-align:center; font-size:14px; }

#generalspace #column2 #profile2 .boxchat .loadmorechat{ padding:10px; text-align:center; border-bottom: 1px solid #EEE; }

#generalspace #column2 #profile2 .boxchat .chatbody .spacemsgno{ text-align:center; padding:20px; font-size:14px; }
#generalspace #column2 #profile2 .boxchat .chatbody .spacemsg{ font-size:13px; }

#generalspace #column2 #profile2 .boxchat .entertxt{ padding:10px; border-top:1px solid #BFBFBF; }
#generalspace #column2 #profile2 .boxchat .entertxt input{ /*border:1px solid #F7F7F7; */ border:0; outline: 0; width: 100%; resize: none; height: 25px; min-height: 25px; max-width: 100%; overflow: hidden; }

#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container{ width: 100%; margin-top: 7px; overflow: auto; border-bottom: 1px solid #EEE; }
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .avatar{ width:32px; float:left; overflow:auto; }
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .username{ font-size:13px; }
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .txtmsg{ font-style:italic; font-size:13px; }
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .txtmsg a{}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .txtmsg a:hover{}
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .infomsg .dateago{ font-size:10px; color:#999; }
#generalspace #column2 #profile2 .boxchat .prof-one-msgchat-container .delete{ float:right; height:10px; width:10px; }

/************************************/

#generalspace #divseparator{ display:none; }
#generalspace #column3{ position:relative; float:right; width:200px; }

#generalspace #column3 .ads{ width:100%; overflow:hidden; text-align:center; margin:15px 0px; }

#generalspace #column3 #useraccesories{ padding:0 10px; }
#generalspace #column3 #useraccesories .one-user-accesories{ width: 100%; padding-top: 7px; overflow: auto; border-bottom: 1px solid #EEE; }
#generalspace #column3 #useraccesories .one-user-accesories .avatar{ width:26px; float:left; overflow:auto; }
#generalspace #column3 #useraccesories .one-user-accesories .infomsg{ padding: 0 15px 5px 30px; word-wrap: break-word; }
#generalspace #column3 #useraccesories .one-user-accesories .infomsg .username{ font-size:13px;  }
#generalspace #column3 #useraccesories .one-user-accesories .infomsg .txtmsg{ font-size:11px; color:#999; }
#generalspace #column3 #linkmoreuser{ padding:7px 7px; text-align:center; }

#generalspace #column3 #linkdirectoryphotos{ border:1px solid #EEE; padding:10px; color:#333 !important; }

/*******************************************/

#generalspace #dashboard2{}

#generalspace #dashboard2 .title{ font-size:20px; }
#generalspace #dashboard2 .editarea{ margin-top:30px; }
#generalspace #dashboard2 .editarea .subtitle{ font-size:15px; color:#666; font-weight:bold; }
#generalspace #dashboard2 .editarea .withbox{ width:55%; }



#generalspace #dashboard2 .onefollower{ margin-top:25px; }
#generalspace #dashboard2 .onefollower .avatar{ position:relative; float:left; margin-right:10px; width:50px; }
#generalspace #dashboard2 .onefollower .info{ position:relative; float:left; width:450px; }
#generalspace #dashboard2 .onefollower .info .name{ font-size:16px; font-weight:bold; }
#generalspace #dashboard2 .onefollower .info .moreinfo{ font-size:12px; }


#generalspace #dashboard2 .oneuserchat{ margin-top:25px; }
#generalspace #dashboard2 .oneuserchat .avatar{ position:relative; float:left; margin-right:10px; width:50px; }
#generalspace #dashboard2 .oneuserchat .info{ position:relative; float:left; width:450px; }
#generalspace #dashboard2 .oneuserchat .info .name{ font-size:16px; font-weight:bold; }
#generalspace #dashboard2 .oneuserchat .info .moreinfo{ font-size:13px; font-style:italic; }
#generalspace #dashboard2 .oneuserchat .info .datewhen{ font-size:11px; color:#CCC; }

/*******************************************/

#generalspace #dashboard2 .oneactivity{ margin-top:15px; border:1px solid #BFBFBF; box-shadow: 0px 1px 1px #CCC; }

#generalspace #dashboard2 .oneactivity .oaheader{ padding:10px; border-bottom:1px solid #BFBFBF; }
#generalspace #dashboard2 .oneactivity .oaheader .avatar{ position:relative; float:left; margin-right:10px;  font-size:0px;  }
#generalspace #dashboard2 .oneactivity .oaheader .avatar img{ width:42px; } 
#generalspace #dashboard2 .oneactivity .oaheader .info{ position:relative; float:left; width:430px; }
#generalspace #dashboard2 .oneactivity .oaheader .info .iuser{ font-size:16px; font-weight:bold; }
#generalspace #dashboard2 .oneactivity .oaheader .info .idate{ font-size:12px; }

#generalspace #dashboard2 .oneactivity .oabody{ padding:10px;}
#generalspace #dashboard2 .oneactivity .oabody .space01{ text-align:center; font-size:13px; color: #999; }
#generalspace #dashboard2 .oneactivity .oabody .space02{ text-align:center; font-size:16px; font-weight:bold; }
#generalspace #dashboard2 .oneactivity .oabody .space03{ text-align:center; }
#generalspace #dashboard2 .oneactivity .oabody .space04{ text-align:center; font-size:13px; }
#generalspace #dashboard2 .oneactivity .oabody .space04 .line1{ font-size:11px !important; color:#999 !important; }
#generalspace #dashboard2 .oneactivity .oabody .space04 .line2{ font-size:13px !important; color:#333 !important; }
#generalspace #dashboard2 .oneactivity .oabody .space04 .line3{ font-size:14px !important; color:#333 !important; }

/*******************************************/

#generalspace #dashboard2 .itemonenot{ margin-top:25px; }
#generalspace #dashboard2 .itemonenot .avatar{ position:relative; float:left; margin-right:10px; width:50px; }
#generalspace #dashboard2 .itemonenot .info{ position:relative; float:left; width:450px; }
#generalspace #dashboard2 .itemonenot .info .txtaction{ font-size:14px; }
#generalspace #dashboard2 .itemonenot .info .txtwhen{ font-size:12px; color:#999; }

/*******************************************/

#generalspace #dashboard2 #myphotos{}
#generalspace #dashboard2 #myphotos #optionsbar{ border-bottom: 1px solid #C0C0C0; }
#generalspace #dashboard2 #myphotos #optionsbar .optiontab{ position:relative; float:left; height:100%; padding:0px 5px; }
#generalspace #dashboard2 #myphotos #optionsbar .optiontab .active{ border: 1px solid #C0C0C0; border-bottom: 1px solid #fff; color: #333; font-weight: bold; background-color: #FFF; padding:25px 10px 0px 10px; }


#generalspace #dashboard2 #myphotos #spacemyphoto{ margin-top:15px; }
#generalspace #dashboard2 #myphotos #spacemyphoto .tabtitle{ font-size:20px; text-align:center; }

#generalspace #dashboard2 #myphotos #spacemyphoto .withbox{ width:55%; }

#generalspace #dashboard2 #myphotos #spacemyphoto #formedit{ text-align:center; }
#generalspace #dashboard2 #myphotos #spacemyphoto .previewphotodash{ max-width:200px; width: expression(this.width > 200 ? 200: true); padding:5px; border:1px solid #BDC7D8; }

#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum{ border:1px solid #CCCCCC; margin-bottom:15px; padding:10px; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .spacephoto{ position:relative; float:left; margin-right:25px; margin-left:25px; margin-bottom:10px; padding:4px; border:1px solid #CCC; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .oneminiphoto{ width:100px; height:100px; background-color:#F8F8F8; }

#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .headonealbum{ margin-bottom:10px; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .headonealbum .namealbum{ font-size:14px; font-weight:bold; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .headonealbum .descalbum{ font-size:12px; font-style:italic; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .headonealbum .numphotos{ font-size:11px; color:#999; }

#generalspace #dashboard2 #myphotos #spacemyphoto .namealb{ font-size:20px; text-align:center; font-weight:bold; }
#generalspace #dashboard2 #myphotos #spacemyphoto .descripalb{ font-size:12px; font-style:italic; text-align:center; }

#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails{ width: 100%; margin-top:10px; overflow: auto;  }
#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .imagen{ border:1px solid #CCC; padding:5px; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .theimage{ width:150px; float:left; /*overflow:auto;*/ }
#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info{ padding: 0 15px 5px 170px; word-wrap: break-word; margin-bottom:20px; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info .titlep{ font-size:15px; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info .descripp{ font-size:12px; font-style:italic; color:#999; }
#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info .agregados{ margin-top:10px; font-size:11px; }

#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .footonealbum{ }


/*******************************************/

#generalspace #dashboard2 #mylikes{}
#generalspace #dashboard2 #mylikes .onelike{ position:relative; float:left; margin-right:7px; margin-bottom:10px; border:1px solid #CCC; padding:5px; }
#generalspace #dashboard2 #mylikes .onelike .moredata{ margin-top:5px; color:#999; font-size:11px; text-align:center; }


/*******************************************/

#generalspace #dashboard2 #listcomments{}
#generalspace #dashboard2 #listcomments .onecomment{ width:100%; border-bottom:1px solid #CCC; margin:15px 0 10px; }
#generalspace #dashboard2 #listcomments .onecomment .photo{ width:100px; float:left; margin-bottom:10px; }
#generalspace #dashboard2 #listcomments .onecomment .info{ padding:0 0 5px 130px; margin-bottom:10px; }
#generalspace #dashboard2 #listcomments .onecomment .info .message{ font-size:14px; font-style:italic; }
#generalspace #dashboard2 #listcomments .onecomment .info .whend{ font-size:12px; margin-top:5px; }
#generalspace #dashboard2 #listcomments .onecomment .delete{float:right; height:10px; width:10px; }

/*******************************************/

#generalspace .titleblock{ background-color:#F8F8F8; text-align:center; padding:5px; color:#817B85; font-size:14px; height:25px; line-height:25px; font-weight:700; border:1px solid #F0F0F0; }
#generalspace .titleblock #icot{ display:none; }
#generalspace .titleblock #txtt{ display:block; }

/*******************************************/

#generalspace #directory .title{ font-size:20px; }
#generalspace #directory{ }
#generalspace #directory .one-user-directory{ position:relative; float:left; width: 290px; margin-right:20px; padding-top: 7px; overflow: auto; border-bottom: 1px solid #EEE; }
#generalspace #directory .one-user-directory .avatar{ width:50px; float:left; overflow:auto; }
#generalspace #directory .one-user-directory .infomsg{ padding: 0 15px 5px 60px; word-wrap: break-word; }
#generalspace #directory .one-user-directory .infomsg .username{ font-size:13px;  }
#generalspace #directory .one-user-directory .infomsg .txtmsg{ font-size:11px; color:#999; }

#generalspace #directory #pagination{ margin-top:20px; }
#generalspace #directory #pagination .current{ color:#7c7b7b; border:1px solid #D9D9D9; background-color:#F3F3F3; padding:2px 6px; }
#generalspace #directory #pagination .nocurrent{ padding:2px 6px; margin:0; }
#generalspace #directory #pagination .nocurrent a{ text-decoration:none; color:#27566f; }

/*******************************************/

#footsite{}
#footsite #foot-right{ padding:15px 0; font-size:12px; }



/*******************************************/
/*******************************************/
/*******************************************/
/*******************************************/

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
/*******************************************/
/*******************************************/
/*******************************************/


/*******************************************/

/* Styles for Wide Screens - WIDE DESKTOP LAYOUT
----------------------------------------------- */

@media only screen and (min-width: 1176px)
{
	
	#container{ width:1176px; }
	
	/***************************************************/
	
	#home-top #home-top-block #arealogin{ width:25%; }
	
	#home-top #home-top-block #areasignup{ width:25%; }
	
	/***************************************************/
	
	.area-notification { max-width: 1176px; }
	.content-notification { max-width: 350px; }

	/*******************************************/
	
	.area-notification-msg{ max-width: 1176px; }
	.content-notification-msg{ max-width: 350px; }
		
	/***************************************************/
	
	#infohome #usersAleat .spacephoto{ margin-left:18px; margin-right:18px; }
	
	#infohome #userswithmorephotos .spacephoto{ margin-left:18px; margin-right:18px; }
	
	#infohome #photosrecents .spacephoto{ margin-right:18px; margin-left:18px; }
	#infohome #photosrecents .oneminiphoto{ width:150px; height:150px; }
	
	#infohome #withmorelikes .spacephoto{ margin-right:18px; margin-left:18px; }
	#infohome #withmorelikes .oneminiphoto{ width:150px; height:150px; }
	
	#infohome #withmostvisited .spacephoto{ margin-right:18px; margin-left:18px; }
	#infohome #withmostvisited .oneminiphoto{ width:150px; height:150px; }
	
	/***************************************************/
	
	#generalspace #search #listresults .spacephoto{ margin-right:18px; margin-left:18px; }
	#generalspace #search #listresults .oneminiphoto{ width:150px; height:150px; }
	
	/***************************************************/
	
	#generalspace #column2-info{ position:relative; float:left; width:976px; }
	
	/***************************************************/
	
	#generalspace #column2-admin{ position:relative; float:left; width:976px; }
	
	#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{ width:45%; }
	
	#generalspace #column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative; float:left; width:150px; padding: 5px; border: 1px solid #EEE; margin-right:33px; }
	
	/***************************************************/
		
	#generalspace #column1{ position:relative; float:left; width:180px; margin-right:30px; }
	
	#generalspace #column2{ position:relative; float:left; width:736px; }
	
	
	#generalspace #column2 #infobasic #titleuser{ font-size:30px;  }
	#generalspace #column2 #infobasic .space-data-border{ padding:0px 20px 0px 10px; }
	

	#generalspace #column2 #profile2 .onefollower .info{ width:676px; }


	#generalspace #column2 #profile2 .oneactivity .oaheader .info{ width:656px; }
	
	
	#generalspace #column2 #profile2 #myphotos .onealbum .spacephoto{ margin-right:9px; margin-left:0px; }
	
	
	#generalspace #column2 #profile2 #myalbum .onephoto{ margin-right:21px; }
	
	
	#generalspace #column2 #profile2 .boxchat .chatheader .info{ width:656px; }

	#generalspace #column2 #profile2 #mylikes .onelike{ margin-right:21px;  }

	/***************************************************/	
	
	#generalspace #dashboard2 .editarea .withbox{ width:45%; }
	#generalspace #dashboard2 .onefollower .info{ width:656px; }
	
	#generalspace #dashboard2 .oneuserchat .info{ width:656px; }
	
	#generalspace #dashboard2 .oneactivity .oaheader .info{ width:656px; }
	
	#generalspace #dashboard2 .itemonenot .info{ width:656px; }
	
	/***************************************************/
	
	#generalspace #dashboard2 #mylikes .onelike{ margin-right:21px; }
	
	/***************************************************/
		
	#generalspace #column3{ position:relative; float:right; width:200px; }
	
	/***************************************************/
	
	#generalspace #directory .one-user-directory{ width: 270px; margin-right:20px; }
	
	/***************************************************/
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .withbox{ width:45%; }
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .spacephoto{ margin-right:9px; margin-left:0px; }
	
	/***************************************************/
	
	
} /* END WIDE LAYOUT */


/* Styles for Tablets - TABLET LAYOUT
----------------------------------------------- */

@media only screen
and (min-width: 768px)
and (max-width: 991px)
{
	
	#container{ width:768px; }
	
	/***************************************************/
	
	#home-top #home-top-block #arealogin{ width:39%; }
	#home-top #home-top-block #areasignup{ width:39%; }
	
	/***************************************************/
	
	.area-notification { max-width: 768px; }
	.content-notification { max-width: 350px; }
		
	/***************************************************/

	.area-notification-msg{ max-width: 768px; }
	.content-notification-msg{ max-width: 350px; }
		
	/***************************************************/
	
	#top-inside #top-inside-block #topbar-inside #area2 #infouser{ margin-right:10px; }
	#top-inside #top-inside-block #topbar-inside #area2 #infouser #txtusername{ margin-right:5px; }
	#top-inside #top-inside-block #topbar-inside #area2 #icodashtop .icotop{ margin-left:8px; }
	
	/***************************************************/
	
	#infohome #usersAleat .spacephoto{ margin-left:40px; margin-right:40px; }
	
	#infohome #userswithmorephotos .spacephoto{ margin-left:40px; margin-right:40px; }
	
	#infohome #photosrecents .spacephoto{ margin-left:45px; margin-right:45px; }
	#infohome #photosrecents .oneminiphoto{ width:150px; height:150px; }
	
	#infohome #withmorelikes .spacephoto{ margin-left:45px; margin-right:45px; }
	#infohome #withmorelikes .oneminiphoto{ width:150px; height:150px; }
	
	#infohome #withmostvisited .spacephoto{ margin-left:45px; margin-right:45px; }
	#infohome #withmostvisited .oneminiphoto{ width:150px; height:150px; }
	
	/***************************************************/
	
	#generalspace #search #listresults .spacephoto{ margin-left:45px; margin-right:45px; }
	#generalspace #search #listresults .oneminiphoto{ width:150px; height:150px; }
	
	/***************************************************/
	
	#generalspace #column2-info{ position:relative; float:left; width:568px; }
	
	/***************************************************/
	
	#generalspace #column2-admin{ position:relative; float:left; width:568px; }
	
	#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{ width:60%; }
	
	/***************************************************/
		
	#generalspace #column1{ position:relative; float:left; width:100px; margin-right:10px; }
	#generalspace #column1 #avatarmedium{ display:block; }
	#generalspace #column1 #avatargeneral{ display:none; }
	#generalspace #column1 #avatarmini{ display:none; }
	
	#generalspace #column1 .menuoption{ height:25px; padding:5px 10px; text-align:center; }
	#generalspace #column1 .menuoption .icopc{ float:none; }
	#generalspace #column1 .menuoption .txtopc{ display:none; }
	
	#generalspace .titleblock{ text-align:center; height:20px; line-height:19px; padding:5px; }
	#generalspace .titleblock #icot{ display:block; }
	#generalspace .titleblock #txtt{ display:none; }
	
	
	#generalspace #column2{ position:relative; float:left; width:448px; }
	

	#generalspace #column2 #profile2 .onefollower .info{ width:388px; }

	/***************************************************/
	
	#generalspace #column2 #profile2 .oneactivity .oaheader .info{ position:relative; float:left; width:368px; }
	
	#generalspace #column2 #profile2 #myphotos .onealbum .spacephoto{ margin-right:15px; margin-left:15px; }
	
	#generalspace #column2 #profile2 .boxchat .chatheader .info{ width:368px; }
	#generalspace #column2 #profile2 .boxchat .chatbody{ height:350px; }

	/***************************************************/
	
	#generalspace #column2 #profile2 #myalbum .onephoto{ margin-right:10px; }
	#generalspace #column2 #profile2 #myalbum .onephoto .thephoto{ width:125px; height:125px; }
	
	/***************************************************/
	
	#generalspace #column2 #profile2 #mylikes .onelike{ margin-right:10px; }
	#generalspace #column2 #profile2 #mylikes .onelike .thephoto{ width:125px; height:125px; }
	
	/***************************************************/
	
	#generalspace #dashboard2 .editarea .withbox{ width:60%; }
	
	#generalspace #dashboard2 .onefollower .info{ width:368px; }
	
	#generalspace #dashboard2 .oneuserchat .info{ width:368px; }
	
	#generalspace #dashboard2 .oneactivity .oaheader .info{ width:368px; }
	
	#generalspace #dashboard2 .itemonenot .info{ width:368px; }
	
	/***************************************************/
	
	#generalspace #dashboard2 #mylikes .onelike{ margin-right:10px; }
	#generalspace #dashboard2 #mylikes .onelike .thephoto{ width:125px; height:125px; }
	
	/***************************************************/
	
	#generalspace #column3{ position:relative; float:right; width:200px; }
	
	/***************************************************/
	
	#generalspace #directory .one-user-directory{ width: 350px; margin-right:30px; }
	
	/***************************************************/
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .withbox{ width:60%; }
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .spacephoto{ margin-right:15px; margin-left:15px; }
	
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .theimage{ width:100px; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info{ padding: 0 15px 5px 120px; }
	
	/***************************************************/

	
	
} /* END TABLET LAYOUT */


/* Styles for Mobiles - MOBILE LAYOUT (PORTRAIT/320PX) - Smartphone Vertical
----------------------------------------------- */

@media only screen
and (max-width: 767px)
{
	#container{ width: 300px; padding:0 10px; }

	/***************************************************/
	
	#home-top #topbar #area1 #logo{ display:none; float:none; }
	
	/***************************************************/
	
	#home-top #home-top-block #topmsg #line01{ font-size:30px; }
	#home-top #home-top-block #topmsg #line02{ font-size:30px; }
	
	/***************************************************/
	
	.area-notification { max-width: 300px; }
	.content-notification { max-width: 250px; }

	.content-notification .content-info .itemalertnot .info{ width:199px; }
		
	/***************************************************/
	
	.area-notification-msg{ max-width: 300px; }
	.content-notification-msg{ max-width: 250px; }
	
	.content-notification-msg .content-info-msg .itemalertnot .info{ width:199px; }
		
	/***************************************************/
	
	
	
	#home-top #home-top-block #arealogin{ width:90%; }
	#home-top #home-top-block #areasignup{ width:90%; }
	
	
	/***************************************************/

	#top-inside #top-inside-block #topbar-inside #area1{ }
	#top-inside #top-inside-block #topbar-inside #area1 #isotipo{ margin-right:5px; }
	#top-inside #top-inside-block #topbar-inside #area1 #logo{ display:none; float:none; }
	#top-inside #top-inside-block #topbar-inside #area1 #topsearch{ width:80%; margin-right:-30px;  }
	#top-inside #top-inside-block #topbar-inside #area1 #boxsearch{ margin-left:0px; margin-right:-30px; }

	#top-inside #top-inside-block #topbar-inside #area2 #infouser{ margin-right:0px; }
	#top-inside #top-inside-block #topbar-inside #area2 #infouser #txtusername{ display:none; }
	#top-inside #top-inside-block #topbar-inside #area2 #icodashtop .icotop{ margin-left:7px; }
	
	/***************************************************/
	
	#infohome #usersAleat .spacephoto{ margin-left:20px; margin-right:20px;  }
	
	#infohome #userswithmorephotos .spacephoto{ margin-left:20px; margin-right:20px;  }
	
	#infohome #photosrecents .spacephoto{ margin-left:0px; margin-right:10px; }
	#infohome #photosrecents .oneminiphoto{ width:130px; height:130px; }
	
	#infohome #withmorelikes .spacephoto{ margin-left:0px; margin-right:10px; }
	#infohome #withmorelikes .oneminiphoto{ width:130px; height:130px; }
	
	#infohome #withmostvisited .spacephoto{ margin-left:0px; margin-right:10px; }
	#infohome #withmostvisited .oneminiphoto{ width:130px; height:130px; }
	
	/***************************************************/
	
	#generalspace #search #listresults .spacephoto{ margin-left:0px; margin-right:10px; }
	#generalspace #search #listresults .oneminiphoto{ width:130px; height:130px; }
	
	/***************************************************/
	
	#generalspace #column1-info{ width:100px; margin-right:10px; }
	#generalspace #column1-info .menuoption{ font-size:12px; }	
	#generalspace #column2-info{ position:relative; float:left; width:190px; }
	
	/***************************************************/
	
	#generalspace #column1-admin{ width:100px; margin-right:10px; }
	#generalspace #column1-admin .menuoption{ font-size:12px; }
	
	#generalspace #column2-admin{ position:relative; float:left; width:190px; }
	
	#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{ width:90%; }
	
	/***************************************************/
	
	#generalspace #column1{ position:relative; float:left; width:50px; margin-right:10px; }
	#generalspace #column1 #avatargeneral{ display:none; }
	#generalspace #column1 #avatarmini{ display:block; }
	#generalspace #column1 #avatarmedium{ display:none; }
	
	#generalspace #column1 .menuoption{ height:25px; padding:5px 10px; text-align:center; }
	#generalspace #column1 .menuoption .icopc{ float:none; }
	#generalspace #column1 .menuoption .txtopc{ display:none; }
	
	#generalspace .titleblock{ text-align:center; height:20px; line-height:19px; padding:5px; }
	#generalspace .titleblock #icot{ display:block; }
	#generalspace .titleblock #txtt{ display:none; }
	
	#generalspace #column2{ position:relative; float:left; width:240px; }
	#generalspace #column2 #infobasic #titleuser{ font-size:17px;  }
	
	#generalspace #column2 #profile2 .onefollower .avatar{ margin-right:5px; }
	#generalspace #column2 #profile2 .onefollower .info{ width:185px; }
	#generalspace #column2 #profile2 .onefollower .info .name{ font-size:13px; font-weight:bold; }
	#generalspace #column2 #profile2 .onefollower .info .name img{ width:15px; }
	#generalspace #column2 #profile2 .onefollower .info .moreinfo{ font-size:11px; }


	/***************************************************/
	
	#generalspace #column2 #profile2 .oneactivity .oaheader .info{ position:relative; float:left; width:165px; }
	
	#generalspace #column2 #profile2 #myphotos .onealbum .spacephoto{ margin-right:9px; margin-left:9px; }
	#generalspace #column2 #profile2 #myphotos .onealbum .oneminiphoto{ width:80px; height:80px; }

	#generalspace #column2 #profile2 .boxchat .chatheader .info{ width:165px; }
	#generalspace #column2 #profile2 .boxchat .chatbody{ height:250px; }

	/***************************************************/
	
	
	#generalspace #column2 #profile2 #myalbum .onephoto{ margin-left:40px; margin-right:20px; }

	/***************************************************/
	
	#generalspace #column2 #profile2 #mylikes .onelike{ margin-left:40px; margin-right:20px; }
	
	/***************************************************/
	
	#generalspace #column2 #profile2 #photodetails #urlphoto{ display:none; }
	
	/***************************************************/
	
	#generalspace #column3{ margin-top:20px; }
	
	/***************************************************/

	#generalspace #column3 #linkdirectoryphotos{ margin-top:40px;}
	
	/***************************************************/
	
	
	#generalspace #dashboard2 .editarea .withbox{ width:90%; }
	
	#generalspace #dashboard2 .onefollower .info{ width:165px; }
	#generalspace #dashboard2 .onefollower .info .name{ font-size:14px; }
	#generalspace #dashboard2 .onefollower .info .name img{ width:15px; }

	#generalspace #dashboard2 .oneactivity .oaheader .info{ width:165px; }

	#generalspace #dashboard2 .oneuserchat .info{ width:165px; }
	#generalspace #dashboard2 .oneuserchat .info .name{ font-size:14px; }
	#generalspace #dashboard2 .oneuserchat .info .moreinfo{ font-size:12px; }

	#generalspace #dashboard2 .itemonenot .info{ width:165px; }
	#generalspace #dashboard2 .itemonenot .info .txtaction{ font-size:13px; }
	#generalspace #dashboard2 .itemonenot .info .txtwhen{ font-size:11px; }
	
	/***************************************************/

	#generalspace #dashboard2 #mylikes .onelike{ margin-left:40px; margin-right:20px; }

	/***************************************************/
	
	#generalspace #dashboard2 #listcomments .onecomment .photo{ width:70px; float:left; margin-bottom:10px; }
	#generalspace #dashboard2 #listcomments .onecomment .info{ padding:0 0 5px 85px; margin-bottom:10px; }

	/***************************************************/
	
	#generalspace #divseparator{ display:block; }
	#generalspace #column3{ float:none; width:100%; }
	
	/***************************************************/
	
	#generalspace #directory .one-user-directory{ width: 100%; }

	
	/***************************************************/
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .withbox{ width:90%; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .spacephoto{ margin-right:9px; margin-left:9px; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .oneminiphoto{ width:80px; height:80px; }
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .theimage{ width:70px; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info{ padding: 0 15px 5px 90px; }
	
	/***************************************************/
	

	
} /* END MOBILE LAYOUT */


/* Styles for Mobiles - WIDE MOBILE LAYOUT (LANDSCAPE/480PX) - Smartphone Horizontal
----------------------------------------------- */

@media only screen
and (min-width: 480px)
and (max-width: 767px)
{
	#container{ width: 480px; padding:0px; }

	/***************************************************/
	
	#home-top #topbar #area1 #logo{ display:block; float:left; }
	
	/***************************************************/
	
	#home-top #home-top-block #arealogin{ width:62%; }
	#home-top #home-top-block #areasignup{ width:62%; }
	
	/***************************************************/
	
	.area-notification { max-width: 480px; }
	.content-notification { max-width: 350px; }

	.content-notification .content-info .itemalertnot .info{ width:299px; }

		
	/***************************************************/

	.area-notification-msg{ max-width: 480px; }
	.content-notification-msg{ max-width: 350px; }
	
	.content-notification-msg .content-info-msg .itemalertnot .info{ width:299px; }
		
	/***************************************************/
	
	#top-inside #top-inside-block #topbar-inside #area1 #isotipo{  }
	#top-inside #top-inside-block #topbar-inside #area1 #logo{ display:block; float:left; margin-left:7px;}
	#top-inside #top-inside-block #topbar-inside #area1 #boxsearch{ margin-left:5px; }
	
	#top-inside #top-inside-block #topbar-inside #area2 #infouser{ /*margin-right:10px;*/ }
	#top-inside #top-inside-block #topbar-inside #area2 #infouser #txtusername{ display:none; }
	#top-inside #top-inside-block #topbar-inside #area2 #icodashtop .icotop{ margin-left:7px; }
	
	/***************************************************/
	
	#generalspace #column1-admin{ width:150px; margin-right:10px; }
	
	#generalspace #column2-admin{ position:relative; float:left; width:320px; }
	
	#generalspace #column2-admin #dashboard-admin2 .editarea .withbox{ width:75%; }
	
	/***************************************************/
	
	#infohome #usersAleat .spacephoto{ margin-left:5px; margin-right:5px; }
	
	#infohome #userswithmorephotos .spacephoto{ margin-left:5px; margin-right:5px; }
	
	#infohome #photosrecents .spacephoto{ margin-left:0px; margin-right:15px; }
	#infohome #photosrecents .oneminiphoto{ width:135px; height:135px; }
	
	#infohome #withmorelikes .spacephoto{ margin-left:0px; margin-right:15px; }
	#infohome #withmorelikes .oneminiphoto{ width:135px; height:135px; }
	
	#infohome #withmostvisited .spacephoto{ margin-left:0px; margin-right:15px; }
	#infohome #withmostvisited .oneminiphoto{ width:135px; height:135px; }
	
	/***************************************************/
	
	#generalspace #search #listresults .spacephoto{ margin-left:0px; margin-right:15px; }
	#generalspace #search #listresults .oneminiphoto{ width:135px; height:135px; }
	
	/***************************************************/
	
	#generalspace #column1{ position:relative; float:left; width:50px; margin-right:20px; }
	#generalspace #column1 #avatargeneral{ display:none; }
	#generalspace #column1 #avatarmini{ display:block; }
	#generalspace #column1 #avatarmedium{ display:none; }
	
	#generalspace #column1 .menuoption{ height:25px; padding:5px 10px; text-align:center; }
	#generalspace #column1 .menuoption .icopc{ float:none; }
	#generalspace #column1 .menuoption .txtopc{ display:none; }
	
	#generalspace .titleblock{ text-align:center; height:20px; line-height:19px; padding:5px; }
	#generalspace .titleblock #icot{ display:block; }
	#generalspace .titleblock #txtt{ display:none; }

	#generalspace #column2{ position:relative; float:left; width:410px; }
	#generalspace #column2 #infobasic #titleuser{ font-size:20px;  }
	

	#generalspace #column2 #profile2 .onefollower .avatar{ margin-right:5px; }
	#generalspace #column2 #profile2 .onefollower .info{ width:355px; }
	#generalspace #column2 #profile2 .onefollower .info .name{ font-size:14px; font-weight:bold; }
	#generalspace #column2 #profile2 .onefollower .info .moreinfo{ font-size:11px; }

	/***************************************************/
	
	#generalspace #column2 #profile2 .oneactivity .oaheader .info{ position:relative; float:left; width:335px; }
	
	#generalspace #column2 #profile2 #myphotos .onealbum .spacephoto{ margin-right:9px; margin-left:9px; }
	#generalspace #column2 #profile2 #myphotos .onealbum .oneminiphoto{ width:100px; height:100px; }

	#generalspace #column2 #profile2 .boxchat .chatheader .info{ width:335px; }

	/***************************************************/
	
	#generalspace #column2 #profile2 #myalbum .onephoto{ margin-left:20px; margin-right:20px; }
	
	/***************************************************/
	
	#generalspace #column2 #profile2 #mylikes .onelike{ margin-left:20px; margin-right:20px; }
	
	/***************************************************/
	
	#generalspace #dashboard2 .editarea .withbox{ width:75%; }
	
	#generalspace #dashboard2 .onefollower .info{ width:335px; }
	#generalspace #dashboard2 .onefollower .info .name{ font-size:14px; }
	
	#generalspace #dashboard2 .oneactivity .oaheader .info{ width:335px; }

	#generalspace #dashboard2 .oneuserchat .info{ width:335px; }
	#generalspace #dashboard2 .oneuserchat .info .name{ font-size:14px; }
	#generalspace #dashboard2 .oneuserchat .info .moreinfo{ font-size:12px; }

	
	#generalspace #dashboard2 .itemonenot .info{ width:335px; }
	
	/*****************************************************/
	
	#generalspace #dashboard2 #mylikes .onelike{ margin-left:20px; margin-right:20px; }
	
	/*****************************************************/
	
	#top-inside #top-inside-block #topbar-inside #area1 #topsearch{ width:85%; }
	
	#generalspace #divseparator{ display:block; }
	#generalspace #column3{ float:none; width:100%; }
	
	/***************************************************/
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .withbox{ width:75%; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .spacephoto{ margin-right:9px; margin-left:9px; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onealbum .oneminiphoto{ width:100px; height:100px; }
	
	#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .theimage{ width:80px; }
	#generalspace #dashboard2 #myphotos #spacemyphoto .onephotodetails .info{ padding: 0 15px 5px 100px; }
	
	/***************************************************/
	
	#generalspace #column2-admin #dashboard-admin2 #listcensor .onephoto{ position:relative; float:left; width:135px; margin-right:10px; margin-bottom:10px; }
	
} /* END WIDE MOBILE LAYOUT */



/* For the devices Retina - RETINA OVERRIDES
----------------------------------------------- */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2)
{
	
	
}
	

/* add Added in version 1.4 */

#home-top #home-top-block .line-txt-info{ font-family: Arial, Helvetica, sans-serif; color:#6593C5; font-size:17px; text-align:center; }

#home-top #home-top-block #btn-home{ margin-top:10px; }





a{color: inherit;}