@charset "UTF-8";
/* CSS Document */

/* CONTENT
-------------------------------------------------------------------------------------------------------------------------------------------- */

.content h2 {
	font: 28px/30px 'robotobold';
	color:#1A802A;
	text-align:center;
	text-transform:none;
	padding-bottom:20px;
}
.content h3 {
	font:20px/24px 'robotoregular';
	color:#74754C;
	text-align:center;
	background:url(../media/utilities/h4_line.png) center bottom no-repeat;
	padding-bottom:40px;
    background-size: cover;
}
.smallcontainer {
	width: 50% !important;
}


.title_bar {
	background:url(../media/utilities/title_bar.jpg) center center;
    background-size: cover;
	height:80px;
	margin: 13px 0 20px 0;
}
.title_bar h1 {
	text-align:left;
	line-height:80px !important;
	color:#F1F6E1;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	border-bottom:none;
}
.thumbnails {
	text-align:center;
}
.thumbnails li {
	width: 17%;
	height:250px;
	display:inline-block;
	vertical-align:top;
	margin: 0 1%;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
}
.thumbnails em {
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../media/utilities/zoom.png) 50% 50% no-repeat rgba(26,128,42,0.5);
	transition:all 0.3s ease-in-out;
}
.thumbnails li:hover em {
	opacity: 1;
}
#map {
	width:100%;
	height:280px;
}

#map_canvas {
	width:100%;
	height:100%;
}
.patch_back,
.patch_back_2 {
	display:block;
	border-bottom: 1px solid #CCC;
	border-top: none;
	padding: 10px 0 12px 0;
}
.patch_back_2 {
	border-top: 1px solid #CCC;
	border-bottom:none;
	text-align:center;
	margin-top:20px;
}

@media only screen and (max-width: 1700px) {
}



/* Smartphones (portrait and landscape) -----------
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 */
@media only screen and (min-width : 250px) and (max-width : 750px) {
.thumbnails li {
	width: 47% !important;
	height:10em;
	margin: 1%;
}
.smallcontainer {
	width: 96% !important;
}
#map {
	display:none;
}
}
/*
SMARTPHONES  PORTRAIT
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (max-width: 350px) {
}
/*
TABLETS
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
TABLETS LANDSCAPE
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width : 768px) and (max-width : 1100px) and (orientation : landscape) {
}
/*
TABLETS Portrait
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 751px) and (max-width: 1024px) and (orientation: portrait) {
}