/* CSS Document */

/* ---------------------  ELEMENTOS DO GERAIS  -------------------------------*/

popup {
position: absolute;
top: 30%;
left: 30%;
width: 300px;
height: 150px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #ffffa0;
display: none;
}

html {
	height:100%; 
	padding:0;
	margin:0; 
	border:0; 
	font-size:76%; 
	font-family: "trebuchet MS", arial, sansSerif; 
	}

/*ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}*/

body {
	height:100%;
	padding:0;
	margin:0; 
	border:0; 
	background-image: url(../imagens/bg_body_.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color:#000000;
	}
	
p, h1, h2, h3, h4, h5, h6, strong, li {
	font: Arial, Helvetica, sans-serif 12px;
	color: #FFFFFF; 
}

hr .separador {
	clear: both; 
	display: none;
	width: 100%;
	}
	
#header {
	margin: 20px 0;
	width: 940px;
	height: 260px;
}

#global { 
	margin: 0 auto; 
	width: 940px;
	margin-bottom: 10px;
	}
	
#container {
	width: 100%;
	margin-top: 20px;
 }
 	
.box{ float: left; }
.clear { clear: both;}


/* ------------------------------------------------------  FIM ELEMENTOS DO GERAIS  ---------------------------------------------------------------*/
/* ---------------------------------------------------------  ELEMENTOS DO HEADER  ----------------------------------------------------------------*/
/* ---------------------  ELEMENTOS AGENDA ------------------------------*/
#agenda {
	background-color: #FFFFFF;
	width: 220px;
	height: 206px;
	margin-top: 30px;
}

.box .bg_vermelho {
	background: url(../imagens/tit_agenda.gif) no-repeat scroll center top;
	margin-top: 5px;
	width: 212px;
	height: 32px;
}

#agenda p {
	color:#000000;
	margin:10px 5px 5px 15px; 
	}
	
#agenda p span{ font-stretch:wider; font-variant:small-caps; }

.borda_cima_agenda {
	background: transparent url(../imagens/sombra_cima_agenda.gif) scroll top center no-repeat;
	width: 220px;
	height: 4px;
	top: 0;
}

.borda_baixo_agenda {
	background: transparent url(../imagens/sombra_baixo_agenda.gif) scroll top center no-repeat;
	margin-top: 23px;
	margin-right: 3px;
	width: 217px;
	height: 4px;
	left: 0;
	}

.borda_direita_agenda{
	background: url(../imagens/sombra_direita_agenda_.gif) no-repeat scroll right top;
	float: right;
	top: 0;
	width: 7px;
	height: 206px;
}

.box .bg_vermelho h2{
	text-align: center;
	padding-top: 10px;
}

/* ---------------------  FIM ELEMENTOS AGENDA  -------------------------------*/
/* ------------------------  ELEMENTOS LOGO -----------------------------------*/

#logomarca, #logomarca a {
	width: 257px;
	height: 224px;
}

#logomarca { 	
	background: url(../imagens/logo.gif) center scroll no-repeat;
	padding: 5px 10px;
	margin:10px 400px 10px 0;
	left: 0;
	width:257px;
	}

#logomarca a{ display: block; }
.titulo h1{ text-indent: -5000px;}

/* --------------------- FIM ELEMENTOS LOGO  -------------------------------*/
/* --------------------------------------------------------- FIM ELEMENTOS HEADER -----------------------------------------------------------------*/
/* ---------------------------------------------------------- ELEMENTOS CONTAINER  ----------------------------------------------------------------*/
/* --------------------- ELEMENTOS PERFIS  -------------------------------*/

#perfis_{
	margin: 10px 0;
	height: 450px;
	/*width: 780px;*/
}

#perfil_murilo, #perfil_hugo, #perfil_nil {
	width: 300px;
	height: 490px;
	margin: 0 20px 0 0;
	background-color:#000000;
}

#perfil_murilo .descricao, #perfil_hugo .descricao, #perfil_nil .descricao{
	margin: 190px 15px 0 15px;
	height: 100px;
	background-color:#000000;
 }

.tweets_pessoais {
	width: 100%;
	height: 200px;
	margin-bottom: 50px;
}

#perfil_murilo p, #perfil_hugo p, #perfil_nil p{ color:#FFFFFF; }
.box#twitter a, .box#blog a, .box#orkut a, .box#youtube a { text-indent: -5000px;}
  
.borda_perfis { 
	top: 0;
	width: 300px;
	height: 8px;
}

