/* CSS Document for DIABOLOCAPETA.com */


/* BLOCOS ESTRUTURAIS */

body{
background:#e0e0e0 url(images/bg_body.jpg) top left repeat-x;
width:100%;
height:100%;
margin: 0 auto;
padding: 0;
border: 0;
text-align:center;
}
#container{
background:#FFF;
position: relative;
width:600px;
margin: 0 auto 0 auto;
padding:0 10px 0 10px;
text-align:center;
display:table;
}
#topo{
background:#FFF url(images/cabeca.png) top center no-repeat;
width:600px;
height:100px;
margin:10px 0 0 0;
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:14px;
font-weight:normal;
color:#000;
text-align:center;
}
#menu{
width:600px;
height:21px;
margin:5px 0 5px 0;
background:url(images/menu_bg.png) top center no-repeat;
clear:both;
}
#flash{
background:#F5F5F5;
width:600px;
height:338px;
border:none;
margin:0 0 0 0;
padding:0 0 0 0;
clear:both;
}
#corpo{
width:600px;
border:0 none;
margin: 0 0 0 0;
padding:0 0 0 0;
text-align:center;
background:#FFF;
clear:both;
}
#apresentacao{
width:600px;
height:34px;
margin: 0 0 15px 0;
padding:0 0 0 0;
background:#FFF url(images/apresentacao.png) top center no-repeat;
}
#bottom{
width:600px;
height:24px;
margin: 0 0 0 0;
padding: 42px 0 0 0;
clear:both;
float:left;
background:#FFF url(images/rodape.png) top center no-repeat;
color:#F00;
text-align:right;
}
#emdesenvolvimento{
width:550px;
padding:25px 25px 25px 25px;
background:#F5F5F5;
}

/* MENU */

#menu ul {
text-align:center;
margin:0 0 0 -20px;
_margin:0 0 0 0px;
display:block;
width:600px;
height:21px;
float:left;
}
#menu ul li{
width:77px;
height:21px;
display:block;
float:left;
margin:0 19px 0 0;
_margin:0 0 0 15px;
}
#menu ul li a{
width:77px;
height:21px;
display:block;
color:#FFF;
text-decoration:none;
}
#menu ul li a:hover{
width:77px;
height:21px;
display:block;
color:#FFF;
text-decoration:none;
margin:0;
padding:0;
}
#menu ul li a:active {
width:77px;
height:21px;
display:block;
color:#FFF;
text-decoration:none;
}

#menu ul li a.sobre{background:transparent url(images/menu_sobre.png) top center no-repeat;}
#menu ul li a.fotos{background:transparent url(images/menu_fotos.png) top center no-repeat;}
#menu ul li a.videos{background:transparent url(images/menu_videos.png) top center no-repeat;}
#menu ul li a.noticias{background:transparent url(images/menu_noticias.png) top center no-repeat;}
#menu ul li a.loja{background:transparent url(images/menu_loja.png) top center no-repeat;}
#menu ul li a.forum{background:transparent url(images/menu_forum.png) top center no-repeat;}

#menu ul li a.sobre:hover{background:transparent url(images/menu_over_sobre.png) top center no-repeat;}
#menu ul li a.fotos:hover{background:transparent url(images/menu_over_fotos.png) top center no-repeat;}
#menu ul li a.videos:hover{background:transparent url(images/menu_over_videos.png) top center no-repeat;}
#menu ul li a.noticias:hover{background:transparent url(images/menu_over_noticias.png) top center no-repeat;}
#menu ul li a.loja:hover{background:transparent url(images/menu_over_loja.png) top center no-repeat;}
#menu ul li a.forum:hover{background:transparent url(images/menu_over_forum.png) top center no-repeat;}

#menu ul li a.sobre_atual{background:transparent url(images/menu_active_sobre.png) top center no-repeat;}
#menu ul li a.fotos_atual{background:transparent url(images/menu_active_fotos.png) top center no-repeat;}
#menu ul li a.videos_atual{background:transparent url(images/menu_active_videos.png) top center no-repeat;}
#menu ul li a.noticias_atual{background:transparent url(images/menu_active_noticias.png) top center no-repeat;}
#menu ul li a.loja_atual{background:transparent url(images/menu_active_loja.png) top center no-repeat;}
#menu ul li a.forum_atual{background:transparent url(images/menu_active_forum.png) top center no-repeat;}

/* FORMATACAO */

.fotos_texto{
width:600px;
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#FFF;
background:#F00;
text-align:center;
padding:10px;
display:inline;
}
.videos_titulo{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:16px;
line-height:20px;
font-weight:bold;
color:#000;
text-align:left;
}
.videos_texto{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#444;
text-align:justify;
}
.noticias_data{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:20px;
font-weight:bold;
color:#F00;
background:#FFF;
text-align:left;
}
.noticias_titulo{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:16px;
line-height:20px;
font-weight:bold;
color:#000;
text-align:left;
}
.noticias_texto{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#444;
text-align:justify;
}
.destaque_loja_texto{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#444;
text-align:left;
width:120px;
height:70px;
padding:70px 0 0 10px;
}
.chama{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:16px;
font-weight:bold;
color:#F00;
text-align:left;
}
.credito{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:9px;
line-height:14px;
color:#444;
text-align:right;
}
.apresentacao{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:14px;
line-height:18px;
font-weight:normal;
color:#000;
text-align:left;
font-weight:bold;
padding:0 0 0 50px;
}
.instrucoes{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:9px;
text-transform:uppercase;
font-weight:normal;
color:#444;
text-align:center;
}
.texto{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:12px;
line-height:16px;
font-weight:normal;
color:#444;
text-align:justify;
}
p{
margin:0 0 10px 0;
}
img{
border:none;
padding:0 0 0 0;
}
hr{
margin:10px 0 10px 0;
_margin:0 0 0 0;
padding:0 0 0 0;
border-width:0 0 0 0;
border-style:none;
border-top:#F00 1px solid;
float:left;
}

