/* Customização de elementos ********************************************************/
* { }
html, body { height: 100%; padding: 0px; margin: 0px; font: 10px Verdana; }
body { position: relative; }
p { color: #FFFFFF; }
ul { color: #FFFFFF; }
ol { color: #FFFFFF; }
ul li { }
img { border: none; }
a { text-decoration: none; }
strong { }
hr { border: none; }
h1 { padding: 0; margin: 0; }
ul { padding: 0; margin: 0; list-style: none; }
ul li { padding: 0; margin: 0; }
a, img { outline: none; }
#TB_window p{ color:#000000; }

a{ color:#FFF;}


/* Estilos Gerais ********************************************************/
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.vaM { vertical-align: middle; }


/* Estilos Diversos ********************************************************/
.ttlBranco { background-color: #FFF; font-weight: bold; color: #000; padding: 2px 2px 2px 10px; display: inline; }
.ttlBranco2 { background-color: #FFF; font-weight: bold; color: #000; padding: 2px 2px 2px 10px; display: inline; }
.txtPreto { background-color: #000; color: #FFF; width: 268px; padding: 26px 13px 23px 13px; clear: both; margin-top: 10px; }
.txtBold { color: #FFF; font-weight: bold; }
.txtImg { margin-top: 10px; }

.h255 { height: 255px; }
.h287 { height: 287px; }


/* Botões ********************************************************/
.btn { display: block; }
.btnPreto { width: 23px; height: 18px; background-color: #000000; color: #FFF; font-weight: bold; text-align: center; padding-top: 5px; }
.btnPreto:hover { background-color: #FFFF00; color: #000; }
.btnAmarelo { width: 23px; height: 18px; background-color: #FFFF00; color: #000; font-weight: bold; text-align: center; padding-top: 5px; }
.btnAmarelo:hover { background-color: #000000; color: #FFF; }


/* Estrutura ********************************************************/
#logo_relacionamento {margin-top:18%; padding-left:56%; position:absolute;}
#contentArea { width: 100%; position: absolute; }
#content { width: 820px; height: 577px; position: absolute; top: 40px; left: 50%; margin-left: -410px; }
#menu { width: 134px; position: absolute; left: 0; bottom: 0; }


/* Design *********************************************************/
h1 a { width: 610px; height: 109px; background: url(../img/lgo_daguedes.png) no-repeat; position: absolute; bottom: 0; right: 0; text-indent: -9999px; }

#menu li a { width: 134px; height: 28px; display: block; background: url(../img/mnu_principal4.gif) no-repeat; text-indent: -9999px; margin-bottom: 5px; }
#menu li a.mnu1 { background-position: 0px 0px; }
#menu li a.mnu1:hover, #menu li a.mnu1.on { background-position: -134px 0px; }
#menu li a.mnu2 { background-position: 0px -33px; }
#menu li a.mnu2:hover, #menu li a.mnu2.on { background-position: -134px -33px; }
#menu li a.mnu3 { background-position: 0px -65px; }
#menu li a.mnu3:hover, #menu li a.mnu3.on { background-position: -134px -65px; }
#menu li a.mnu4 { background-position: 0px -98px; }
#menu li a.mnu4:hover, #menu li a.mnu4.on { background-position: -134px -98px; }
#menu li a.mnu5 { background-position: 0px -130px; }
#menu li a.mnu5:hover, #menu li a.mnu5.on { background-position: -134px -130px; }
#menu li a.mnu6 { background-position: 0px -162px; }
#menu li a.mnu6:hover, #menu li a.mnu6.on { background-position: -134px -162px; }
#menu li a.mnuOrkut { background-position: 0px -197px; width: 64px; float:left; }
#menu li a.mnuOrkut:hover, #menu li a.mnuOrkut.on { background-position: -134px -197px; }
#menu li a.mnuMySpace { background-position: -70px -197px; width: 64px; float:left; margin-left: 6px; }
#menu li a.mnuMySpace:hover, #menu li a.mnuMySpace.on { background-position: -204px -197px; }

.lineContent { width: 100%; height: 8px; background-color: #000; border: none; position: absolute; top: 384px; }
.colEsq_1 { width: 441px; float: left; position: relative; }
.colDir_1 { width: 337px; float: right; position: relative; }
.colDir_1 .btnAmarelo { margin-top: -24px; }
.colDir_1 .btntopo{ margin-top:40px; }
.box_1 { width: 421px; height: 312px; margin-top: 4px; padding: 10px 10px 0 10px; background-color: #000; }
.box_1_1 { width: 431px; height: 287px; margin-top: 4px; padding: 20px 20px 10px 20px; background-color: #000; }
.box_2 { overflow-y: hidden; overflow-x: hidden; width: 294px; height: 227px; margin-top: 88px; }

.text { overflow-y: auto; overflow-x: hidden; width: 100%; }
.text ul li{padding-left:7px;list-style-image:none;list-style-position:inside;list-style-type:square;}
.text ol {padding-left: 20px;}

.listaMusica { width: 227px; margin-top: 30px; }
.listaMusica li a { height: 24px; background-color: #000; padding: 2px 2px 0px 14px; color: #FFF; font-weight: bold; color: #FFF; display: block; margin-bottom: 5px; }
.listaMusica li a:hover { background-color: #FFFF00; color: #000; }

.listaComentarios li { color: #666; font-weight: bold; margin-bottom: 20px; }
.listaComentarios li a { color: #666; font-weight: bold; }
.listaComentarios li a:hover { text-decoration: underline; }

#index2 .h215 { margin: 20px 0 0 0; }
#index2 .txtBold { margin-top: 25px; clear: both; }

#comentarios .btnAmarelo { margin-top: -13px; }
#comentarios .ttlBranco { width: 227px; display: block; }
#comentarios .txtPreto { height: 23px; padding: 5px 9px; }
#comentarios .txtPreto input { width: 260px; background-color: #000; border: none; color: #FFF; font: 10px Verdana; }
#comentarios .txtPreto.h60 { height: 60px; }
#comentarios .txtPreto textarea { width: 260px; height: 53px; background-color: #000; border: none; color: #FFF; font: 10px Verdana; }

#contato .ttlBranco2, #agenda .ttlBranco2, #download .ttlBranco2 { width: 227px; }

.fotos { height:240px; width:320px;}
.listfotos { margin-top:2px; height:12px; width:320px; }