#content .topmenu { margin: 0 auto; padding-top: 20px; }

/*#content .topmenu ul li {
	display: inline-block;
	background-image: url("../../images/default/circle.jpg");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 15px;
	margin-right: 10px;
	float: right;
}

#content .topmenu ul li a {
	font-size: 15px;
	color: #777777;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
}

html.no-touch #content .topmenu ul li li.active a, #content .topmenu ul li a:hover { color: #17181c; }*/

.col-sm-4, .col-sm-8, .col-md-12 { padding-left: 0; padding-right: 0; }

.col-sm-8 ul li.active a, .col-sm-8 ul li a:hover { border-bottom: 1px solid #a0a0a0; }

#content #list { position: inherit; left: 0; margin-left: 0; width: 1200px; }

.row { width: 1200px; margin: 20px auto 0 auto; }

.row:nth-child(2) .col-md-12 { position: relative; }

.row:nth-child(2) .col-md-12 div { position: absolute; top: 0; width: 30%; padding-left: 15px; }

.row:nth-child(2) .col-md-12 img { width: 100%; margin-bottom: 30px; }

.banner { background-color: rgba(255, 255, 255, 0.4); }
#banner img { width: 100%; }

h3 { font-family: 'robotoblack'; font-weight: normal; font-size: 18px; color: #181818; }

p { color: #181818; font-size: 12px; }

/*Menu*/

#collections div#menu a.button.select
{
	float: right;
	text-transform: uppercase;
	padding-left: 4px;
	color: #5a5a5a;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 7px;
}

#collections div#menu a.button.select i:first-child
{
	color: #CCC;
	font-size: 16px;
	float: left;
	margin-right: 4px;
}

#collections div#menu a.button.select span
{
	float: left;	
	margin-top: 4px;
	font-size: 12px;
}	

#collections div#menu a.button.select i:last-child
{
	color: #999;
	font-size: 18px;
	float: left;
}	


#collections div#menu ul
{
	list-style: none;
	padding: 0px;
	margin-top: 45px;
	position: absolute;
	width: auto;
	right: 0px;
	z-index: 99;
}


#collections div#menu ul li:first-child:before 
{
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    height: 0;
    position: absolute;
    right: 28px;
    width: 0;
    top: -5px
}


#collections div#menu ul li:first-child:after 
{
    border-color: #FFFFFF rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0 4px 4px;
    content: "";
    height: 0;
    position: absolute;
    right: 30px;
    width: 0;
    top: -3px;
}

#collections div#menu ul li
{
	margin-bottom: 1px;
	display: none;
}

#collections div#menu ul li a
{
	color: #999;
	display: block;
	background-color: #FFF;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;		
	font-size: 15px;
	padding: 15px 5px 15px 5px;
}

#collections div#menu ul li a.active
{
	color: #17181c;
	font-family: 'robotobold';
	
}	

html.no-touch #collections div#menu ul li a:hover, #collections div#menu ul li a:active
{
	color: #17181c;
}

.label
{
	float: right;
	margin-right: 20px;
	margin-top: 7px;
	font-size: 15px;
	color: #777777;
}

.hidden
{
	display: none;
}
/**/

/*Galeria*/
#content #list ul.parceiros li i.view
{
		position: absolute;
		right: 20px;
		top: 0px;
	}
	
#content #list ul.parceiros li i.view
{
	background-color: #FFF;
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#content #list ul.parceiros li i.view
{
	font-size: 20px;
	color: #666;
}

#content #list ul.parceiros li i.view:hover
{
	background-color: #000;
}

#content #list ul.parceiros li i.view:hover
{
	color: #FFF;
}

#content #list ul.parceiros li img
{
	max-width: 282px;
	max-height: 190px;
}
/**/

/*MEDIA QUERY*/

@media screen and (max-width: 1260px) {
	#content #list 
	{
		left: auto;
		margin-left: auto;
		width: 100%;
	}
}

@media screen and (max-width: 1250px) {
    .row, #content .topmenu 
    { 
    	width: auto;
		margin-top: 30px;
		margin-left: 20px;
		margin-right: 20px; 
	}

	#content .topmenu { margin-top: 0; }
}

@media screen and (max-width: 1004px) {
	#content .topmenu ul { padding: 0; }
}

@media screen and (max-width: 992px) {
	#content .topmenu .col-sm-4 { width: 50%; display: inline-block; }
	#content .topmenu .col-sm-8 { width: 50%; float: right; display: inline-block; }
}

@media screen and (max-width: 850px) {
	.row:nth-child(2) .col-md-12 img { margin-bottom: 10px; }

	.row:nth-child(2) .col-md-12 div { position: inherit; width: 100%; margin-bottom: 30px; background-color: inherit; }
}

@media screen and (max-width: 700px) {
	#content .topmenu .col-sm-4 { width: 100%; display: inherit; text-align: center; margin-bottom: 20px; }
	#content .topmenu .col-sm-8 { float: none; margin-left: auto; margin-right: auto; display: block; }
	#content .topmenu .col-sm-8 #menu a { width: 100%; }
	#content .topmenu .col-sm-8 #menu a span { width: 80%; }
	#content .topmenu .col-sm-8 #menu a span .icon-arrowbaixo { float: right; }
	#collections div#menu ul { width: 200px; }
	.label { display: none; }
	.label-responsive { display: block!important; visibility: visible!important; width: 100%; text-align: center; margin-right: 0; }
}

@media screen and (max-width: 580px) {
	#content .topmenu { margin-bottom: 0; }

	#content .topmenu ul li 
	{
		width: 100%;
		margin-right: 0px;
		padding-left: 0px;
		float: none;
		text-align: center;
		margin-bottom: 15px;
		background-image: none;
	}

	.col-sm-4 img 
	{ 
		display: block;
	    margin-left: auto;
	    margin-right: auto;
	}

	#content .topmenu .col-sm-8 { width: 60%; }
}

@media screen and (max-width: 480px) {
	#content .topmenu .col-sm-8 { width: 80%; }
}

@media screen and (max-width: 450px) {
	.col-sm-4 img { width: 90%; }
}

@media screen and (max-width: 380px) {
	#content .topmenu .col-sm-8 { width: 100%; }
}