/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700|Open+Sans:400,700,600,300);

body { font-family: 'Open Sans', sans-serif;}

#header { height: 140px; width: 100%; border-bottom: solid #FFC700 7px; box-shadow: #333 0px 0px 20px 3px; background: url(../images/bg_header.png) repeat-x;}
span.logo {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #ddd;
    display: block;
    margin-top: -20px;
    font-size: 24px;
}

#logo { padding-top: 20px;}

.menu {    list-style: none;
    padding-top: 10px;
    padding-bottom: 25px;}
.menu li { float:left; }
.menu li a { font-family: 'Oswald', sans-serif; font-size: 25px; color: #666; font-weight: 300; padding: 10px 24px;}
.menu li a.destaque { font-size: 27px; color: #333;}
.menu li a:hover { text-decoration: none; color: #999;}

h1 { font-family: 'Oswald', sans-serif; font-weight: 700; color: #333; font-size: 44px; margin: 20px 0; }
h3 { font-family: 'Oswald', sans-serif; font-weight: 400; color: #666; font-size: 32px;}
h2 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 29px; color: #dcdcdc;}

#maincontent {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: normal;
    color: #666;
}
#maincontent p { margin-bottom: 10px;}

.banner_arroba {
    width: 260px;
    height: 250px;
    background: #0040C2;
    padding: 1px 20px 20px 20px;
    text-align: center;
    margin-top: 15px;
}
	
	.banner_arroba p { font-family: 'Open Sans', sans-serif; font-weight:300; color: #ddd; font-size: 29px;}
	
	.bg-bar { background: #eee; margin-top: 20px;     padding: 0px 0 20px 0;}
	
	.box {
    width: 275px;
    height: 190px;
    background: #0079F1;
    border-radius: 25px;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    padding: 20px 10px;
}
.bg-bar h3 {
    text-align: center;
}

.destaque { color: #FFC500; font-weight: 600;}

#boxnorm { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #535353; font-size: 17px;}
.rodape { height: 140px; width: 100%; background: url(../images/bg-rodape.png) repeat-x; margin-top: 30px;}

a.active {
    color: #000;
    background-color: #ccc;
}

.campo { width: 400px; }
.campotext { width: 400px; height: 150px;}
.botao {
    margin-left: 342px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 70px !important;
    height: 34px;
}

.alerty {
    font-weight: 600;
    background-color: #ccc;
    display: block;
    padding: 10px;
    font-size: 15px;
    border-radius: 7px;
    border: 2px solid #fc0;
    text-align: center;
}