/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: CSS Reset :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body{ 
background: #012D30;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: DESKTOP ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#corpo_geral { 
width: 100%;
background: #B5B5B5;
}
/* :: Div Topo Desktop :: */
#corpo_geral #topo_geral #topo_desktop{ 
width: 1000px;
height: 228px;
margin: 0px auto;
background:url(img_cor_15/topo_cor_computador_01.png) no-repeat;
position: relative;
}
#corpo_geral #topo_geral #topo_desktop #data_hora p{ 
font: 13px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
padding-top: 3px;
color:#fff;
}
/* :: Div Corpo Desktop :: */
#corpo_geral #corpo{ 
width: 1000px;
margin: 0 auto;
background: url(img_cor_15/corpo_cor_computador_01.jpg);
}
#corpo_geral #corpo #lado_menu{ 
width: 228px;
float: left;
background: url(img_cor_15/cor_menu_computador_01.jpg);
}
#corpo_geral #corpo #lado_menu #menu ul li{ 
width: 210px;
height: 26px;
background: url(img_cor_15/fundo_item_menu_cor_01.png);
}
#corpo_geral #corpo #lado_menu #invervalo_menu{ 
width: 228px;
height: 143px;
background: url(img_cor_15/cor_intervalo_menu_computador_01.jpg) no-repeat;
}
/* :: Div Rodape Desktop :: */
#corpo_geral #rodape_geral{ 
width: 100%;
background: url("img/sombra_rodape_computador.png") top center no-repeat, url(img_cor_15/fundo_rodape_computador_cor_01.jpg);
}
#corpo_geral #rodape_geral #rodape_desktop{ 
width: 1000px;
height: 281px;
margin: 0px auto;
background: url(img_cor_15/cor_rodape_computador_01.jpg);
position: relative;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: TABLET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Div Topo Tablet :: */
#corpo_geral_tablet #topo_geral_tablet #topo_tablet{ 
width: 570px;
height: 228px;
margin: 0px auto;
background: url("img_cor_15/topo_cor_tablet_01.png") top center no-repeat;
position: relative;
z-index: 999;
}
/* :: Div Corpo Tablet :: */ 
#corpo_geral_tablet { 
width: 100%;
background:#B5B5B5;
}
/* :: Div Rodape Tablet :: */
#corpo_geral_tablet #rodape_geral_tablet{ 
width: 100%;
background: url("img/sombra_rodape_tablet.png") top center no-repeat, url("img_cor_15/fundo_rodape_tablet_cor_01.jpg");
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet{ 
width: 570px;
background: url("img_cor_15/cor_rodape_tablet_01.jpg");
height: 242px;
margin: 0px auto;
position: relative;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: MOBILE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#corpo_geral_mobile { 
width: 100%;
background: #B5B5B5;
}
/* :: Div Topo Mobile :: */
#corpo_geral_mobile #topo_geral_mobile #topo_mobile{ 
width: 346px;
height: 228px;
margin: 0px auto;
background:url(img_cor_15/topo_cor_celular_01.png) no-repeat;
position: relative;
z-index: 999;
}
/* :: Div Rodape Mobile :: */
#corpo_geral_mobile #rodape_geral_mobile{ 
width: 100%;
background: url("img/sombra_rodape_celular.png") top center no-repeat, url("img_cor_15/fundo_rodape_celular_cor_01.jpg");
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile{ 
width: 346px;
background: url("img_cor_15/cor_rodape_celular_01.jpg");
height: 350px;
margin: 0px auto;
position: relative;
}