.fancy-buttons {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	*/
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666 !important;
	font-family:arial;
	font-size:24px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	width: 26%;
	margin: 6px 10px 0 6px;
}
.fancy-buttons:hover {
	/*	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	
	background-color:#dfdfdf;
	*/	
	text-decoration: none !important;
}
.fancy-buttons:active {
	position:relative;
	top:1px;
}
.hgreen {
	color:#008000 !important;
}
.hgreen2 {
	color:#55AC2B !important;
}
.hgreen3 {
	color:#336666 !important;
}
.hred {
	color:#CC0000 !important;
}
.horange {
	color:#FF8000 !important;
}
.horange2 {
	color:#DA7448 !important;
}
.hpurple {
	color:#663399 !important;
}
.hpurple2 {
	color:#A0337F !important;
}
.hblue {
	color:#182B6F !important;
}
.hblue2 {
	color:#3757A0 !important;
}
.hblue3 {
	color:#3EA7D7 !important;
}
.hgray {
	color:#2D3845 !important;
}
.hyellow {
	color:#EABB2F !important;
}
.hyellow2 {
	color:#CC9933 !important;
}
.hbrown {
	color:#865848 !important;
}


#grid_content{
	overflow: auto;
}

#grid_content img[align=left]{
	margin: 0 10px 10px 0;
}
#grid_content img[align=right]{
	margin: 0 0 10px 10px;
}

#grid_content .four,
#grid_content .five{
	clear: left;
}

#grid_content .four .col{
	width: 24%;
}
#grid_content .five .col{
	width: 19%;
}
#grid_content .col{
	height: 200px;
	overflow: hidden;
	float: left;
	margin: 3px;
	position: relative;
}

#grid_content .col .content{
	padding: 10px;
	height: 200px;
}

#grid_content img{
	max-width: 100%;
}

#grid_content .label{
	color: #fff;
	background: black;
	padding: 3px 8px;
	text-shadow: 0 1px 0 #000;
	font-size: 13px;
}
#grid_content .t,
#grid_content .b,
#grid_content .rt,
#grid_content .lt,
#grid_content .rb,
#grid_content .lb{
	position: absolute;
}
#grid_content .t,
#grid_content .b{
	text-align: center;
}
#grid_content .t{
	left: 0;
	right: 0;
	top: 0;
}
#grid_content .b{
	left: 0;
	right: 0;
	bottom: 0;
}
#grid_content .rt{
	right: 0;
	top: 0;
}
#grid_content .lt{
	left: 0;
	top: 0;
}
#grid_content .rb{
	right: 0;
	bottom: 0;
}
#grid_content .lb{
	left: 0;
	bottom: 0;
}

/*  Verdes  */
#grid_content .green1{ background: #339933; }
#grid_content .green2{ background: #55AC2B; }
#grid_content .green3{ background: #66CC99; }
#grid_content .green4{ background: #3DB6B6; }
#grid_content .green5{ background: #336666; }

/*  Celestes  */
#grid_content .cel1{ background: #3372CA; }
#grid_content .cel2{ background: #5C8ED5; }
#grid_content .cel3{ background: #3EA7D7; }
#grid_content .cel4{ background: #65B9DF; }
#grid_content .cel5{ background: #3365AC; }

/*  Rojos, azules y amarillos fuertes  */
#grid_content .fuer1{ background: #CC6600; }
#grid_content .fuer2{ background: #333399; }
#grid_content .fuer3{ background: #CC3333; }
#grid_content .fuer4{ background: #990000; }
#grid_content .fuer5{ background: #CC9933; }

/*  Coloridos Google  */
#grid_content .goo1{ background: #A0337F;	}
#grid_content .goo2{ background: #DA7448;	}
#grid_content .goo3{ background: #9cb448;	}
#grid_content .goo4{ background: #666666;	}
#grid_content .goo5{ background: #53A75E;	}
#grid_content .goo6{ background: #D9B02E;	}

/*  Boring greys and browns  */
#grid_content .brown1{ background: #AF9564;	}
#grid_content .brown2{ background: #8C6755;	}
#grid_content .brown3{ background: #93927E;	}
#grid_content .brown4{ background: #63625D;	}
#grid_content .brown5{ background: #865848;	}

/*  Azules y violetas  */
#grid_content .vio1{ background: #1255bf; }
#grid_content .vio2{ background: #423dbf; }
#grid_content .vio3{ background: #652bbf; }
#grid_content .vio4{ background: #8919bf; }
#grid_content .vio5{ background: #3C5F8B; }

/*  Orange green  */
#grid_content .orgreen1{ background: #e18454; }
#grid_content .orgreen2{ background: #cd9b54; }
#grid_content .orgreen3{ background: #b9b254; }
#grid_content .orgreen4{ background: #a4c954; }
#grid_content .orgreen5{ background: #97d854; }

/*  Blue green  */
#grid_content .bluegreen1{ background: #47b168; }
#grid_content .bluegreen2{ background: #479e80; }
#grid_content .bluegreen3{ background: #478a97; }
#grid_content .bluegreen4{ background: #477ca9; }
#grid_content .bluegreen5{ background: #4773b5; }

/*  Colors  */
#grid_content .colors1{ background: #47b168; }
#grid_content .colors2{ background: #e18454; }
#grid_content .colors3{ background: #478a97; }
#grid_content .colors4{ background: #b9b254; }
#grid_content .colors5{ background: #4773b5; }

/*  inhouse?  */
#grid_content .w3{ background: #1e2933; }

#grid_content div:hover {
	background: #105ab2;
	text-decoration: none;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: linear 0.15s;
    transition: linear 0.15s;
}

#grid_content div.content p:hover,
#grid_content div.content .desc:hover,
#grid_content div.content p.desc:hover,
#grid_content div.content p.desc.hasimage:hover,
#grid_content div.content h2.hasimage:hover,
#grid_content div.content h2:hover,
#content .review_detail a:hover {
	text-decoration: none !important;
}

#grid_content div.content p.desc {
	font-family: Roboto Condensed, Roboto, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.35;
	color: white;
	margin: 4px 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

#grid_content div.content p.desc.hasimage {
	margin-left: 50%;
	padding-left: 8px;
}

#grid_content div.content h2 {
	font-size: 12px !important;
	padding: 3px 8px;
	color: white;
	background-color:rgba(0, 0, 0, 0.3);
	margin: 2px 0 10px;
}

#grid_content div.content h2.hasimage {
	margin-left: 50%;
}

#grid_content .img-mile{
	margin: -10px;
	position: absolute;
	width: 50%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: auto 100%;
}


@media only screen and (max-width: 760px) {
	#grid_content .four .col{
		width: 49% !important;
	}

	.fancy-buttons {
		width: 30% !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px){
	#grid_content .four .col{
		clear: left !important;
		width: 100% !important;
	}

	.fancy-buttons {
		width: 45% !important;
	}
}