/*
FREIRE ROSA - estilo.css
Folha de Estilo Principal
Por Bruno
*/

/* -------- FONT-FACE -------- */

@font-face {
    font-family: 'Abel';
    src: url('font/abel-regular-webfont.eot');
    src: url('font/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/abel-regular-webfont.woff') format('woff'),
         url('font/abel-regular-webfont.ttf') format('truetype'),
         url('font/abel-regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -------- IDS -------- */

#geral {
	border-top:#c0070a 5px solid;
	background-image:url(../img/fundo.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	min-width:950px;
}

#menu_topo {float:right; text-transform:uppercase; font-size:13px; font-family:'Abel'; height:22px; padding-top:3px}
#menu_topo ul {background-color:#c0070a; margin:0; padding:3px 5px 5px; display:inline;}
#menu_topo ul li {background-image:url(../img/li_fundo.gif); background-repeat:no-repeat; background-position:top left; margin:0 10px; padding:0 0 0 10px; list-style:none; display:inline;}
#menu_topo ul li:hover {background-image:url(../img/li_fundo_hover.gif); background-repeat:no-repeat; background-position:top left;}
#menu_topo ul li a {color:#feecf1; text-decoration:none;}
#menu_topo ul li a:hover {text-decoration:underline; color:#FFF;}

#topo {text-align:right; font-family:'Abel'; font-size:32px; color:#886c6c; padding-top:25px; margin-top:40px;}
#topo .logo {float:left; margin-top:-25px;}

#miolo {background-color:#fcf7f8; margin-top:45px; padding:10px 0;}

#menu {text-transform:lowercase; font-size:15px; font-weight:bold; text-align:center;}
#menu ul {margin:0; padding:0;}
#menu ul li {margin:0 20px; padding:0; list-style:none; display:inline;}
#menu ul li a {color:#594444; text-decoration:none;}
#menu ul li a:hover {text-decoration:underline;}

#conteudo {padding:10px 0;}

#jquery {background-image:url(../img/jquery_fundo.jpg); background-repeat:no-repeat; background-position:top center; padding:3px 0 5px; height:310px; margin-top:10px;}
#jquery>img, #jquery>div, #jquery>a {display:none;}

#home div {float:left; width:289px; margin-left:40px;}
#home div img {border-bottom:#bbc6d2 1px solid; padding-bottom:2px;}
#home div .texto {margin:0; padding:7px 12px 0; width:265px}
#home div.areas_atuacao {margin:0;}

#rodape {color:#000; font-size:11px; margin-top:30px;}
#rodape .contato {margin:0 90px;}
#rodape .creditos {color:#727272; margin:15px 0;}
#rodape .creditos a {text-decoration:none; color:#727272;}
#rodape .creditos a:hover {color:#000; text-decoration:underline;}

/* ------- CLASSES ------- */

.gal {width:210px; float:left; margin:13px; text-align:center; height:225px;}
.gal img {border:#c3c3c3 1px solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 5px rgba(195, 195, 195, 1); -moz-box-shadow:0px 0px 5px rgba(195, 195, 195, 1); box-shadow:0px 0px 5px rgba(195, 195, 195, 1);}

.area_restrita {background-color:#ececec; background-image:url(../img/icone_area_restrita.gif); background-repeat:no-repeat; background-position:top left; padding:3px 5px 5px 32px; display:none;}
.area_restrita a {color:#303030; text-decoration:none;}
.area_restrita a:hover {text-decoration:underline;}

.botao {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:#d8251c 1px solid; padding:5px 7px; font-size:11px; color:#FFF; font-family:Verdana, Geneva, sans-serif; cursor:pointer; background-color:#900e07; padding:8px 12px;}
.botao:hover {background-color:#FFF; color:#900e07; cursor:pointer}

.saiba {margin:10px 0; padding:0; text-align:right; font-size:11px; font-weight:bold;}
.saiba a {text-decoration:none;}
.saiba a:hover {text-decoration:underline;}

.voltar {margin:10px 0; padding:0; text-align:right; font-size:11px;}
.voltar a {text-decoration:underline; font-style:italic;}
.voltar a:hover {text-decoration:none; font-style:normal;}

.quebra {clear:both;}

.paginacao {text-align:center; margin:15px 0;}
.paginacao .selecionado {font-weight:bold;}
.noticia_foto {float:right; margin:0 0 16px 16px; border:1px solid #aeaeae;}

/* ------- TAGS ------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a2a2a;
	margin:0;
	text-align:justify;
}

h1 {font-size:42px; color:#de0101; font-weight:normal; font-family:'Abel'; margin:0.7em 0 0.2em; padding:0;}

h2 {font-size:24px; color:#de0101; font-weight:normal; font-family:'Abel'; margin:0.7em 0 0.2em; padding:0;}
h2 a {color:#de0101; text-decoration:none;}
h2 a:hover {text-decoration:underline;}

h3 {font-size:20px; color:#886c6c; font-weight:normal; font-family:'Abel'; margin:0.8em 0 0.3em; padding:0;}

h4 {font-weight:normal; margin-bottom:0;}

a {color:#2a2a2a; text-decoration:underline}
a:hover {text-decoration:none}

a img {border:none}

form {margin:0;}

div.int {width:950px; margin:0 auto;}

input, textarea, select {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:#d8251c 1px solid; padding:5px 7px; font-size:11px; color:#545454; font-family:Verdana, Geneva, sans-serif;}
input.no {border:none;}