/*----------------------------------------------------------------------------------------------------
	Clearfix
----------------------------------------------------------------------------------------------------*/
.clearfix {}

.clearfix:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/*----------------------------------------------------------------------------------------------------
	General
----------------------------------------------------------------------------------------------------*/
html {
	/*-webkit-text-size-adjust: none;	*/
	overflow-y: scroll;
}

body {
	/*color: #999ca0;*/
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.625em;
	font-weight: 400;
	
	 -webkit-text-size-adjust:none;
}

p {
	font-size: 1.4em;
	margin-bottom: 10px;
	line-height:180%
}

	p.printinformation {
		font-size: 0.5em;
		margin-bottom: 10px;
		line-height:110%
	}

	p.center {
		text-align: center;
	}
	
	p.right {
		text-align: right;
	}
	
	p.title {
		font-size: 2em;
		margin-left: 5px;
	}

	p.username {
		font-size: 2em;
		line-height:100%;
		/*margin-bottom: 15px;*/
	}	

	p.signup {
		font-size: 1.8em;		
		text-align: center;
	}	
	
	p.field {
		font-size: 1em;
		position: relative;
	}
		
	p.response {
		border-top: 1px solid #ccd0d5;
		line-height: 1.5em;
		padding-top: 10px;
	}

	p.numerical {
		font-size: 1.4em;
		position: relative;
		top: 70px;

	}

	a.numerical {
		color: #3a9ad9;
		position: relative;
		left: 30px;
		top: 20px;
		margin-right: 20px;
	}



label {
	font-size: 1.4em;
	margin-bottom: 25px;
}

	#label-title {
		position: relative;
		top: 55px;
		left: -105px;
		background-color: #ccd0d5;
		border: none;
		border-radius: 5px;
		color: #303d4f;
		margin: 0;
		outline: none;
		padding: 15px;
		width: 180px !important;		
		font-size: 1.4em;
	}



a {
	color: #3a9ad9;
	text-decoration: none;
}

	#back-a {
		position: relative;
		top: 100px;
		left: -105px;
		background-color: #ccd0d5;
		border: none;
		border-radius: 5px;
		color: #303d4f;
		margin: 0;
		outline: none;
		padding: 15px;		
		font-size: 1.4em;
	}

table {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin: 5px;
	table-layout: fixed;
}

th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;

}

td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
	word-wrap: break-word;
	width: 30px;

}

#tableemail td {
	font-size: 1.2em;
	vertical-align: middle;
	padding: 3px;
	text-align: left;
	line-height: 2.0em;	
}

#mainemail {
		padding: 1px; 
		/*width:280px; */
		width:385px;
		border-style: solid;
		border-width: 1px;
		height:300px;
		overflow-y:scroll !important;
		overflow-x: hidden !important;
		margin: 5px;
}

td.avatarpicture {
	font-size: 1.4em;
	vertical-align: middle;
	padding: 3px;
	text-align: left;
	line-height: 2.0em;
}

td.itempicture {
	vertical-align: middle;
	text-align: center;
	padding: 15px;


}

ul.lists li {
	border-bottom: 1px dotted #b8c1c5;
	margin-bottom: 15px;
}

ul.lists2 li {
	border-bottom: 1px dotted #b8c1c5;
	margin-bottom: 15px;
}

ul.listse {
	margin-bottom: 15px;
}

ul.itemsexplore {
	margin-left: 55px;
}

li.listse {
	border-bottom: 1px dotted #b8c1c5;
	/*margin-bottom: 5px;*/
	margin-top: 5px;
}



.collapsibleList li{
   	cursor:auto;
   	margin-bottom: 15px;
	/*border-bottom: 1px dotted #b8c1c5;    		 */
}

li.collapsibleListOpen {
	margin-top: 5px;
	cursor:pointer;
 
}

li.collapsibleListClosed{	
  	cursor:pointer;

}

.collapsibleList p{
   	cursor:auto;
   	margin-bottom: 15px;
	border-bottom: 1px dotted #b8c1c5;    		 
}