#perfil_murilo .borda_perfis { background: transparent url(../imagens/brd_perfis_1.gif) scroll top center no-repeat; }
#perfil_hugo .borda_perfis { background: transparent url(../imagens/brd_perfis_2.gif) scroll top center no-repeat; }
#perfil_nil .borda_perfis { background: transparent url(../imagens/brd_perfis_3.gif) scroll top center no-repeat; }

.redes_sociais {	
	width: 100%;
	height: 27px;
	padding: 10px;
}

#twitter a, #blog a, #orkut a, #youtube a { display: block; }

#blog a, #orkut a, #youtube a { 
	width: 40px;
	height: 27px;
	}

#blog { background:url(../imagens/icone_blog.gif) scroll top left no-repeat; }
#orkut { background:url(../imagens/icone_orkut.gif) scroll top left no-repeat;}
#youtube { 	background:url(../imagens/icone_youtube.gif) scroll top left no-repeat;}

#perfil_murilo #twitter a {
	background:url(../imagens/twitter_murilo.gif) scroll top left no-repeat;
	width: 154px;
	height: 27px;
}

#perfil_hugo #twitter a {
	background:url(../imagens/twitter_hugo.gif) scroll top left no-repeat;
	width: 166px;
	height: 27px;
}

#perfil_nil #twitter a {
	background:url(../imagens/twitter_nil.gif) scroll top left no-repeat;
	width: 115px;
	height: 27px;
}

#perfil_murilo .tweets_pessoais ul li, #perfil_hugo .tweets_pessoais ul li, #perfil_nil .tweets_pessoais ul li {
	color:#FFFFFF;
	display:block;
	width: 250px;
	margin-left:-20px;
	margin-top: 15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
}

#perfil_murilo .tweets_pessoais ul li a , #perfil_hugo .tweets_pessoais ul li a , #perfil_nil .tweets_pessoais ul li a { color:#6EE3FF;}

.list p, .list p img{ margin-left: 50px; }

/* --------------------- ELEMENTOS PERFIS INDIVIDUAIS -------------------------------*/
#perfil_murilo { background:url(../imagens/foto_murilo.jpg) #000000 scroll top center no-repeat; }
#perfil_hugo {	background:url(../imagens/foto_hugo.jpg) #000000 scroll top center no-repeat; }

#perfil_nil {
	background:url(../imagens/foto_nil.jpg) #000000 scroll top center no-repeat;
	margin-right: 0; !important
	/*float: right;*/
}

/* ---------------- FIM ELEMENTOS PERFIS INDIVIDUAIS -----------------------------*/
/* --------------------- ELEMENTOS MIDIAS -------------------------------*/
#box_midias {
	width: 100%;
	height: 430px;
	margin-top: 200px;
	background-color: #9D0401;
	position: relative;
	}
	
#galeria_fotos , #clipping , #imprensa {
	width: 310px;
	height: 430px;
	margin-top: 10px;
	position: static;
}

#galeria_fotos .titulo, #clipping .titulo, #imprensa .titulo {
	margin-left: 47px;
	margin-right: 47px;
 }
 
#galeria_fotos p, #clipping p, #imprensa p {
	display: block;
	margin-top: 30px;
	margin-left: 47px;
	margin-right: 47px;
} 

#galeria_fotos p { margin-bottom: 30px;}

#galeria_fotos .titulo {
	background: url(../imagens/tit_galeria.gif) scroll no-repeat top center #9D0401;
	width: 195px;
	height: 26px;
	}
	
#clipping .titulo {
	background: url(../imagens/tit_clipping.gif) scroll no-repeat top center #9D0401;
	width: 173px;
	height: 26px;
	}
	
#imprensa .titulo {
	background: url(../imagens/tit_imprensa.gif) scroll no-repeat top center #9D0401;
	width: 204px;
	height: 26px;
	}
	
.fotos, .titulo { margin-top: 15px; }
.titulo { margin-left: 40px;}

.fotos { 
	margin-left: 50px;
	margin-bottom:30px;
	}

#btn_release {
	background: url(../imagens/btn_release.gif) scroll no-repeat bottom center;
	width: 163px;
	height: 30px;
	margin: 20px auto;
}

#btn_release a { 
	display: block;
	width: 163px;
	height: 27px;
	}
#imprensa #btn_release p { display: none; }

/* --------------------- ELEMENTOS MIDIAS BORDAS -------------------------------*/

