Src/scripts/css.css
body {
font-size: 16px;
line-height: 25px;
color: #000;
margin: 0px;
padding: 0px;
background-image: url(../imagens_layout/fundo_conteudo.jpg);
background-repeat: repeat;
}
#cabecalho {
background-image: url(../imagens_layout/fundo_cabecalho.jpg);
background-repeat: repeat-x;
width:100%;
height: 180px;
}
#cabecalho #topo {
margin:auto;
width: 860px;
height: 180px;
}
#cabecalho #topo #borda_topo_esquerda {
background-image: url(../imagens_layout/borda_esquerda_cabecalho.jpg);
background-repeat: repeat-y;
height: 180px;
width: 20px;
float: left;
}
#cabecalho #topo #borda_topo_direita {
background-image: url(../imagens_layout/borda_direita_cabecalho.jpg);
background-repeat: repeat-y;
height: 180px;
width: 20px;
float: left;
}
#cabecalho #topo #topo_centro {
float: left;
height: 180px;
width: 820px;
}
#central {
width: 100%;
height: 738px;
}
#central #conteudo {
height: 739px;
width: 860px;
margin: auto;
}
#central #conteudo #borda_conteudo_esquerda {
background-image: url(../imagens_layout/borda_esquerda_conteudo.jpg);
background-repeat: repeat-y;
float: left;
height: 739px;
width: 20px;
}
#central #conteudo #conteudo_centro {
background-color: #FFF;
float: left;
height: 739px;
width: 820px;
}
#central #conteudo #conteudo_centro #menu #canto_menu_esquerdo {
background-image: url(../imagens_layout/fundo_menu_esquerdo.jpg);
background-repeat: no-repeat;
float: left;
height: 65px;
width: 60px;
}
#central #conteudo #conteudo_centro #menu #menu_centro {
background-image: url(../imagens_layout/fundo_menu_centro.jpg);
background-repeat: repeat-x;
float: left;
height: 65px;
width: 580px;
}
#central #conteudo #conteudo_centro #menu #canto_menu_direito {
background-image: url(../imagens_layout/fundo_menu_direito.jpg);
background-repeat: no-repeat;
float: left;
height: 65px;
width: 60px;
}
#central #conteudo #conteudo_centro #menu #menu_centro ul {
list-style-type: none;
padding: 0px;
display: block;
height: 55px;
width: 580px;
margin: 0px;
}
#central #conteudo #conteudo_centro #menu #menu_centro ul li {
display: block;
float: left;
margin-top: 0px;
margin-right: 30px;
margin-bottom: 0px;
margin-left: 30px;
}
#central #conteudo #conteudo_centro #menu {
height: 65px;
width: 700px;
margin: auto;
}
#central #conteudo #borda_conteudo_direita {
background-image: url(../imagens_layout/borda_direita_conteudo.jpg);
background-repeat: repeat-y;
float: left;
height: 739px;
width: 20px;
}
#central #conteudo #conteudo_centro #imagem {
float: left;
height: 250px;
width: 468px;
margin-top: 15px;
}
#central #conteudo #conteudo_centro #texto {
float: left;
width: 346px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#central #conteudo #conteudo_centro #texto h1 {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 200px;
}
#central #conteudo #conteudo_centro #video {
clear: both;
height: 300px;
width: 818px;
margin-top: 15px;
}
#central #conteudo #conteudo_centro #rodape{
background-image: url(../imagens_layout/fundo_rodape.jpg);
background-repeat: repeat-x;
height: 50px;
width: 800px;
margin-top: 36px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
text-align: center;
line-height: 50px;
}
#central #conteudo #conteudo_centro #imagens {
height: 588px;
}
#central #conteudo #conteudo_centro #historia {
height: 588px;
overflow: auto;
width: 100%;
}
#central #conteudo #conteudo_centro #imagens a img {
margin: 10px;
}
#central #conteudo #conteudo_centro #contato {
height: 588px;
width: 100%;
}
#central #conteudo #conteudo_centro #videos .MasterDetail #lista {
float: left;
padding: 0px;
width: 100px;
overflow: auto;
height: 562px;
margin-top: 25px;
margin-left: 10px;
}
#central #conteudo #conteudo_centro #videos .MasterDetail .DetailContainer {
height: 320px;
width: 400px;
border: 1px solid #CCCCCC;
float: left;
margin-left: 200px;
padding-top: 20px;
margin-top: 25px;
}
#central #conteudo #conteudo_centro #videos .MasterDetail #lista .MasterContainer {
list-style-type: none;
margin: 0px;
padding: 0px;
}