input,
textarea {
	font-family: 'Open Sans', sans-serif;
}

.inputdates input {
	font-family: 'Open Sans', sans-serif;	
}

.hidden {
	display: none;
}

.top-link {
	padding-right: 15px;
	line-height: 20px;
}

/*----------------------------------------------------------------------------------------------------
	Wrapper
----------------------------------------------------------------------------------------------------*/
#wrapper {}


/*----------------------------------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------------------------------*/
#outer-header {
	/*width: 1024px;*/
	background-color: #000000;
	height: 60px;
	/*width: 100%;	*/
	position: fixed;
	/*position: absolute;*/
	/*bottom: 0px;*/
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10000;		
	
}

#inner-header {
	/*margin: auto;*/
	padding: 10px 0;
	/*width: 1024px;*/
	/*width: 100%;*/
	/*background: #354458;*/	
}

	#inner-header .profile {
		position: absolute;
		/*position: fixed;*/
		left: 160px;
		top: 15px;
		font-size: 1.4em;
		
		/*width: 75%;*/
	}

	#inner-header .backbutton {
		position: absolute;
		/*position: fixed;*/
		left: 90px;
		top: 15px;
		font-size: 1.4em;
		
		/*width: 75%;*/
	}	
	
	#inner-header .profile p {
		color: rgba(255,255,255,0.10);
		line-height: 30px;
		margin: 0;
		padding-right: 15px;
	}
	
	#inner-header .profile input.search {
		border: none;
		border-radius: 5px;
		font-size: 1em;
		margin: 0 10px;
		outline: none;
		padding: 5px 5px;
		width: 130px;
	}
	
	#inner-header .profile a {
		color: #ffffff;
	}


#avatarplace {
	position: relative;
	left: 60px;
	top: -0px;	
	font-size: 1.0em;
	width: 100%;
}

#avatarupload label {
	position: relative;
	left: 60px;
	top: -0px;	
	font-size: 1.0em;
	width: 100%;
}

#avatarsubmit {
	position: center;
	font-size: 1.0em;
	width: 100%;
}

#avatarcancel {
	position: center;
	font-size: 1.0em;
	width: 100%;
}

	#iavatar a {		
		position: relative;
		left: 60px;
		top: 0px;
		font-size: 1.2em;
	}

		#iavatar a span {
			font-weight: 50;
		}

/*----------------------------------------------------------------------------------------------------
	Content
----------------------------------------------------------------------------------------------------*/
#outer-content {
	margin: auto;
	padding: 10px 0;
	width: 100%;
	position: absolute;
	top:60px;
}

#inner-content {
	/*
	margin: auto;
	padding: 10px 0;
	width: 100%;
	position: relative;
	top:60px;
	*/
}


/*----------------------------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------------------------*/
#outer-footer {}

#inner-footer {}