.borda_cima_midias, .borda_baixo_midias, .borda_baixo_proposta, .borda_cima_proposta {
	width: 940px;
	height: 6px;
 }

.borda_cima_midias {
	background: transparent url(../imagens/brd_cima_midias.gif) no-repeat scroll top left;
	left: 0;
}

.borda_baixo_midias {
	background: transparent url(../imagens/brd_baixo_midias.gif) no-repeat scroll bottom;
	bottom: 0;
	margin-top: -16px;	
}

.borda_baixo_proposta {
	background: transparent url(../imagens/brd_baixo_proposta.gif) no-repeat scroll bottom;
	bottom: 0;
	margin-top: 10px;
}

.borda_cima_proposta {
	background: transparent url(../imagens/brd_cima_proposta.gif) no-repeat scroll bottom;
	top: 0;
}

/* --------------------- FIM ELEMENTOS MIDIAS BORDAS -------------------------------*/
/* --------------------- ELEMENTOS FOOTER E BORDAS -------------------------------*/
#footer {	
	background-color:#660000;
	width: 100%;
	height: 360px;
	margin-botton: 20px; 
	margin-top:160px;
}

#footer .titulo {
	background: url(../imagens/tit_proposta.gif) scroll top left no-repeat;
	width: 273px;
	height: 32px;
	margin: 20px;
}

#form_esquerdo, #form_direito, #lista_proposta {
	width: 290px;
	height: 202px;
	margin: 10px 10px 10px 0;
}

#lista_proposta {
	background: transparent url(../imagens/divisor_proposta.gif) scroll top right no-repeat;
 }
 
#lista_proposta ul {
	margin-top: 20px;
	margin-left: -15px;
}
 
#lista_proposta ul li {
	background: url(../imagens/icone_lista_proposta.gif) scroll left center no-repeat;
	padding: 0 15px;
	text-align:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
 }

#footer .form_proposta{ margin-left: 30px; }

.borda_esquerda_proposta, .borda_esquerda_proposta {
	width: 6px;
	height: 231px;
	top: 0;
}

.borda_esquerda_proposta { 
	background: url(../imagens/brd_esquerda_proposta.gif) scroll no-repeat top left;
	left: 0;
	}
.borda_direita_proposta { 
	background: url(../imagens/brd_direita_proposta.gif) scroll no-repeat top right;
	right: 0;
	}

/* --------------------- FIM ELEMENTOS PROPOSTA BORDAS -------------------------------*/
/* --------------------- ELEMENTOS FORM -------------------------------*/
#contato .text{	
	background: url(../imagens/bg_form.gif) scroll repeat-x top;
	border-color:#BEBEBE -moz-use-text-color -moz-use-text-color #BEBEBE;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
}

#contato #descricao {
	background: url(../imagens/bg_textarea.gif) scroll repeat-x top;
	border-color:#BEBEBE -moz-use-text-color -moz-use-text-color #BEBEBE;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
	}

#enviar {	
	background: url(../imagens/btn_enviar.gif) scroll right top no-repeat;
	height:27px;
	width:68px;
	margin-left:101px;
	border: medium none; 
}

#enviar value { display: none;}

#mail {
	font-family: "trebuchet MS", arial, sansSerif;
	font-size: 14px;
	font-weight:bold;
}

#mail a { color:#FFFFFF;}

/* --------------------- FIM ELEMENTOS FORM -------------------------------*/
/* --------------------- ELEMENTOS FLICKER FLASH -------------------------------*/

.zg_div {margin:0px 5px 5px 0px; width:200px;}
.zg_div_inner {/*border: solid 1px #000000;*/ background-color:#9D0401;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}

/* --------------------- FIM ELEMENTOS FLICKER -------------------------------*/
/* --------------------- ELEMENTOS FLICKER -------------------------------*/

#flickr_badge_wrapper {	
	background-color:#9D0401;
	background-color: #FFFFFF;
	border: solid 1px #000000; 
	padding:10px 0 10px 0;
	width: 220px;
	height: 200px;
	margin: 0 auto 10px auto;
	}

#flickr_badge_uber_wrapper {text-align:center; width:150px; background-color: #FFFFFF;}

#flickr_badge_uber_wrapper a:hover, 
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

.flickr_badge_image img {	
	border: 1px solid black !important;
	
	}


.flickr_badge_image {margin:0 10px 10px 10px;}

#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/* --------------------- FIM ELEMENTOS FLICKER -------------------------------*/

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}