@charset "UTF-8";
/*
	CLIENTE: Desconexo
	Agencia: Index Comunicação Digital
*/



/* CONTAINER ********** */
body { background:#00529E url(../img/bg.jpg) no-repeat fixed center bottom; font:12px "Trebuchet MS", Helvetica, Arial, sans-serif; height:100%; width:100%; }
.container_12 { /*background:#FFF url(../img/12_col.gif) repeat-y center bottom !important;*/ position:relative; }



/* SIDEBAR ********** */
#sidebar     { padding-top:255px; }
/* SIDEBAR - LOGO */
.desconexo   { display:block; height:230px; left:-40px; position:absolute; top:0; width:230px; z-index:10; }
.desconexo a { background:url(../img/desconexo_b2tf.png) no-repeat; display:block; height:230px; overflow:hidden; text-indent:-666666px; width:230px; }
/* SIDEBAR - MENU */
#sidebar ul         { margin-bottom:50px; }
#sidebar li         { font-size:10px; }
#sidebar li a       { color:#FFF; display:block; padding:3px 0; text-decoration:none; }
#sidebar li a:hover { color:#F0FF00; }
#sidebar li a.ativo { color:#F0FF00; cursor:default; font-size:18px; }
/* SIDEBAR - PLAYER */
#sidebar h2 { color:#A6130A; }



/* CONTEUDO ********** */
#conteudo    { margin-bottom:50px; width:780px; }
#conteudo h3 { background:#2E3192; color:#EC008C; clear:both; display:block; float:left; font-size:20px; font-weight:bold; margin-bottom:10px; padding:5px; position:relative; text-transform:uppercase; width:134px; }
/* CONTEUDO - CARREGANDO */
.carregando { -moz-border-radius:5px; background:#FFF url(../img/loading.gif) no-repeat center center; display:block; height:36px; overflow:hidden; margin:250px 0 0 250px; padding:10px; text-indent:-666666px; width:36px; }
/* CONTEUDO - ALERTA FLASH PLAYER */
#desconexo,
#desconexo-cache { display:block; height:390px; margin-top:100px; width:635px; }
.alertaflash     { background:#520A0A; color:#FFF; float:left; margin-top:230px; padding:25px; position:relative; width:480px; }
.alertaflash h2  { color:#AB0F0F; font-size:20px; text-transform:uppercase; }
.alertaflash p   { width:330px; }
.alertaflash a   { float:right; margin-top:27px; }
/* CONTEUDO - CHAMADA/TEXTO */
.texto      { background:#2E3192; color:#fff200; float:left; margin-bottom:20px; padding:7px; position:relative; width:446px; }
.chamada    { background:#2E3192; color:#fff200; float:left; margin-bottom:20px; margin-top:230px; padding:7px; position:relative; width:446px; }
.texto h2,
.chamada h2 { color:#EC008C; font-size:20px; text-transform:uppercase; }
.texto p,
.chamada p  { margin-bottom:15px; }
.texto p:last-child,
.chamada p:last-child { margin-bottom:0; }
.texto span,
.chamada span    { color:#F5AD00; font-weight:bold; }
.texto a,
.chamada a       { color:#F5AD00; font-weight:bold; text-decoration:none; }
.texto a:hover,
.chamada a:hover { text-decoration:underline; }
.texto ul,
.chamada ul      { margin:0 0 10px 15px; }
.texto li,
.chamada li      { display:list-item; list-style:disc outside; margin-bottom:5px; }
/* CONTEUDO - SLIDESHOW */
.slideshow          { float:left; width:780px; }
.container-thumbs   { float:left; width:69px; }
.container-estampas { float:right; width:700px; }
.slideshow,
.container-thumbs,
.container-estampas { display:block; height:640px; overflow:hidden; position:relative; }
.container-thumbs ul,
.container-estampas ul { position:relative; }
.container-thumbs li,
.container-estampas li { display:block; margin:0 0 8px 0; padding:0; }
.slideshow img         { border:none; margin:0; padding:0; }

/* CONTEUDO - ID */
.id { margin-top:230px; }

/* CONTEUDO - GALERIAS */
.galeria               { margin-bottom:25px; width:780px; }
.interatividade        { width:465px !important; }
.galeria li            { color:#FFF; display:block; float:left; font-size:11px; height:150px; margin:0 10px 15px 0; text-align:center; width:144px; }
.galeria a             { border:2px solid #FFF; display:block; margin-bottom:3px; }
.galeria a:hover       { border-color:#CCC; }
.galeria .captionlink  { border:none; color:#F5AD00; display:block; font-size:10px; text-decoration:none; }
.galeria .captionlink:hover { text-decoration:underline; }

/* CONTEUDO - CONTATO */
.contato              { width:460px; }
.contato fieldset     { border:none; margin:0; padding:0; }
.contato legend       { display:none; }
.contato label        { color:#FFF; display:block; float:left; font-size:12px; padding:4px 0; text-align:right; width:60px; }
.contato .ipt-contato { background:#FFF; border:none; color:#333; display:block; float:right; font-size:12px; margin-bottom:10px; padding:5px; width:380px; }
.contato textarea     { background:#FFF; border:none; color:#333; display:block; float:right; font-size:12px; height:100px; margin-bottom:10px; padding:5px; width:380px;  }
.contato button       { background:#EC008C; border:none; color:#FFF; display:block; padding:5px 8px; float:right; }



/* RODAPE ********** */
/* RODAPE - BOTOES */
#rodape ul               { display:block; float:left; margin-bottom:50px; position:relative; width:400px; }
#rodape li               { display:inline-block; float:left; height:44px; margin-right:20px; width:79px; }
#rodape li a             { background-repeat:no-repeat; background-position:center top; display:block; float:left; height:51px; overflow:hidden; text-indent:-666666px; width:87px;  }
#rodape li a.btn-twitter { background-image:url(../img/btn_twitter.png); }
#rodape li a.btn-orkut   { background-image:url(../img/btn_orkut.png); }
#rodape li a.btn-youtube { background-image:url(../img/btn_youtube.png); }
#rodape li a.btn-blog    { background-image:url(../img/btn_blog.png); }
#rodape li a:hover       { background-position:center bottom; }

/* LAST TWEET */
#rodape #last-tweet      { background:url(../img/bg_twitter_esq.png) no-repeat left center; display:block; float:left; font-size:10px; height:50px; padding-left:15px; }
#rodape #last-tweet span { background:url(../img/bg_twitter_dir.png) no-repeat right center; display:block; padding-right:8px; width:205px; }
#rodape #last-tweet p    { background:#25A5FA; color:#FFF; display:block; height:30px; padding:10px; }
#rodape #last-tweet a    { color:#FFF100; text-decoration:none; }
#rodape #last-tweet a:hover { text-decoration:underline; }

/* RODAPE - ASSINATURA */
.assinatura    { background:url(../img/desconexo_assinatura.png) no-repeat left top; color:#FFF; display:block; float:left; padding-left:50px; width:720px; }
.assinatura h2 { font-size:11px; text-transform:uppercase; }
.assinatura p  { margin-bottom:30px; }