/*----------------------------------------------------------------------------------------------------
	Forms
----------------------------------------------------------------------------------------------------*/
.form {
	margin: auto;
	width: 400px;
}

	.form input,
	.form textarea {
		background-color: #ccd0d5;
		border: none;
		border-radius: 5px;
		color: #303d4f;
		font-size: 1.8em;
		margin: 0;
		outline: none;
		padding: 15px;
		width: 370px;
	}
	
		.form input.inline {
			margin-right: 15px;
			float: left;
		}
		
		.form input.inline.birthday {
			width: 80px;
		}

		.form input.inline.sexo {
			width: 80px;
		}

		.form input.inline.cp {
			width: 80px;
		}

		.form input.inline.scountry {
			width: 80px;
		}
		
		.form input.inline.zip-code {
			width: 80px;
		}

		.form input.inline.twitter-username {
			width: 160px;
		}
		
		.form input.inline.submit-avatar {
			width: 103px !important;
			height: 49px !important;
			position: relative;
			left: 125px;
			top: 37px;
			font-size: 1.2em;			
		}

		.form input[type="checkbox"] {			
			width: 20px !important; 

		}		
		.form input.inline:last-child {
			margin-right: 0;
		}
	

	
		.form input::-webkit-input-placeholder,
		.form textarea::-webkit-input-placeholder {
			color: #ffffff;
		}
		
		.form input:-moz-placeholder,
		.form textarea:-moz-placeholder {
			color: #ffffff;
		}
		
		.form input::-moz-placeholder,
		.form textarea::-moz-placeholder {
			color: #ffffff;
		}
		
		.form input:-ms-input-placeholder,
		.form textarea:-ms-input-placeholder {
			color: #ffffff;
		}
		
	.field .select-field {
		background-color: #ccd0d5;
		border-radius: 5px;
		margin-bottom: 15px;
	}
	
	.field .select-field.inline {
		float: left;
		margin-right: 15px;
	}
	
		.field .select-field.inline.month {
			width: 90px;
		}
		
		.field .select-field.inline.day {
			width: 70px;
		}
		
		.field .select-field.inline.year {
			width: 85px;
		}
		
		.field .select-field.inline.sex {
			width: 110px;
		}

		.field .select-field.inline.country {
			width: 200px;
		}		
	
	.field > .select-field.inline:last-child {
		margin-right: 0;
	}

	.field .select-field span {
		color: #ffffff;
		display: block;
		font-size: 1.8em;
		line-height: 1.4em;
		padding: 15px;
		position: absolute;
		z-index: 1;
	}
	
		.field .select-field span.filled {
			color: #303d4f;
		}
	
	.field .select-field select {
		border: none;
		background-color: transparent;
		color: transparent;
		cursor: pointer;
		height: 55px;
		outline: none;
		position: relative;
		-webkit-appearance: none;
		width: 100%;
		z-index: 1;
	}
	
		.field .select-field select option {
			color: #000000 !important;
		}

	a.buttonleft {
		/*border: 2px solid;*/
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		/*width: 250px;*/
		/*height: 180px;*/
		/*float: center;*/
		display: block;
		font-size: 1.8em;
		margin-left: 0px;
		margin-bottom: 5px;
		padding: 15px;
	}	

		a.buttonleft:hover {
			background-color: #eb7260;
		}

	a.buttonleft2 {
		/*border: 2px solid;*/
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		/*width: 250px;*/
		/*height: 180px;*/
		/*float: center;*/
		display: block;
		font-size: 1.8em;
		margin-left: 0px;
		margin-bottom: 5px;
		padding: 15px;
	}	

		a.buttonleft2:hover {
			background-color: #eb7260;
		}		

	a.buttonleft3 {
		/*border: 2px solid;*/
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		/*width: 250px;*/
		/*height: 180px;*/
		float: center;
		display: block;
		font-size: 1.8em;
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 5px;
		padding: 15px;

	}	

		a.buttonleft3:hover {
			background-color: #eb7260;
		}

	a.buttonleft4 {
		/*border: 2px solid;*/
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		/*width: 250px;*/
		/*height: 180px;*/
		/*float: center;*/
		display: block;
		font-size: 1.8em;
		margin-left: 0px;
		margin-bottom: 5px;
		padding: 15px;

	}	

		a.buttonleft4:hover {
			background-color: #eb7260;
		}		

	a.buttonlefte {
		border: 2px solid;
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		/*width: 250px;*/
		/*height: 180px;*/
		/*float: center;*/
		display: block;
		font-size: 1.0em;
		margin-left: 0px;
		padding: 15px;
	}	

		a.buttonlefte:hover {
			background-color: #eb7260;
		}	

	a.buttonleft5 {
		border: 2px solid;
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		/*float: left;*/
		font-size: 1.8em;
		margin-left: 15px;
		margin-bottom: 5px;
		/*padding: 15px;*/
		padding: 12px;
	}
		a.buttonleft5:hover {
			background-color: #eb7260;
		}	

	a.buttonleftside {
		border: 2px solid;
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		float: center;
		font-size: 1.8em;
		margin-left: 250px;
		margin-top: 20px;
		width: 200px;
		/*padding: 15px;*/
		padding: 12px;
	}
		a.buttonleftside:hover {
			background-color: #eb7260;
		}	

	a.button,
	.form a.submit {
		border: 2px solid;
		background-color: #ccd0d5;
		border-radius: 5px;
		color: #ffffff;
		float: right;
		font-size: 1.8em;
		margin-left: 15px;
		margin-bottom: 5px;
		/*padding: 15px;*/
		padding: 12px;
	}
	
		a.button:hover,
		.form a.submit:hover {
			background-color: #eb7260;
		}

	img.avatar {
	    display: block;
	    margin-left: auto;
	    margin-right: auto;		
		margin-bottom: 20px;	    
	}

