/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set img max-width */
img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font: normal 14px;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
}
#wbrazilianembassycontainer {
	width: 100%;
	margin: 0 auto 10px;
}
a {
	color: #BE252A;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	text-transform: uppercase;
	color: #000;
	margin: 20px 0 .4em;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* form buttons */
button, input[type=reset], input[type=submit] {
	background: #d81c05;
	color: #fff;
	padding: 3px 20px 8px;
	cursor: pointer;
	height: 37px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	background-color: #d81c05;
	border: solid 1px #9e1d0b;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjYWJhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjUyNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(top,  rgba(248,92,73,1) 0%, rgba(216,28,5,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,92,73,1)), color-stop(100%,rgba(216,28,5,1)));
	background-image: -webkit-linear-gradient(top,  rgba(248,92,73,1) 0%,rgba(216,28,5,1) 100%);
	background-image: -o-linear-gradient(top,  rgba(248,92,73,1) 0%,rgba(216,28,5,1) 100%);
	background-image: -ms-linear-gradient(top,  rgba(248,92,73,1) 0%,rgba(216,28,5,1) 100%);
	background-image: linear-gradient(top,  rgba(248,92,73,1) 0%,rgba(216,28,5,1) 100%);
	
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.3);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	font-size:18px;
}
button:hover, input[type=reset]:hover, input[type=submit]:hover {
	background: #d81c05;
	border: solid 1px #9e1d0b;
	color: #fff;
}



/************************************************************************************
HEADER
*************************************************************************************/
#wbrazilianembassytop_banner {
	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
	width: 936px;
	height: 153px;
	margin: 0 auto;
}
#wbrazilianembassytop_banner_bg {
	background-image: url(images/banner_bottom_bg.png);
	background-repeat: no-repeat;
	width: 936px;
	height: 11px;
	margin: 0 auto;
}
#wbrazilianembassytop_banner_con {
	background-color: #137F8C;
	padding-top: 10px;
}


/* 
SITE LOGO
================================================ */
#wbrazilianembassysite-logo h1 {
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 50px 50px;
	vertical-align: center;
	color: #FFFFFF;
	font-size: 38px;
	float: left;
}
#wbrazilianembassysite-logo h1 a {
	color: #FFF;
}
#wbrazilianembassysite-logo h1 a:hover {
	text-decoration: none;
}

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#wbrazilianembassymain-nav {
	width: 100%;
	background-color: #137F8C;
	border-bottom: 1px solid #001F2C;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#wbrazilianembassymain-nav ul {
	margin: 0 auto;
	padding: 0 10px;
	list-style: none;
	height: 46px;
	text-align: right;
	width: 936px;
}

#wbrazilianembassymain-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
}

#wbrazilianembassymain-nav ul a {
	color: #FFF;
	font-size: 17px;
	line-height: 140%;
	font-weight: normal;
	text-transform: none;
	padding: 11px 20px 6px;
	margin-top: 0;
	display: block;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	height: 30px;
}


#wbrazilianembassymain-nav ul a:hover, #wbrazilianembassymain-nav li:hover > ul a:hover, #wbrazilianembassymain-nav .a_active {
	background: #FFF;
	color: black;
	text-decoration: none;
}

/************************************************************************************
TOP LINKS
*************************************************************************************/
#wbrazilianembassytop_links {
	padding: 15px 0;
	width: 100%;
}
#wbrazilianembassytop_links_bg {
	background: #E8E8E8;
	border-top: 1px solid #D4D4D4;
	width: 100%;
	height: 5px;
}

#wbrazilianembassytop_links span {
	color: #000;
	font-weight: bold;
}

#wbrazilianembassytop_links ul{
	list-style: none;
	text-align: right;
	margin: 0 auto;
	width: 936px;
}
#wbrazilianembassytop_links li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
}
#wbrazilianembassytop_links a{
	margin: 0 4px;
	color: #000000;
}

/************************************************************************************
BOTTOM LINKS
*************************************************************************************/
#wbrazilianembassybottom_links {
	background: none repeat scroll 0 0 #27575D;
    margin: 75px auto 0;
    padding: 15px 20px;
	width:896px;
	clear:both;
}

