*{padding:0px; margin:0px;}
body {background:#000;	font:12px  "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; background-image:url(../images/BGsite.png); background-attachment:fixed;background-position:top center;	background-repeat:no-repeat;border:none;}
li{list-style:none;}
img{ border:none;}
a{color:#0099FF; text-decoration:none;}
a:hover{ color:#FFF;}
#central{width:766px;margin:auto; padding-top:38px;}
.margem_right{ margin-right:20px;}
.pulalinha{width:100%; float:left; margin-top:15px; margin-bottom:4px;}
.pulalinha2{width:100%; float:left; margin-top:4px; margin-bottom:4px;}
.linha{ width:630px; margin-top:10px; height:1px; border-bottom:dashed 1px #333; float:left; }
acronym{ border:0}

/*títulos*/
.titulos_padrao{padding:29px 0 0 0;overflow:hidden;height:0 !important;height :1px; /* height=altura imagem - hack IE5's */}
#kynho{ margin-top:75px;background:url(../images/titulos/_kynho.gif) no-repeat;}
#twitter{ margin-bottom:5px;background:url(../images/titulos/_twitter.gif) no-repeat;}
#blog{margin-bottom:5px;background:url(../images/titulos/_blog.gif) no-repeat;}

#social{ float:left; width:100%;padding:17px 0 0 0; margin-bottom:5px;overflow:hidden;background:url(../images/titulos/_social.gif) no-repeat;height:0!important;height :1px; /*height=altura imagem - hack IE5's */}
#galerias{ float:left;width:100%;padding:17px 0 0 0; margin-bottom:5px; margin-top:15px;overflow:hidden;background:url(../images/titulos/_galerias.gif) no-repeat;height:0 !important;height :1px; /*height=altura imagem - hack IE5's */}

#sobre{ margin-top:75px;background:url(../images/titulos/_sobre.gif) no-repeat;}
#trabalhos{margin-top:75px;background:url(../images/titulos/_trabalhos.gif) no-repeat;}
#sei{margin-bottom:5px;background:url(../images/titulos/_sei.gif) no-repeat;}
#leitura{margin-top:20px; margin-bottom:20px; background:url(../images/titulos/_leitura.gif) no-repeat;}
#contato{margin-top:75px;overflow:hidden;background:url(../images/titulos/_contato.gif) no-repeat;}


h2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; }

/*******************/

/*icones*/
.icone{ width:23px;height:23px;}
.icone a{width:23px;height:23px;display:block;cursor:pointer;}
.bg_icons{background:url(../images/icones.gif)}
.twitter_icon{ background-position:-216px; background-repeat:no-repeat; margin-left:256px;} 
.blog_icon{background-position:-244px; background-repeat:no-repeat; margin-left:256px;}
.linkedin_icon{background-position:0; background-repeat:no-repeat;}
.facebook_icon{background-position:-27px; background-repeat:no-repeat;}
.myspace_icon{background-position:-54px; background-repeat:no-repeat;}
.netvibes_icon{background-position:-81px; background-repeat:no-repeat;}
.lastfm_icon{background-position:-108px; background-repeat:no-repeat;}
.gmail_icon{background-position:-135px; background-repeat:no-repeat;}
.flickr_icon{background-position:-162px; background-repeat:no-repeat;}
.grooveshark_icon{background-position:-189px; background-repeat:no-repeat;}

#twitbox {position:relative;width:280px;height:1px;z-index:11;top: 155px;}
#blogbox {position:relative;width:280px;height:1px;z-index:12;top: 155px;}


/*******************/

#logotipo{position:absolute;padding-left:170px;top: 54px;width: 643px;}
.videos{ width:627px; height:242px; background:url(../images/videosbg.png) no-repeat;overflow:hidden  }
.bg_video{height:25px;width:616px;padding:4px;margin-left:2px;background-image:url(../images/bgvideo.gif);color:#333;}
.colfloat{padding-top:20px;float:left;width:313px;height:250px;}
.caixasmall{ width:280px; height:195px; background:url(../images/caixa_peq.gif) no-repeat; padding:8px; }

#footer{ text-align:center }



.created_at{ font-size:10px;}
/***********listas/*********/
.zero_list{list-style:none; list-style-image:none; margin-bottom:10px;}
.lista_network{float:left;}
.lista_network ul{display:inline; width:100%}
.lista_network li{ float:left; margin:10px; }
.lista_galerias{ float:left; margin-top:10px; padding-right:48px; padding-left:48px; border-right:dotted 1px #FFF; }
.lista_sei{ margin-top:10px; padding-right:48px; padding-left:48px; border-right:dotted 1px #FFF;  }
.lista_galerias li, .lista_sei li{list-style:url(../images/list.gif);}


/****************************/

/************menu*********/
#scroller-header {background:url(../images/bgmenu.png);width:100%;margin:auto;	height:49px;font-size:14px;	color:#fff; position:fixed; z-index:1	}
.menu_central {height:29px; width:280px; padding:4px; overflow:hidden; margin:auto; }
				.menu_central li {float: left;}
					.menu_central li.back {background: url(../images/menubot.gif) no-repeat right -30px; z-index: 8;  position:absolute; }
                     menu_central li.back .left { background:url(../images/menubot.gif) no-repeat top left; height:30px; margin-right:9px;}
                    .menu_central li a {text-decoration: none;color: #fff;outline: none; text-align: center;top: 7px;letter-spacing: 0;z-index: 10; display: block;float: left;height:30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
					.menu_central li a.selected{ color:#FF6600 !important;} 					
                    
/********************/



/**********galeria****************/

.stripViewer { position: relative;overflow: hidden;}
.stripViewer ul {position: relative;left: 0;top: 0;list-style-type: none;}

.stripViewer ul li { float:left;}

.stripTransmitter { height:25px;padding-top:4px; padding-bottom:4px;background-image:url(../images/bgvideo.gif);color:#333;overflow: auto; }
.stripTransmitter ul {position: relative;list-style-type: none; float:right}
.stripTransmitter ul li{ width: 20px;float:left;margin: 0 5px 1px 5px;}

.stripTransmitter a{ background-image:url(../images/bgnum.jpg); background-repeat:repeat-x; font: bold 10px  "Trebuchet MS", Arial, Helvetica, sans-serif;text-align: center;line-height: 22px;background-color: #000;color: #fff;text-decoration: none;display: block;}
.stripTransmitter a:hover { background: #c50000;color: #fff;}
.stripTransmitter a.current, .stripTransmitter a.current:hover { color: #0099FF; }

/***************************************/


/***********forms********************/
input, select, textarea{ border:solid 1px #CCC; background:#000; color:#CCC; height:24px; padding-top:4px; font-size:13px; width:384px;}
textarea{ height:auto}
label,fieldset{ border:none}
.enviar{ height:auto; width:auto;  border:none; background:none}
form{ width:390px; float:left}
#contatos{float:left; width:250px; margin:20px}

#mensagemForm{ font-size:14px; color:#F60;margin:20px; margin-top:80px; display:none}
#mensagemErro{font-size:14px; color:#F00;margin:20px; margin-top:80px; display:none}
/************************************/

#scroller-body {width:733px;margin-left:0px;padding-bottom:30px;padding-left:40px;background-image:url(../images/bg.png); background-repeat:no-repeat; background-position: top center;}

#mask {
	width:730px;
	overflow:hidden;
	margin:auto;
	
}


#panel div {
float:left;
}

#panel-1 {
	width:730px;
	padding-left:40px;
	height:880px;
	
}

#panel-2 {
	width:680px;
	padding-left:40px;
	padding-right:40px;
}

#panel-3 {
	width:680px;
	padding-right:40px;
	padding-left:40px;
}
#panel-4 {
	width:680px;
	padding-right:40px;
	padding-left:40px;
}