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

.banner, .wrapper, .container, .footer {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	top:0;
}
a, a:visited {
	color: blue;
	text-decoration: none;
}
strong {
	font-weight:bold;
}
h1 {
	color:#fff;
	font:oblique bold 2.0em Verdana, Geneva, sans-serif;
	margin: 0 0 20px;
	text-shadow:-1px 0 #272727, 0 1px #272727, 1px 0 #272727, 0 -1px #272727;
	padding: 0 10px;
	text-align:center;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.alignLeft {
	text-align:left;
}

/*////////////////////////////////////////////////////// MENU //////////////////////////////////////////////////////*/
.nav-container {
  background-color: #00005c;
  top: 0;
  position: fixed;
  width: 100%;
  z-index:2;
}

nav {
  margin: 0 auto;
  text-align: center;
  width: 640px;
  padding:15px 0;
}

nav li {
  display: inline-block;
  margin:0 4%;
  font:16px Verdana, Geneva, sans-serif;
  transition: background 0.2s ease 0s;
}
 
 
nav li a, nav li a:visited {
  color: white;
  font-size: 15px;
  cursor:pointer;
}
nav li a.active {
  color: #fff;
  background-color:#1366ce;
  padding:5px 5px;
  font-weight:bold;
  border-radius:5px;
}
/*////////////////////////////////////////////////////// END MENU //////////////////////////////////////////////////////*/

.wrapper {
	width:60%;
	margin:0 auto;
	padding:20px;
	font:1em Verdana, Geneva, sans-serif;
	overflow:auto;
}

.wrapper p {
	margin:0 0 2% 0;
}

.anchor { padding-top: 50px; }

.flags {
	position:absolute;
	left:10%;
	top:33%;
}

.caption {
	border:1px solid #002e40;
	overflow:auto;
	float:left;
	margin:0 3% 0 0;
	width:300px;
	background-color:#cecece;	
}



.caption img {
	width:100%;
}



.caption p {
	text-align:center;
	color:#000;
	
}

.sections {
	width:100%;
	color:#000;
	padding-top:50px;
	background: url(../images/grey_bg1.jpg) repeat;
	position:relative;
	z-index:1;
}

.sections:nth-child(2n+1) {
  background: url(../images/grey_bg.jpg) repeat;
  color:#fff;
  padding-top:5px;
}

.sec2 { 
width:49%;
float:left;
margin: 0 1% 0 0;
}

.bank {
	width:100%; 
	margin:0 auto;
	font-size:1.5em; 
	text-align:center;
}

.important {
	margin:2% 0 0 !important;
	color:#e3ea29;
	text-shadow:-1px 0 #272727, 0 1px #272727, 1px 0 #272727, 0 -1px #272727;
	font:bold 15px Verdana, Geneva, sans-serif;
	
}
.fb_box {
	margin-top:20px; 
	float:right;
}

.letter {
	width:50%;
	max-width:400px;
}

@media screen and (max-width: 460px) { 

.sec2 {
	width:100%;
}

.letter {
	width:100%;
	display:block;
	margin:0 auto 10px;
}

}

@media screen and (max-width: 640px) { 
 
.padd100 {
	padding:100px 0 0 0;
}
 nav {
	 width:70%;
	 padding:5px 0;
 }

.flags {
	width:30px;
}

 nav li {
	 display:block;
	 margin:5px 0;
}

.anchor { padding-top: 100px; }
.wrapper {
	padding:0;
	margin:0 auto;
}


.caption {
	width:50%;
}


}

@media screen and (min-device-width : 640px) and (max-width: 1000px) { 


.flags {
	width:30px;
	left:5px;
	top:20%;
}


}

@media screen and (max-width : 1150px) {
	
.sections {
  height: auto;

}
}

@media screen and (max-width : 1060px) {
	
 .wrapper {
	 width:95%;
 }
	
.fb_box {float:none;}

#contact_form {
	float:none !important;
	width:320px !important;
	margin:20px auto 0 !important;
}

}
.err, .success {
  background: url("../images/attention.png") no-repeat scroll 5px 5px #fff;
  color: #7c0a12;
  font-size: 16px;
  font-weight: bold;
  height: 31px;
  padding: 17px 0 0 50px;
}