/* 
    Document   : main
    Created on : 26/02/2009, 12:58:50
    Author     : Administrador
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* { margin: 0; padding: 0; }

a, a img, img {border:0;}

#c { clear: both; }

body {
    font: normal 15px "Myriad Pro";
	font-family: "Myriad Pro", "Arial", "sans-serif";
    color: #4D4D4D;
    background: URL("../images/novo_bg.jpg");
}

#body {
    width: 962px;
    padding: 10px;
    margin: 0px auto;
}

    #body #topo {
        background: URL("../images/topo_bg.png") repeat-x;
        height: 26px;
        width: auto;
        text-align: right;
    }

        #body #topo p {
            color: #FFF;
            font: normal 15px "Myriad Pro";
			font-family: "Myriad Pro", "Arial", "sans-serif";
            padding: 3px 15px 0 0;
        }

    #body #faixa_logo {
        
    }

        #body #faixa_logo #selo {
            float: left;
            height: 131px;
            width: 131px;
            padding: 15px;
        }

        #body #faixa_logo #logo {
            float: right;
            height: 130px;
            width: 370px;
            padding: 25px 0 25px 25px;
        }

    #body #menu {
        width: 952px;
        margin: 0 auto;
    }

        #body #menu a {
            color: #FFF;
            text-align: center;
            font: normal 16px "Myriad Pro";
			font-family: "Myriad Pro", "Arial", "sans-serif";
            text-decoration: none;
            padding: 5px 20px 5px 20px;
        }

        #body #menu a:hover {
            background: #3AAA3A;
        }

        #body #menu #esq {
            background: URL("../images/esq_menu.png") no-repeat;
            height: 36px;
            width: 11px;
            float: left;
        }

        #body #menu #cent {
            background: URL("../images/bg_menu.png") repeat-x;
            height: 36px;
            width: 930px;
            float: left;
            text-align: center;
        }

            #body #menu #cent ul {
                text-align: center;
                margin: 9px 0 0 70px;

            }

            #body #menu #cent ul li {
                float: left;
                list-style: none;
                margin: 0 10px 0 10px;
            }

        #body #menu #dir {
            background: URL("../images/dir_menu.png") no-repeat;
            height: 36px;
            width: 11px;
            float: left;
        }

    #body #banner {
        padding: 4px 0 10px 7px;
    }

#sombra {
    width: 734px;
    float: left;
    padding-bottom: 10px;
}

#body #sombra #conteudo_topo {
    width: 734px;
    height: 11px;
    background: URL("../images/topo_conteudo.png") no-repeat;
    float: left;
}

#body #sombra #conteudo_baixo {
    width: 734px;
    height: 11px;
    background: URL("../images/baixo_conteudo.png") no-repeat;
    float: left;
}

#ccc {
	width: 700px;
	/*border: 1px solid #CCC;*/
	margin-left: 10px;
}

    #body #content ul {
        margin: 30px;
        list-style-type: circle;
    }


    #body #content #painel {
        width: 180px;
		display: inline;
        float: left;
        padding-left: 30px;
    }

	#body #content #painel h2 {
        font-family: "Myriad Pro", "Arial", "sans-serif";
		text-align: center;
	}

    #body #content #sombra #conteudo {
        width: 734px;
        padding: 10px;
        float: left;
		/*border: 1px solid #000;*/
		background: URL("../images/bg_conteudo.png") repeat-y;
    }

    #body #content #conteudo h1 {
        color: #FFF;
        font: normal 16px "Myriad Pro";
		font-family: "Myriad Pro", "Arial", "sans-serif";
        text-transform: uppercase;
        background: URL("../images/h1_bg.png") repeat-x;
        width: 200px;
        padding: 3px 10px 0 10px;
        height: 25px;
    }

#body #content table {
    margin: 20px;
}

#body #content table tr td {
    color: #286C00;
    font: bold 16px "Myriad Pro";
	font-family: "Myriad Pro", "Arial", "sans-serif";
}

#body #content table tr td span {
    color: #4D4D4D;
    font: bold 16px "Myriad Pro";
	font-family: "Myriad Pro", "Arial", "sans-serif";
}

        #body #content #conteudo #box {
            width: 330px;
            padding: 10px;
            font-size: 15px;
            float: left;
			background: #FFF;
        }

            #body #content .titulo {
                color: #0D7600;
                font: bold 16px "Myriad Pro";
				font-family: "Myriad Pro", "Arial", "sans-serif";
            }
            #body #content .chamada {
                color: #0D7600;
                font: normal 16px "Myriad Pro";
				font-family: "Myriad Pro", "Arial", "sans-serif";
            }
            #body #content .texto {
                text-align: justify;
                color: #4D4D4D;
                font: normal 15px "Myriad Pro";
				font-family: "Myriad Pro", "Arial", "sans-serif";
            }

            #body #content .link {
                text-align: right;
            }

            #body #content .link a {
                color: #0D7600;
            }

        #body #content #conteudo #box_largo {
            width: 680px;
            padding: 10px;
            font-size: 15px;
            float: left;
			background: #FFF;
        }
        
#body #copyright {
    
}
        
        #body #copyright a {
            color: #585858;
            font: normal 12px "Myriad Pro";
			font-family: "Myriad Pro", "Arial", "sans-serif";
            text-decoration: none;
            text-transform: uppercase;
            padding: 5px;
        }

        #body #copyright a:hover {
            background: #3AAA3A;
            color: #FFF;
        }

        #body #copyright ul {
            float: left;
            width: 510px;
            text-align: center;
            margin: 40px 0 0 60px;
            padding-top: 5px;
            border-top: 1px solid #585858;
        }

        #body #copyright ul li {
            float: left;
            list-style: none;
            margin: 0 5px 0 5px;
        }

#body #copy {
    text-align: center;
    color: #585858;
    padding-top:15px;
    font-size: 12px;
}

#body #copy #planta {
    float: right;
}

#fndText {
	background: #FFF URL("../images/textarea.png") no-repeat;
	width: 597px;
	height: 101px;
	padding: 10px;
}

#body textarea {
	background: #FFF;
	width: 565px;
	height: 80px;
	border: none;
	font: normal 10px "Trebuchet Ms";
	overflow: auto;
}

#body input[type="text"] {
	width: 400px;
	padding: 2px;
	border: 1px solid #CCC;
	font: normal 10px "Trebuchet Ms";
}