/*
	Empresa: Izanagi Design Interativo
	URI: http://www.izanagi.com.br/
	Autor: Marcos Rodrigues
	Version: 1.0 (01/01/2009)
	Cliente: 
	
	------------------------
	(1) CSS RESET
	(2) DIVERSOS
	(3) FORMULÁRIOS
	(4) ESTRUTURAS
		(4.1) BOXES DA ESTRUTURA
	(5) TÍTULOS
	
	
*/


/***
	CSS RESET
***/

* { 
	margin:0; 
	padding:0;
}
html {
	color: #545f5a;
	color: #000;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
}
body {
	background: #fff url("../img/bg-body.gif") repeat-x;
}

ul, ol { list-style: none; }
ul li, ol li { text-indent:0; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:0 none; }
hr { display: none;}

a, a:visited {
	color: #747474;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #EB191E;
}
p{ margin: 0px 0 20px;}



/***
	DIVERSOS
***/

/*.clearfix { overflow: auto; }*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.imgreplace {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.clear { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.floatLeft { float:left; }
.floatRight { float:right; }

img.floatRight, img.floatLeft { border: 1px solid #5A7956; }
img.floatRight { margin: 0 0 15px 15px;}
img.floatLeft { margin: 15px 15px 0 0;}

/***
	FORMULÁRIOS
***/





/***
	ESTRUTURAS
***/

html, body/*, #wrap, #container*/ { height: 100%; }

/* #wrap */
#wrap {
	background: #fff url("../img/main-bg.gif") repeat-y 163px 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
	overflow: hidden;
	padding: 0 5px;
	width: 715px;
}


/* #container 
#container {
	background: #fff url("../img/main-bg.gif") repeat-y 163px 0;
	margin: 0 auto -55px;
	overflow: hidden;
	padding: 0 5px;
	width: 715px;
}

#wrap > #container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
*/
#container > div, #header , #main {
	float: left;
	width: 715px;
}


/* home */

#home {
	background: url("../img/bg-home.jpg") no-repeat;
	height: 451px;
	margin: -225px 0 0 -371px;
	position: relative;
	width: 743px;
	top: 50%;
	left: 50%;
}

#home img.logo {
	position: absolute;
	top: 6px;
	left: 41px;
}
#home object {
	position: absolute;
	top: 353px;
	left: 7px;
}
#home ul { 
	overflow: hidden;
	position: absolute;
	bottom: 46px;
	right: 9px;
}
#home ul li { 
	float: left;
	margin-right: 15px;
}
#home ul li a {
	display: block;
	height: 15px;
}
#home ul li.ingles { width: 60px; }
#home ul li.ingles a {
	background: url("../img/mn-english.gif");
	width: 60px;
}
#home ul li.portugues { width: 75px; }
#home ul li.portugues a {
	background: url("../img/mn-portugues.gif");
	width: 75px;
}

#home p {
	bottom: 0px;
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	position: absolute;
	right: 203px;
	width: 179px;
}



/* #header */
#header { background: url("../img/header-bg.gif") no-repeat; }
#headerEN { background: url("../img/header-bg-en.gif") no-repeat; }

#header h1, #headerEN h1 {
	background: url("../img/logo.gif") no-repeat;
	float: left;
	height: 112px;
	width: 152px;
}
#header #menu, #headerEN #menu {
	border-top: 2px solid #fff;
	border-left: 3px solid #fff;
	float: right;
	height: 50px;
	margin-top: 42px;
	padding: 7px 15px 11px 6px;
	width: 537px;
}
	#menu li { 
		display: block;
		float: left;
		height: 15px;
		margin: 0 16px 0 0;
	}
	#menu li.liA, #menu li.liB, #menu li.liC, #menu li.liD { margin-bottom: 13px;}
	#menu li.liA { width: 108px;}
	#menu li.liB { width: 115px;}
	#menu li.liC { width: 197px;}
	#menu li.liD { width: 69px; margin: 0;}
	#menu li.liA, #menu li.liB, #menu li.liC, #menu li.liD { margin-bottom: 13px;}

	#menu li a { 
		color: #fff;
		height: 15px;
	}

/* #main */
#main {
	/*background: #fff url("../img/main-bg-2.gif") repeat-x 0 -50px;*/
	clear: both;
	padding-bottom: 55px; /* Mesma altura do #footer */
	
}  


#title {
	background: url("../img/title-bg.gif") no-repeat;
	color: #fff;
	height: 34px;
	line-height: 34px;
	padding-left: 177px;
}
#title h2 { width: 270px; }

