/* Lightbox 
/* ------------------------------------------------------------ */
.lightbox												{position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; z-index: 900; display: none;font-family: 'Dosis', sans-serif;}
.lightbox h1											{color: #232b6d; font-size: 58px; text-shadow: none !important;}
.lightbox h2											{color: #232b6d; font-size: 52px; }
.lightbox hr											{border-color: #232b6d; max-width: 500px; margin: 0 auto;}
.lightbox .body											{width: 640px; margin: 0 auto; color: #fff; border-radius: 10px; min-height: 100px; z-index: 902; position: relative; top: 50px; background-color: #d4d8cd; padding: 50px;}
.lightbox .background									{background-color: #777; opacity: 0.7; filter:alpha(opacity=70); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: 901;}
.lightbox .lightbox_button_close						{background: url("images/btn_lightbox_close.png") no-repeat; width: 20px; height: 19px; display: block; position: relative; float: right; top: -60px; left: 60px; cursor: hand; cursor: pointer; z-index: 903;}            
.lightbox h1{margin-top:20px;font-family:'din-condensed', sans-serif;}
/* Mobile (Landscape), Design for a width of 480px */
@media (max-width: 767px) {
.lightbox .body											{width: 420px; padding: 10px;}
.lightbox .lightbox_button_close						{top: -10px; left: 10px;}
}

/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 479px) {
.lightbox .body											{width: 300px; padding: 10px;}
.lightbox .lightbox_button_close						{top: -10px; left: 10px;}	
}