/* RESET CSS */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration: none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

html { 
  background: url(img/bg_ba_com.jpg);
  background-position: center top; background-repeat: no-repeat; background-attachment: fixed;;

}

body{
	width:100%;
	margin: 0 auto;
	position: relative;
	text-align: center;
	font-family: "proxima_nova_alt_reg", Arial,"Helvetica Neue",Helvetica,sans-serif;
}

header, .content {
	width: 30%;
	margin: 0 auto;
	padding: 0 55px;
    min-width: 320px;
}

header {
	margin-top: 60px;
	margin-bottom: 80px;
}

header h1 {
	margin:0;
}

header h1 img {
	width: 275px;
}

header h2 {
	font-size: 14px;
	letter-spacing: 1px;
	margin:0;
}

.content h3 {
	font-family: "proxima_nova_alt_light", Arial,"Helvetica Neue",Helvetica,sans-serif;
	color: #898989;
	font-weight: 100;
	position: absolute;
	top: -30px;
	background-color: #fdfdfd;
}

.content #locations h3 {
	width: 45%;
	left: 29%;
}

.content #brands h3 {
	width: 69%;
	left: 14%;
}

.content h3 strong{
	text-transform: uppercase;
}

.content #locations, .content #brands{
	position: relative;
	width: 100%;
	border-top: 1px solid #898989;
}

.content #locations #flags {
	margin-top: 50px;
	margin-bottom: 55px;
}

.content #locations #flags .flag {
	display:inline-block;
	width: 15%;
}

.content #locations #flags .flag img {
	width: 58%;
}

.content #locations #flags .flag .country-name {
	margin-top: 10px;
}

.content #locations #flags .flag .country-name a {
	text-transform: uppercase;
	color: #898989;
	font-size: 70%; /*1em;*/
}

.content #text {
	text-align: justify;
	font-size: 13px;
	color: #8a8a8a;
}

.content #brands {
	margin-top: 70px;
}

.content #brands #brands-list {
	margin-top: 50px;
	margin-bottom: 55px;
}

.content #brands #brands-list div.line {
	margin: 10px 0;
}

.content #brands #brands-list div.line img {
	margin: 0 10px;
}