/*----------------------------------------------------------------------------------------------------
	Buttons
----------------------------------------------------------------------------------------------------*/
a.follow span.standby,
a.subscribe span.standby {}

a.follow span.switch,
a.subscribe span.switch {
	display: none;
}

	a.follow:hover span.standby,
	a.subscribe:hover span.standby {
		display: none;
	}
	
	a.follow:hover span.switch,
	a.subscribe:hover span.switch {
		display: inline;
	}

/* AVATAR */

#avatarpic {
	/*margin: 0;
	width: 150px;	*/
}

	#avatarpic ul li.item {
		border-bottom: 1px dotted #b8c1c5;
		margin-bottom: 15px;
		font-size: 1em;
		position: relative;	
		padding: 15px;	
		padding-bottom: 15px;		
	}

	#avatarpic a {
		/*background-color: #ccd0d5;*/
		border-radius: 5px;
		/*color: #ffffff;*/
		float: right;
		font-size: 1.8em;
		margin-left: 15px;
		/*padding: 15px;	*/
	}

	#file_upload .form input[type="checkbox"] {
		border-bottom: 1px dotted #b8c1c5;
		margin-bottom: 15px;
		font-size: 1em;
		position: relative;	
		padding: 15px;	
		padding-bottom: 15px;		
	}

 

/*----------------------------------------------------------------------------------------------------
	Timeline
----------------------------------------------------------------------------------------------------*/
#timeline {
	margin: auto;
	width: 600px;
	/*background: #cad2d7;*/
}

	#timeline p {
		margin-left: 5px;
	}

	#timeline p.content {
		margin-left: 0px;
		border-bottom: 1px solid #ccd0d5;
	}	

	#timeline ul li.item {
		/*background: #cad2d7;*/
		border-radius: 0px;
		/*margin-bottom: 15px;*/
		position: relative;
		border-bottom: 1px solid #ccd0d5;
	}
	
		#timeline ul li.item .information {
			left: -300px;
			padding: 15px;
			position: absolute;
			text-align: right;
			top: 0;
			width: 270px;
		}
		
		#timeline ul li.item .content {
			padding: 10px;
		}
		
			#timeline ul li.item .content p {
				font-size: 1.6em;
				line-height: 1.5em;
			}

			#timeline ul li.item .content img.category {
				position: absolute;
				left: 550px;
				top: -10px;
				padding: 15px;				
			}			
			
			#timeline ul li.item .content p.time {
				font-size: 1.3em;
				line-height: 1.5em;
			}

			#timeline ul li.item .content p.itempicture {
				font-size: 1.4em;
				line-height: 1.5em;
				text-align: center;
				margin-top: 15px;
				/*border-bottom: 1px dotted #b8c1c5;*/
				
			}

			#timeline ul p.time {
				font-size: 1.3em;
				line-height: 1.5em;
				margin-bottom: 0px;
			}			

	
		
		#timeline ul li.item .likes {
			background: rgba(255,255,255,0.75);
		}
		
			#timeline .likes p {
				line-height: 40px;
				/*padding: 8px;*/
				margin-left: 15px;
				margin-right: 5px;
				/*margin-top: 55px;*/
				font-size: 1.4em;
				margin-bottom: 0px;
				/*line-height: 1.5em;*/
			}
		
			#timeline .likes a.like,
			#timeline .likes a.wishlist {
				display: inline-block;
				height: 40px;
				width: 40px;
			}
			
			#timeline .likes a.like {
				background: url(../img/icon-wishlist-40.png) center top no-repeat;
			}
			
			#timeline .likes a.wishlist {
				background: url(../img/icon-like-40.png) center top no-repeat;
				/*float: right;*/
			}
			

			#timeline .likes a.like.selected,
			
			#timeline .likes a.wishlist.selected {
				background-position: center bottom;
			}
		
		#timeline ul li.item .comments {
			background: rgba(255,255,255,0.50);
			padding: 15px;
		}
		
			#timeline ul li.item .comments ul li {
				/*border-bottom: 1px dotted #b8c1c5;*/
				margin-bottom: 0px;
				padding-bottom: 15px;
			}

			#timeline ul li.item .comments p.field {
				margin: 0;
			}
			
				#timeline ul li.item .comments p.field input {
					border-bottom: 1px dotted #b8c1c5;
					background: #ffffff;
					/*border: none;*/
					border-radius: 5px;
					font-size: 1.2em;
					margin: 0;
					outline: none;
					padding: 10px;
					width: 550px;
				}


