/* INI :: FONTS */

@font-face {
    font-family: roboto-light;
    src: url(/assets/font/roboto-light.ttf);
}
@font-face {
    font-family: roboto-bold;
    src: url(/assets/font/roboto-bold.ttf);
}

/* END :: FONTS */

/* INI :: AFICIONIS COLOUR */
.color1{
	color:	#8CC73B;
	border-color:	#8CC73B;
}
.color2{
	color:	#94754A;
	border-color:	#94754A;	
}
.color3{
	color:	#FA9624;
	border-color:	#FA9624;	
}
.color4{
	color:	#02ABEC;
	border-color:	#02ABEC;	
}
/* END :: AFICIONIS COLOUR */

.box-block
{
	background-color:	#EBEBEB;
	margin:	10px;
	margin-top:	0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	text-align:	left;	
}

h3.box-title
{
	margin:	0;
	background-color:	#000;
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;	
	font-weight: bold;
	line-height: 30px;	
	color: #FFFFFF;	
	text-align: center;

}

.box-block-content
{
	margin:	10px;
}

.box-block label
{
	display: block;
	width: 150px;
	float: left;
}
.box-block input[type=text]
,.box-block input[type=password]
,.box-block select
{
	font-size: 12px;
	color: #000000;
	width: 200px;
}

.a_button
{
	border: 3px solid #000;
	background-color: #f99d39;
	font-weight:	bold;
	font-size:		15px;
	padding:	10px;
	margin-top:	10px;
	cursor:	pointer;
	box-shadow: 2px 2px 5px #888888;
	border-radius:	5px;
	color: #000;			
}

.box-message
{
	margin:	10px;
	padding:	10px;
	font-size:	11px;
	font-weight:	bold;
	text-align:	center;
	display:	none;
}

.message-error
{
	display:	block;
	background-color:	IndianRed;
	border:	2px solid DarkRed;
	color:	#FFF;
}

.message-success
{
	display:	block;
	background-color:	LightGreen;
	border:	2px solid LimeGreen;
	color:	#000;
}



#contactos-list
{
	list-style-type: none;
	padding:	0;
	margin:	0;
	margin:	10px;
}



/******* paginator.css ********/
			.pag_box
			{
				margin:	25px;
			}
			.paginator
			{
				list-style-type:	none;
				font-size:	15px;
				font-weight:	bold;
			}
			.paginator a
			{
background-color:#f99d39;border: 3px solid #000;padding: 10px;margin: 20px;color: #000;font-weight: bold;box-shadow: 2px 2px 5px #888888;border-radius: 5px;font-size: 15px;display: block;				
				color:	inherit;
			}




/****** user.css ********/
.user-detail
{
	width: 150px;
	float: left;
	box-shadow: 2px 2px 5px #888888;		
	
}

.user-detail-content
{
	margin:	3px;
}

.user-detail-photo
{
	max-width:	144px;
}

.user-detail-info
{
	background-color: #FFF;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 144px;
	color:	#000;
}
.user-detail-small-info
{
	background-color: #FFF;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	float: right;
	min-height: 50px;
	width: 93px;
	color:	#000;
}

.user-info-name
{
	font-size: 14px;
	font-weight:bold;
}

.user-info-city
{
	font-size: 11px;
}

.user-notice-icon
{
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	position: absolute;
	top: -8px;
	left: -8px;
	box-shadow: 2px 2px 5px #888888;
	text-align: center;
	background-color: #FFF;
	color: #000;
	border-radius: 50px;
}



/****** form.css *******/

.a_fieldset
{
	margin-bottom:	10px;
}
.a_fieldset label
{
	width:	150px;
	font-size:	13px;
	font-weight:	bold;
	line-height:	28px;
	text-align:	right;
	margin-right:	15px;
}

.a_fieldset input[type=text]
, .a_fieldset input[type=password]
{
	font-family:	inherit;
	width:	180px;
	border:	1px solid #000;
	font-size:	13px;
	padding:	5px;	
}

.a_fieldset input[type=checkbox]
{
	margin-top:	10px;
}

.a_fieldset select
{
	width:	180px;
}

.a_fieldset textarea
{
	padding:	5px;
	border:		1px solid #000;
	font-size:	13px;
	width:	380px;	
	height:	150px;
	margin-bottom:	0px;
}

/******* edit_profile.css *********/
.gallery-img
{
	float:		left;
}
.gallery-img
{
	position:	relative;
	list-style-type:	none;
	margin:	10px;
	width:	150px;
	height:	150px;
	border:	2px solid #FFF;
	background-color: #CCC;
	text-align:	center;
	vertical-align: middle;
	display:	table-cell;
}
.gallery-img img
{
	vertical-align: middle;
	max-width:	150px;
	max-height:	150px;
}
.gallery-del
{
	cursor:	pointer;
	position:	absolute;
	top:	-10px;
	left:	-10px;	
	z-index:	99;
}
#gallery-list
{
	margin-left:	25px;
}
.inp_status
{
	float:	right;
}
#activitiesList
{
	margin-left: 10px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#activitiesList li
{
	width:	auto;
	height:	auto;
	margin-bottom:	5px;
}
#activitiesList li.categoria
{
	color:	#0099FF;
	font-weight:	bold;
	font-size:	15px;
	margin-bottom:	5px;
}
#activitiesList div
{
	display:	inline-block;
	width:	150px;
	float: left;
}

#subactivities-list
{
	margin-left: 25px;
	margin-bottom: 15px;
}


#activitiesList .inp_status
,#subactivities-list .inp_status
{
	width:	15px;
	height:	15px;
	float:	left;
}

#divDatosPerfil_actividades input[type=checkbox]
{
	margin-right:	15px;
	margin-top:		3px;
}


/******* messages.css *******/
.message-date
{
	font-size:	15px;
	font-weight:	bold;
	border-bottom:	1px solid #000;
}
.bubble-message
{
	float: left;
	margin-left: 20px;
	background-color: #FFF;
	width: 230px;
	border-radius: 15px;
	padding: 15px;
	margin-right: 15px;
	color:	#000;
	min-height:	50px;
	position:	relative;
	border:	3px solid #000;
}

.bubble-message-triangle
{
	position:	absolute;
	top:	20px;
	left: -12px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 12px solid #000;
    border-bottom: 6px solid transparent;
}

.bubble-message-triangle-right
{
	position:	absolute;
	top:	20px;
	right: -12px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 12px solid #000;
    border-bottom: 6px solid transparent;
}


/**** MENU PERFIL *****/
input[type=submit].button-light
,.button-light
{
	float:	left;
	cursor: pointer;
	border:	0;
	background-repeat:	no-repeat;
	background-color:	transparent;
	height:	40px;
	margin-top:	10px;		
	margin-left:	20px;
}