#wbrazilianembassybottom_links span {
	color: #FFF;
	font-weight: bold;
}

#wbrazilianembassybottom_links ul{
	list-style: none;
	text-align: right;
	margin: 0;
}
#wbrazilianembassybottom_links li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	width: 100%;
	color: #FFF;
}
#wbrazilianembassybottom_links a{
	margin: 0 4px;
	color: #FFF;
}


/************************************************************************************
CONTENT
*************************************************************************************/
#wbrazilianembassycontainer2 {
	width: 936px;
	margin: 0 auto;
}

#content {
	width: 635px;
	float: left;
	padding: 0 0 60px 0;
	line-height: 140%;
}
article img {
	float: right;
	margin: 0 0 20px 20px;
}


/************************************************************************************
SIDEBAR
*************************************************************************************/
aside {
	width: 280px;
}
.wbrazilianembassyclients h1 {
	background: url(images/side_title_bg.png) no-repeat right top;
	padding: 10px 25px 10px 0;
	margin: 0 0 0px 0;
	font-size: 24px;
	font-weight: normal;
	color: #242424;
}

.wbrazilianembassyclients ul {
	margin: 0 0 0 18px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.wbrazilianembassyclients li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block;
	width: 262px;
	height: 88px;
	background: url(images/logo_bg.gif) no-repeat top;
	margin-bottom: 10px;
}

.wbrazilianembassyclients ul a {
	color: #FFF;
	font-size: 17px;
	line-height: 140%;
	font-weight: normal;
	text-transform: none;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	vertical-align: middle;
	width: 262px;
	height: 88px;
}

.wbrazilianembassyclients ul a:hover, .wbrazilianembassyclients li:hover > ul a:hover {
	text-decoration: none;
}
.wbrazilianembassyclients img {
	margin:1px;
}


/************************************************************************************
FOOTER
*************************************************************************************/
#wbrazilianembassyfooter {
	padding: 10px 0;
	width: 936px;
	margin: 0 auto;
}
#wbrazilianembassyfooter a {
	color: #FFF;
}


/************************************************************************************
GALLERY HP
*************************************************************************************/
#buttons {
	width: 635px;
	height: 54px;
}
#btn1 {
	width: 257px;
	height: 34px;
	background: url(images/video_icon.png) no-repeat center right;
	float: right;
	padding: 13px 60px 7px 0;
	cursor: pointer;
	font-size:24px;
	background-color: #f3f3f3;
}
#btn2 {
	width: 258px;
	height: 34px;
	background: url(images/gallery_icon.png) no-repeat center right;
	float: right;
	padding: 13px 60px 7px 0;
	cursor: pointer;
	font-size:24px;
}
#gallery {
	text-align: center;
	padding: 0;
}
.slide2 {
	display: none;
}
.slide1 {
	text-align:center;
}
#ft-buttons-slideshowHolder {
	display:block;
	margin: 5px auto 10px auto;	
}
.ft-button-slideshowHolder {
	background: url(images/gallery_btn.png) no-repeat center;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	display:block;
	float: left;
}
.ft-button-slideshowHolder-active {
	background: url(images/gallery_btn_a.png) no-repeat center;	
}
.ft-button-slideshowHolder span {
	display: none;
}
.ft-next, #gallery2 .ft-prev {
	display:block;
}
.ft-next {
	display:block;
	width: 10px;
	height: 16px;
	background: url(images/next.png) no-repeat left;
}
.ft-prev {
	display:block;
	width: 10px;
	height: 16px;
	background: url(images/prev.png) no-repeat right;
}
.ft-next:hover {
	display:block;
	width: 10px;
	height: 16px;
	background: url(images/next.png) no-repeat right;
}
.ft-prev:hover {
	display:block;
	width: 10px;
	height: 16px;
	background: url(images/prev.png) no-repeat left;
}
.ft-next span, .ft-prev span {
	display:none;
}