/* PAGINA HOME */

#corpo_home{
width:600px;
float:left;
border:0 none;
margin: 10px 0 0 0;
text-align:left;
background:#FFF;
clear:both;
}
#coluna_esquerda{
width:346px;
border:0 none;
margin: 0;
text-align:left;
float:left;
background:#FFF;
}
#coluna_direita{
width:250px;
border:0 none;
margin: 0;
text-align:left;
float:right;
background:#FFF;
}
#destaque_noticias{
width:346px;
padding-top:45px;
margin:0 0 20px 0;
background:#FFF url(images/destaque_noticias.png) top center no-repeat;
}
#destaque_contato{
width:346px;
padding-top:45px;
margin:0 0 20px 0;
background:#FFF url(images/destaque_contato.png) top center no-repeat;
}
#destaque_contato_msn{
width:286px;
margin:0 0 40px 0;
padding:0 0 0 60px;
background:#FFF url(images/contato_msn_img.png) top left no-repeat;
}
#destaque_contato_skype{
width:286px;
margin:0 0 40px 0;
padding:0 0 0 60px;
background:#FFF url(images/contato_skype_img.png) top left no-repeat;
}
#destaque_contato_email{
width:286px;
margin:0 0 40px 0;
padding:0 0 0 60px;
background:#FFF url(images/contato_email_img.png) top left no-repeat;
}
#destaque_contato_celular{
width:286px;
margin:0 0 40px 0;
height:55px;
padding:0 0 0 60px;
background:#FFF url(images/contato_celular_img.png) top left no-repeat;
}
#destaque_loja{
width:250px;
padding-top:45px;
background:#FFF url(images/destaque_loja.png) top center no-repeat;
}
#destaque_loja01{
width:250px;
height:141px;
background:#FFF url(images/destaque_loja_01.jpg) top center no-repeat;
}
#destaque_loja02{
width:250px;
height:141px;
/*background:url(images/destaque_loja_02.jpg) top center no-repeat;*/
background:#FFF url(images/destaque_loja_02b.jpg) top center no-repeat;
}
#destaque_loja03{
width:250px;
height:141px;
background:#FFF url(images/destaque_loja_03.jpg) top center no-repeat;
}
#destaque_loja_flash{
width:250px;
height:141px;
background:#FFF;
}
#destaque_loja04{
width:250px;
height:141px;
background:#FFF url(images/destaque_loja_04.jpg) top center no-repeat;
}

/* PAGINA SOBRE */

#sobreaempresa{
width:600px;
padding-top:45px;
margin:-20px 0 20px 0;
text-align:justify;
background:#FFF url(images/tit_sobre_empresa.png) top center no-repeat;
}
#sobrediabolo{
width:600px;
padding-top:45px;
margin:-20px 0 20px 0;
text-align:justify;
background:#FFF url(images/tit_sobre_diabolo.png) top center no-repeat;
}
#sobreaempresa_img{
width:600px;
height:250px;
background:#FFF url(images/sobreaempresa.jpg) top center no-repeat;
}
#sobrediabolo_img{
width:600px;
height:250px;
background:#FFF url(images/sobrediabolo01.jpg) top center no-repeat;
}
.subtitulos{
font-family:Helvetica, Verdana, Geneva, Arial;
font-size:14px;
line-height:32px;
font-weight:bold;
color:#444;
text-align:left;
}

/* PAGINA FOTOS */

#foto_img{
width:600px;
margin:0 0 20px 0;
text-align:center;
}
#foto_index{
width:600px;
}
#foto_thumb{
width:64px;
height:64px;
float:left;
margin:5px;
}

/* PAGINA VIDEOS */

#video{
width:285px;
margin:15px 7px 0 8px;
_margin:15px 6px 0 6px;
float:left;
background:#DDD;
}
#video_embed{
width:285px;
height:235px;
background:#DDD;
}
#video_tit{
height:20px;
padding:10px 10px 0 10px;
background:#DDD;
overflow:hidden;
}
#video_descr{
height:50px;
padding:0 10px 0 10px;
background:#DDD;
overflow:hidden;
}

/* PAGINA NOTICIAS */

#noticia{
width:600px;
margin:0 0 0 0;
float:left;
}
#noticia_texto{
width:600px;
margin:0 0 0 0;
float:left;
text-align:left;
}
#noticia_foto{
width:600px;
margin:0 0 50px 0;
padding:0 0 0 0;
float:left;
}


/* LINKS */

a{
text-decoration:none;
color:#F61B20;
}
a.credito{
text-decoration:none;
color:#444;
}

a.noticias_texto{
text-decoration:none;
color:#444;
}

/* ERRO 404 */
#erro404{
background:#FFF;
width:615px;
float:left;
padding:25px 35px 25px 35px;
margin: 0 0 0 0;
}
.erro404{
text-align:center;
font-family:"Trebuchet MS", Helvetica, Verdana, Geneva, Arial;
font-size:11px;
line-height:18px;
font-weight:normal;
color:#3D3D3D;
text-decoration:none;
}