/* dice.pt NIGHT VERSION */
/* body tags, section tags and elements, color and media queries */



/* @group MAIN VERSION */

body h2 {
	color: #fff;
}

body p, 
body li {
	color: #aeaeae;
}

/* @end */


/* @group FANCY NAVIGATOR - FOR SMALL DEVICES */

div.fancy_nav span.first {
	background: #333333;
}

div.fancy_nav span.second {
	background: #4D4D4D;
}

div.fancy_nav span.third {
	background: #666666;
}

div.fancy_nav span.fourth {
	background: #808080;
}

div.fancy_nav span.fifth {
	background: #999999;
}

/* @end */


/* @group STATUS BAR */

#status_bar {
	-moz-box-shadow: 0 1px 3px 2px #000; 
	-webkit-box-shadow: 0 1px 3px 2px #000; 
	box-shadow: 0 1px 3px 2px #000;
}

/* @end */


/* @group TEAM */

span.team_member_name {
	color: #fff;
}

span.team_member_position {
	color: #8b8b8b;
}

/* @end */


/* @group CLIENTS */

#clients ul li {
	border-top: 1px solid #272727;
	border-left: 1px solid #272727;
	
}

#clients ul li:nth-child(3n+3), 
#clients ul li:last-child {
	border-right: 1px solid #272727;
}

#clients ul li:nth-child(n+18) {
	border-bottom: 1px solid #272727;
}


@media screen and (max-width: 359px) and (min-width: 200px) {

	.clients_logo_block {
		width: 100%;
	}


	#clients ul li {
		border-bottom: 1px solid #272727 !important;
	}

	#clients ul li:nth-child(1) {
		border-top: 1px solid #272727 !important;
	}
}


@media screen and (max-width: 568px) and (min-width: 360px) {

	#clients ul li {
		border-bottom: 1px solid #272727 !important;
		
	}

	#clients ul li:nth-child(-n+2) {
		border-top: 1px solid #272727 !important;
	}

	#clients ul li:nth-child(n+18) {
		border-bottom: 1px solid #272727 !important;
	}

}


@media screen and (max-width: 600px) and (min-width: 569px) {

	#clients ul li {
		border-bottom: 1px solid #272727 !important;
		
	}

	#clients ul li:nth-child(-n+2) {
		border-top: 1px solid #272727 !important;
	}

	#clients ul li:nth-child(n+18) {
		border-bottom: 1px solid #272727 !important;
	}

}


@media screen and (max-width: 767px) and (min-width: 601px) {

	.clients_container {
		margin-top: 2em;
	}

	.clients_logo_block {
		margin-top: 6em;
		width: 70%;
		overflow: hidden;
	}
}

	/* @end */


	/* @group TWITTER FEED */

	.tweet,
	.query {
		color: #d4d4d4;
	}
		
	.tweet_list li span.tweet_time a {
		color: #ffffff;
		text-decoration: underline;
	}

	.tweet_list li span.tweet_text a {
		color: #00a4e4;
	}

	/* @end */


/* @group CONTACTS */

.vcard a:link, 
.vcard a:visited {
	color: #fff;
	text-decoration: underline;
}

.vcard a:hover {
	color: #aeaeae;
}

/* @end */



/*------------------------------------------- */
/* @group MEDIA QUERIES FOR BACKGROUND IMAGES */
/*------------------------------------------- */

@media screen and (max-width: 600px) and (min-width: 1px) {

	/* @group MAIN TAGS */

	body {
		background-color: #1a1a1a;
	}

	/* @end */
}

@media screen and (max-width: 767px) and (min-width: 601px) {

	/* @group MAIN TAGS */

	body {
		background: url('../img/fundo_768px_01_black.png') center 0px, url('../img/fundo_768px_02_black.png') center 1024px, url('../img/fundo_768px_03_black.png') center 2048px, url('../img/fundo_768px_04_black.png') center 3072px, url('../img/fundo_768px_05_black.png') center 4096px, url('../img/fundo_768px_06_black.png') center 5120px, url('../img/fundo_768px_07_black.png') center 6144px;;
		background-size: 768px 1024px;
		background-repeat: no-repeat;
		background-color: #1a1a1a;
		font-size: 13px;
	}

	/* @end */

}


@media screen and (max-width: 1024px) and (min-width: 768px) {

	/* @group MAIN TAGS */

	body {
		background: url('../img/fundo_1024px_01_black.png') center 0px, url('../img/fundo_1024px_02_black.png') center 1024px, url('../img/fundo_1024px_03_black.png') center 2048px, url('../img/fundo_1024px_04_black.png') center 3072px, url('../img/fundo_1024px_05_black.png') center 4096px, url('../img/fundo_1024px_06_black.png') center 5120px, url('../img/fundo_1024px_07_black.png') center 6144px;;
		background-size: 1024px 1024px;
		background-repeat: no-repeat;
		background-color: #1a1a1a;
	}

	/* @end */

}


@media screen and (max-width: 3000px) and (min-width: 1025px) {

	/* @group MAIN TAGS */

	body {
		background: url('../img/fundo_1920px_01_black.png') center 0px, url('../img/fundo_1920px_02_black.png') center 1024px, url('../img/fundo_1920px_03_black.png') center 2048px, url('../img/fundo_1920px_04_black.png') center 3072px, url('../img/fundo_1920px_05_black.png') center 4096px, url('../img/fundo_1920px_06_black.png') center 5120px, url('../img/fundo_1920px_07_black.png') center 6144px;;
		background-size: 1920px 1024px;
		background-repeat: no-repeat;
		background-color: #1a1a1a;
	}

	/* @end */

}