/************************************************************************************
GALLERY page
*************************************************************************************/
#buttons_in {
	width: 635px;
	height: 54px;
}
#buttons_in #btn2 {
	width: 268px;
	height: 50px;
	background: url(images/gallery_icon.png) no-repeat center right;
	float: right;
	padding: 20px 60px 0 0;
	cursor: pointer;
}
#gallery2 {
	text-align: center;
	padding: 0;
}
#buttons_in #btn1 {
	cursor: text;
	background-color: #FFF;
}
#buttons_in #btn2 {
	cursor: text;
	background-color: #FFF;
	width: 515px;
	height: 34px;
	float: right;
	padding: 13px 60px 7px 0;
	font-size:24px;
}
#buttons_in #btn3 {
	background: url(images/article_icon.png) no-repeat center right;
	width: 515px;
	height: 34px;
	float: right;
	padding: 13px 60px 7px 0;
	cursor: text;
	font-size:24px;
}
#buttons_in2 #btn4 {
	background: url(images/contact_icon.png) no-repeat center right;
	width: 515px;
	height: 34px;
	float: right;
	padding: 13px 60px 7px 0;
	cursor: text;
	font-size:24px;
}

/************************************************************************************
CONTACT HP
*************************************************************************************/

.contact-form input[type="text"], .contact-form textarea, .contact-form input[type="search"], .contact-form input[type="email"] {
	max-width: 240px;
    width: 240px;
	border: 1px solid #b2b2b2;
    border-radius: 0;
    padding: 10px 10px;
}

.contact-form textarea { 
	height: 100px;
	line-height: 150%;
	width: 240px;
	max-width: 240px;
	min-width: 240px;
}

.contact-form input[type="text"].contact_f1 { background: #f5f5f5 url(images/contact_name_a.png) no-repeat right top; padding-right: 45px; width:205px;}
.contact-form input[type="text"].contact_f2 { background: #f5f5f5 url(images/contact_phone_a.png) no-repeat right top; padding-right: 45px; width:205px;}
.contact-form input[type="text"].contact_f3 { background: #f5f5f5 url(images/contact_email_a.png) no-repeat right top; padding-right: 45px; width:205px;}

.contact-form input[type="text"].contact_f1:focus, .contact-form input[type="text"].contact_f1:hover { background: #f5f5f5 url(images/contact_name_a.png) no-repeat right bottom;}
.contact-form input[type="text"].contact_f2:focus, .contact-form input[type="text"].contact_f2:hover { background: #f5f5f5 url(images/contact_phone_a.png) no-repeat right bottom;}
.contact-form input[type="text"].contact_f3:focus, .contact-form input[type="text"].contact_f3:hover  { background: #f5f5f5 url(images/contact_email_a.png) no-repeat right bottom;}

.contact-form p { margin-bottom: 1.1em; text-align:right;}

/* form elements */
input, textarea, select, input[type=search] {
	font-size: 100%;
	font-family: inherit;
}

/* form field style */
input[type=text], input[type=password], textarea, input[type=search] {
	background: #f5f5f5;
	border: 1px solid #CCC;
	padding: 6px 10px;
	-webkit-appearance: none;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, input[type=search]:focus {
	outline: none;
	background: #eee;
}

/* form field width */
input[type=text] {
	width: 240px;
	max-width: 240px;
}
textarea {
	line-height: 150%;
	width: 240px;
	max-width: 240px;
	min-width: 240px;
	height: 100px;
}
.contact-form-submit {
	margin: 0 18px 10px;
	float:left;
}

/************************************************************************************
CONTACT PAGE
*************************************************************************************/

#content .contact-form textarea { 
	height: 100px;
	line-height: 150%;
	width: 613px;
	max-width: 613px;
	min-width: 613px;
}

#content .contact-form-submit {
	margin: 0 0px 0px;
	float:left;
}


/*  ev  */
#slideshowHolder {
background-repeat:no-repeat;
-webkit-background-size: 100% 100%; ; /*for webKit*/
-moz-background-size: 100% 100%;; /*Mozilla*/
 -o-background-size: 100% 100%;; /*opera*/
background-size: 100% 100%;; /*generic*/
}
/*  ev  */
.contact-text {
	float: left;
    font-size: 13px;
    line-height: 16px;
    width: 355px;
	padding-right: 15px
}