/*----------------------------------------------------------------------------------------------------
	Lists & Items
----------------------------------------------------------------------------------------------------*/
#list, #item, #hosts, #visitors {
	padding: 0 15px;
}

/*----------------------------------------------------------------------------------------------------
	Table, TR
----------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------
	User
----------------------------------------------------------------------------------------------------*/
#user {
	padding: 0 15px;
}

#user p.avatar,
#user p.title {
	display: inline-block;
}

#user p.location {
}

#user ul.navigation {
	border-bottom: 1px solid #b8c1c5;
	margin-bottom: 15px;
}

	#user ul.navigation li {
		display: inline-block;
		margin-right: 15px;
	}


/* This is the style of our error messages */
.error {
  width  : 100%;
  padding: 0;
 
  font-size: 100%;
  color: white;
  background-color: #900;
  border-radius: 0 0 5px 5px;
 
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.error.active {
  padding: 0.3em;
}


.ajaxLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    z-index: 1000;
    display: none;
}

/*----------------------------------------------------------------------------------------------------
	1024px
----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1024px) {

#inner-header {
	/*width: 100%;*/
}
	
#inner-content {
	/*width: 100%;*/
}

#timeline ul li.item .information {
	display: none;
}

#timeline ul li.item .content p.time {
	display: block;
}

#outer-header {
	/*height: auto;*/
	/*height: 60px;*/

}
	
}


/*----------------------------------------------------------------------------------------------------
	768px
----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 767px) {

#outer-header {
	/*height: auto;*/
	height: 60px;

}

#logo,
#inner-header .profile input.search {
	/*float: none;*/
	/*width: 40%;*/
	/*height: 60px;*/
		/*position: absolute;
		left: 155px;
		top: 13px;	*/
}


	
}

/*----------------------------------------------------------------------------------------------------
	600px
----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 599px) {

#timeline {
	width: 100%;
}

#timeline ul li.item {
	border-radius: 0px;
}

#inner-header .profile input.search {
	margin-right: 0;
	/*width: 40%;*/
	/*height: 60px;*/
}
	
#outer-header {
	/*height: auto;*/
	height: 60px;

}

#mainemail {
	/*width: 400px;*/
}

}

/*----------------------------------------------------------------------------------------------------
	400px
----------------------------------------------------------------------------------------------------*/
@media all and (max-width: 480px) {

.form {
	padding: 0 15px;
	width: auto;
}

.form input.inline,
.field .select-field.inline {
	float: none;
}

.form input.inline {
	margin-bottom: 15px;
}
	
#outer-header {
	/*height: auto;*/

}

#mainemail {
	width: 280px;
}

}