/* 
SÍLABA COMUNICAÇÃO

Algumas cores para referência:
BRILHO:			|__++++__|__++--__|__----__|
Butter			| fce94f | edd400 | c4a000 |
Orange			| fcaf3e | f57900 | ce5c00 | 
Chocolate		| e9b96e | c17d11 | 8f5902 |
Chameleon		| 8ae234 | 73d216 | 4e9a06 |
Sky Blue		| 729fcf | 3465a4 | 204a87 |
Plum			| ad7fa8 | 75507b | 5c3566 |
Scarlet Red		| ef2929 | cc0000 | a40000 |
Aluminium		| eeeeec | d3d7cf | babdb6 |
			| 888a85 | 555753 | 2e3436 |

*/

/* SELETORES BASE */

* {
margin: 0;
padding: 0;
}

body {
background: transparent;
font-size: 11px;
line-height: 140%;
font-family: verdana, arial, helvetica, sans-serif;
color: #2e3436;
text-align: left;
}

img {
border: 0;
margin: auto;
}

h1 {
font-size: 20px;
padding: 8px;
color: #730165;
font-weight: bold;
margin: 4px;
}

p {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
text-indent: 30px;
}

a {
color: #3a4f12;
}

p a {
color: #720065;
text-decoration: none;
}

/* SELETORES DE CONTEÚDO E LAYOUT */

#site {
margin: auto;
width: 780px;
height: 520px;
background: transparent;
position: relative;
top: 20px;
overflow: hidden;
}

#top {
width: 780px;
height: 140px;
background: transparent;
z-index: 4;
position: absolute;
top: 0px;
left: 0px;
text-align: left;
}

#frame {
margin: auto;
width: 560px;
height: 320px;
background: transparent;
position: absolute;
left: 0px;
top: 174px;
z-index: 1;
}

#menu {
width: 780px;
height: 20px;
background: transparent;
position: absolute;
color: #730165;
left:0px;
top: 140px;
padding-top: 10px;
padding-bottom: 4px;
}

#footer {
width: 780px;
height: 26px;
background: transparent;
font-size: 10px;
line-height: 26px;
vertical-align: middle;
color: #730165;
text-align: right;
position: absolute;
font-weight: bold;
left:0px;
top: 494px;
}

.home {
margin-top: 20px;
width: 542px;
display: block;
background: transparent;
color: #730165;
}


.secao {
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: block;
color: #2e3436;
text-align: justify;
}

#secao {
margin-top: 10px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: block;
color: #2e3436;
text-align: justify;
}

#secao2 {
width: 526px;
margin-top: 6px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: block;
color: #2e3436;
text-align: justify;
float: left;
}

#secao3 {
width: 536px;
height: 260px;
margin-top: 6px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: block;
color: #2e3436;
text-align: justify;
float: left;
}

#secao4 {
width: 526px;
height: 260px;
margin-top: 6px;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 4px;
display: block;
color: #2e3436;
text-align: justify;
float: left;
}


#right {
width: 214px;
height: 218px;
border: 1px solid #730165;
float: left;
margin-top: 6px;
margin-left: 5px;
}

#right2 {
width: 214px;
height: 350px;
border: 1px solid #730165;
float: left;
margin-top: 6px;
margin-left: 5px;
}

#right3 {
width: 218px;
height: 260px;
border: 1px solid #730165;
float: left;
margin-top: 6px;
margin-left: 3px;
position: absolute;
top: 41px;
left: 551px;
}

#right4 {
width: 218px;
height: 260px;
border: 1px solid #730165;
float: left;
margin-top: 6px;
margin-left: 3px;
position: absolute;
top: 41px;
left: 534px;
}

#right5 {
width: 218px;
height: 400px;
border: 1px solid #730165;
float: left;
margin-top: 6px;
margin-left: 3px;
position: absolute;
top: 41px;
left: 534px;
}

#slide {
margin: 3px;
padding: 4px;
width: 198px;
height: 202px;
background: #fff;
text-align: left;
overflow: hidden;
color: #2e3436;
}

#clientes {
margin: auto;
width: 740px;
height: 140px;
background: transparent;
text-align: left;
overflow: hidden;
color: #2e3436;
text-align: justify;
}

#clientes2 {
margin: auto;
width: 740px;
height: 220px;
background: transparent;
text-align: left;
overflow: hidden;
color: #2e3436;
text-align: justify;
}

#clientes img {
margin: auto;
}

#slide p {
font-size: 10px;
text-indent: 10px;
color: #2e3436;
background: transparent;
margin-top: -2px;
padding: none;
text-align: justify;
font-size: 10px;
line-height: 12px;
}

#slide img {
border: 1px solid #720065;
}

#spacer {
height: 30px;
}


/* JAVASCRIPT */

        .menu {
			position: relative;
			left: 0px;
			top: 0px;
            height: 20px;
            width: 780px;
            background: transparent;
            padding: 0px;
            margin: auto;
			float: left;
			overflow: hidden;
            }
                .menu li {
                    float: left;
                    list-style: none;
                }
                    .menu li.back {
                        background: url("button.png") no-repeat right -20px;
                        width: 9px;
						height: 20px;
                        z-index: 8;
                        position: absolute;
                    }
                        .menu li.back .left {
                            background: url("button.png") no-repeat top left;
                            height: 20px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .menu li a {
                        font-size: 12px;
						font-weight: bold;
                        text-decoration: none;
						color: #730165;
                        outline: none;
                        text-align: center;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 20px;
                        position: relative;
						top: 2px;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .menu li a:hover, .menu li a:active, .menu li a:visited {
                            border: none;
                        }