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

/*
Name:
Description: brasilieninfo.org
Author: Martin Stettler, dieweberei.ch, Agentur für Webdesign & Multimedia, Schweiz
Author URL: http://www.dieweberei.ch
*/

/*-----------------------------------------------------------------------------------------------
	  Global Styles
-----------------------------------------------------------------------------------------------*/
body {
	line-height: 1.5;
}

* {
	padding:			0;
	margin:				0;
}
p {
	text-align:			left;
	line-height:		1.5;
	padding-bottom:		30px;
}
h1	{
	font-size:			13px;
	color:				#AF1023;
	font-weight:		normal;
	text-transform:		uppercase;
	padding-bottom:		30px;
}
.title {
	font-size:			14px;
	color:				#000;
	font-weight:		normal;
	text-transform:		uppercase;
}

.title_red {
	font-size:			14px;
	color:				#AF1023;
	font-weight:		normal;
	text-transform:		uppercase;
}
img {
	border:				0px;
}

.images_content {
	border:				0px;
	padding:			10px 0px;
}

.red13	{
	color:				#AF1023;
	font-size:			13px;
}
.white	{
	color:				#FFF;
	font-size:			16px;
	line-height:		28px;
}
.white23	{
	color:				#FFF;
	font-size:			23px;
	line-height:		28px;
}
a {
	color:				#000;
	text-decoration:	none;
}
a:hover {
	color:				#AF1023;
	text-decoration:	none;
}

img {
    max-width: 100%;
    height: auto; }


/*-----------------------------------------------------------------------------------------------
  *** DO NOT EDIT! New styles for Perch CMS ***
-----------------------------------------------------------------------------------------------*/

h3,
h4 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5;
}

h3 {
	color: #AF1023;
}

h4 {
	color: #000;
}

h4.small-caps {
	text-transform: none;
}

#main-content img {
	padding-bottom:	30px;
	display: block;
}

#main-content em {
	font-weight: bold;
	font-style: normal;
	color: #AF1023;
}

#main-content a {
	color: #000;
	margin-left: 4px;
}

#main-content a:hover,
#main-content a:active {
	color: #AF1023;
}

#main-content a:before {
    content: ">>";
    height: 0;
    width: 0;
    left: -3px;
    top: 0;
    position: relative;
    color: #AF1023;
    font-weight: bold;
}

/* list 2021 */
#main-content ul {
    margin-bottom: 20px;
    padding: 0 0 0 1em;
    list-style: none;
}

#main-content ul li:before {
    content: "–";
    display: block;
    height: 0;
    width: 0;
    left: -12px;
    top: 0;
    position: relative;
    color: #000;
}

#main-content ul li p {
    padding-bottom: 0;
}
/*
ul.list-default {
    margin-bottom: 20px;
    padding: 0 0 0 1em;
    list-style: none;
}

ul.list-default li:before {
    content: "–";
    display: block;
    height: 0;
    width: 0;
    left: -12px;
    top: 0;
    position: relative;
    color: #000;
}

ul.list-default li p {
    padding-bottom: 0;
}
*/
i.blockquote {
	font-style: italic;
}

.image-size {
	max-width: 780px;
}

/* Anchors */
.anchor {
    display: block;
    height: 25px; /* same height as header */
    margin-top: -25px; /* same height as header */
    visibility: hidden;
}

/*-----------------------------------------------------------------------------------------------
  Layout
-----------------------------------------------------------------------------------------------*/
body	{
	background:			#FFF;
	color:				#000;
	font-size:			13px;
	font-family:		"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}
#desk	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	height: 			auto;
}
/*-----------------------------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------------------------*/
#header	{
	width: 				100%;
	height: 			100px;
	background-color:	#000;
	z-index:			500;
	background-image:	url(graphics/gradient_top.jpg);
	background-repeat: repeat-x;
}
#content_1	{
	width: 				780px;
	height: 			70px;
	padding:		15px 0 0 220px;
}
#content_2	{
	width: 				1000px;
	height: 			auto;
	padding-top:		30px;
	float:				left;
}
#footer	{
	width: 				100%;
	height: 			30px;
	background-color:	#000;
	margin-top:			100px;
	float:				left;
	background-image:	url(graphics/gradient_bottom.jpg);
}
/*-----------------------------------------------------------------------------------------------
  Content
-----------------------------------------------------------------------------------------------*/
#logo	{
	position: 			relative;
	left: 				30px;
	top: 				10px;
	width: 				127px;
	height: 			121px;
	z-index:			3000;
	float:				left;
}
#h_title	{
	position: 			relative;
	left: 				93px;
	top: 				0px;
	width: 				200px;
	height: 			90px;
	padding-top:		10px;
	float:				left;
}
#h_image	{
	position: 			relative;
	left: 				173px;
	top: 				0px;
	width: 				500px;
	height: 			100px;
	float:				left;
}
#c2_navigation	{
	position: 			relative;
	left: 				0px;
	top: 				44px;
	width: 				220px;
	height: 			auto;
	float:				left;
}
#c2_text,
#main-content	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				780px;
	height: 			auto;
	float:				left;
}
.topic	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				780px;
	height: 			auto;
	padding-bottom:		30px;
	float:				left;
}
.topic2	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				400px;
	height: 			auto;
	padding-bottom:		30px;
	float:				left;
}
.photo	{
	position: 			relative;
	left: 				0px;
	top: 				0px;
	width: 				320px;
	height: 			auto;
	padding:			0px 0px 30px 60px;
	float:				left;
}
/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/
.menu1item	{
	width: 				220px;
	height:				auto;
   	font-weight:		normal;
	font-size:			13px;
	text-transform:		uppercase;
}
.menu1item a	{
  	display: 			block;
  	text-decoration: 	none;
 	color: 				#000;
  	padding: 			0px 0px 20px 30px;
}
.menu1item a:hover	{
	display: 			block;
   	color: 				#AF1023;
}
.show	{
	width:				190px;
   	color: 				#AF1023;
	display: 			block;
	padding: 			0px 0px 20px 30px;
}
.gap	{
	width:				220px;
	height:				34px;
}
.white_gap{
	color:				#FFF;
}