@import url('../Fonts/Lato/font.css');

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	outline: 0 none;
	margin: 0 auto;
    padding: 0;
    border: 0 none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
a{
	text-decoration:none;
    cursor: pointer;
}
a:hover{
	text-decoration:none;
}
/*body, input, textarea, select, button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
}
html {
    font-size:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
	overflow:hidden;
}*/
body
{
	margin:0px auto;
	font: 13px/18px "LatoWebMedium",'Arial';
    /*background:#132F46;*/
	color:#222;
	-webkit-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	font-weight: 400;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.info_bg
{
     position:relative;
     width:100%;
	 max-width:700px;
     height:460px;
     overflow:hidden;
     margin:0px auto;
	 background:rgba(255,255,255,1);
	 border-bottom:5px solid #B66333;
}
.info_header{
	float:left;
	width:100%;
	height:78px;
	background:#fff;
	border-bottom:5px solid #B66333;
}
.info_logo{
	float:left;
	width:68px;
	height:68px;
	margin:5px 0 0 15px;
	overflow:hidden;	
}
.info_logo img{
	width:100%;
	height:auto;
}
.info_title{
	float:left;
	text-transform:uppercase;
	color:#B66333;
	margin:15px 0 0 8px;
	width:500px;
	font-size:25px;
}
.info_subtitle{
	float:left;
	width:100%;
	font-size:16px;
	margin-bottom:5px;
	color:#B66333;
	font-family: "LatoWebLight",'Arial';
}
.info_content_bg{
	float:left;
	width:675px;
	height:342px;
	margin:15px 0 0 25px;
	/*background:rgba(15,13,13,1.00);*/
	
}
.info_content_title{
	float:left;
	width:100%;
	color:#B66333;
	/*text-shadow: 0 0 1px rgba(184,0,0,0.3);*/
	font-size:15px;	
	/*text-transform:uppercase;*/
	margin:2px 0 0 0;
}
.info_content_item{
	float:left;
	width:100%;	
	margin:8px 0 8px 0;
	line-height:22px;
}
.info_content_item a,
.info_content_item a:hover,
.info_content_item strong{
	/*color:#1E2960;*/
	color:#B66333;
}
.info_content_item.final{
	margin-top:10px;
	font-style:italic;	
	color:#B66333;
}
.info_content_item ul{
	margin-left:22px;
	list-style:square;
}
.info_image_bg{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	text-align:center;	
}
.info_image_item{
	float:left;
	width:310px;
	margin:16px 0 12px 0;	
}
.info_image_item.full{
	width:655px;
}
.info_image_item.two{
	margin-left:20px;
}
.info_image_item img{
	width:100%;
	height:auto;
}
.image_title{
	position:relative;
	text-align:center;	
	font-style:italic;
	font-size:13px;
	margin-top:3px;
	margin-bottom:16px;
}
@media only screen and (min-width : 460px) and (max-width : 600px)	{
.info_header{
	height:56px;
}
.info_logo{
	width:46px;
	height:46px;
	margin:2px 0 0 6px;	
}
.info_title{
	margin:9px 0 0 2px;
	width:386px;
	font-size:15px;
}
.info_subtitle{
	font-size:12px;
	margin-bottom:0;
}
.info_content_bg{
	width:95%;
	height:364px;
}
.info_image_item{
	float:left;
	width:48%;
	height:auto;	
}
.info_image_item.two{
	margin-left:4%;
}
}
@media only screen and (max-width : 460px)	{
.info_header{
	height:56px;
}
.info_logo{
	width:46px;
	height:46px;
	margin:2px 0 0 6px;	
}
.info_title{
	margin:9px 0 0 2px;
	width:206px;
	font-size:13px;
}
.info_subtitle{
	font-size:12px;
	margin-bottom:0;
}
.info_content_bg{
	width:92%;
	height:364px;
}
.info_image_item{
	float:left;
	width:100%;
	height:auto;	
}
.info_image_item.two{
	margin:6px 0 0 0;
}
}