#sidebar {
	background: url("../img/main-bg-2.gif") repeat-x;
	float: left;
	min-height: 150px;
	width: 158px;
}
#sidebar .menu {}
	.menu li { 
		border-bottom: 1px solid #eee;
	}
	.menu li a {
		background: url("../img/sidebar-menu-a-bg.gif") no-repeat 12px 13px;
		color: #5a5f5a;
		display: block;
		font-size: 1.1em;
		line-height: 15px;
		height: 30px;
		padding: 10px 0 10px 25px;
	}
	.menu li a:hover {
		background: url("../img/sidebar-menu-a-hover-bg.gif") no-repeat 12px 13px;
		color: #b71a35;
	}

#contato #sidebar {
	padding: 10px 16px 10px;
	width: 125px;
}
#contato #sidebar p { font-size: 1.1em; }


#content {
	background: #fff url("../img/main-bg-2.gif") repeat-x;
	font-size: 1.1em;
	float: right;
	padding: 20px;
	width: 516px;
}

/* ********** */

.foto {
	margin: 0 auto 20px;
	text-align: center;
}


.bullet-a li { 
	list-style-image: url("../img/list-bullet-a.png");
	list-style-position: inside;
}
.bullet-b li { 
	list-style: square;
	list-style-position: inside;
}
	.politica .bullet-b li { margin: 0 0 10px;}

.bullet-c {margin-bottom: 20px;}
.bullet-c li {
	list-style-image: url("../img/list-bullet-c.png");
	list-style-position: inside;
}

.bullet-d li { 
	list-style-image: url("../img/list-bullet-a.png");
	list-style-position: inside;
	margin-bottom: 10px;
}

.lista-projetos {}
.lista-projetos li {
	background: #d1d1d1 url("../img/lista-projetos-bg-a.gif") repeat-x;
	margin-bottom: 4px;
	min-height: 56px;
}
.lista-projetos li.alt {
	background: #f0f0f0 url("../img/lista-projetos-bg-b.gif") repeat-x;
}
.lista-projetos a, .lista-projetos strong  { display: block;}
.lista-projetos a {
	color: #000;
	padding: 12px 15px;
}
.lista-projetos div {
	display: none;
	padding: 15px;
	overflow: hidden;
}
.lista-projetos div img { 
	float: right;
	margin: 0 0 10px 10px;
}

.lista-fotos { 
	margin: 0px auto;
	overflow: hidden;
	padding: 20px 0 25px;;
	width: 282px;
}
.lista-fotos li {
	float: left;
	margin:0 10px;
}


.lista-direcao {}
.lista-direcao li {
	float: left;
	margin: 0 25px 20px 0;
	width: 215px;
}
.lista-direcao li b, .lista-direcao li span { display: block;}





form li input {  }
form input, form textarea {;	
	background: #ebebeb;
	font-size: 11px;
	display: block;
	padding: 3px;
	border: 1px solid #646464;
}
form input { width: 228px; }
form button {
	border: 0 none;
	clear: both;
}
form .full textarea, form .full input, form .full select {
	width: 486px;
}

form ul { overflow: hidden; }
form li {
	float: left;
	margin: 0 18px 10px 0;
	width: 240px;
}
form .full {
	clear: both;
	width: 498px;
}

.realupload {
	position: relative;
	float: right;
	/*top: -21px;
	right: 20px;*/
	right: 8px;
	top: -29px;
	width: auto !important;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
}
.fakeupload {
              width: 100%;
              border: 0 none;
              height: 16px;
              background: url("../img/fake-upload.gif") no-repeat;
              cursor: default;
        }
		
.fakeupload_EN {
              width: 100%;
              border: 0 none;
              height: 16px;
              background: url("../img/fake-upload-EN.gif") no-repeat;
              cursor: default;
        }


/* #footer */
#footer {
	clear: both;
	height: 55px;
	margin-top: -55px; /* Valor negativo da altura de #footer */
	position: relative;
}
#footer .innerbox {
	background: #fff url("../img/bg-footer.gif") bottom repeat-x;
	height: 55px;
	margin: 0 auto;
	width: 715px;
}

#footer .menu-linguas {
	overflow: hidden;
	padding: 33px 0 0 10px;
}
#footer .menu-linguas li {
	float: left;
	margin-right: 15px;
}
#footer .menu-linguas  li a {
	display: block;
	height: 15px;
}
#footer .menu-linguas  li.ingles { width: 55px; }
#footer .menu-linguas  li.ingles a {
	background: url("../img/menu-linguas-ingles.gif");
	width: 55px;
}
#footer .menu-linguas  li.portugues { width: 69px; }
#footer .menu-linguas  li.portugues a {
	background: url("../img/menu-linguas-portugues.gif");
	width: 69px;
}



/***
	TÍTULOS
***/

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
h6 {font-size: 1.1em;}
