/*
RH MAIOR - estilo.css
Folha de Estilo Principal
Por Bruno
*/

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

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

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

#topo {background-image:url(../img/topo_fundo.jpg); background-repeat:repeat-x; background-position:top center; min-width:950px; text-align:right;}
#topo .logo {float:left; margin-top:30px;}

#menu {width:530px; margin-left:420px; padding-top:60px;}
#menu ul {margin:0; padding:0;}
#menu ul li {background:none; margin:0 40px 0 0; padding:5px 0 0; list-style:none; float:left;}
#menu ul li:hover {background:url(../img/li_fundo.jpg) center top no-repeat; cursor:pointer;}
#menu ul li a {color:#2b2a2a; text-decoration:none; font-weight:normal; display:block;}
#menu ul li a:hover {color:#97aebe; font-weight:bold;}

#jquery {background-image:url(../img/jquery_fundo.jpg); background-repeat:repeat-x; background-position:top; min-width:950px; min-height:288px; margin:30px auto;}

#bem_vindo {width:370px; float:left; margin-top:-20px;}

#acesso_rapido {width:515px; margin-left:433px;}
#acesso_rapido .meio {margin:0 150px 0 5px;}

#lateral {width:160px; float:right; text-align:center;}
#lateral img {margin-bottom:15px;}

#conteudo {width:770px;}

#rodape {background-image:url(../img/rodape_fundo.jpg); background-repeat:repeat-x; background-position:top; background-color:#385665; min-width:950px; font-size:10px; color:#d2dfe5; position:relative; margin-top:35px;}
#rodape .direitos {font-size:11px; color:#8ca5b1; position:relative; top:33px; left:0;}
#rodape .creditos {color:#FFF; font-weight:normal; position:relative; top:33px; left:400px; font-size:12px;}
#rodape .creditos a {text-decoration:none; font-weight:bold; color:#FFF;}
#rodape .creditos a:hover {color:#d2dfe5; text-decoration:underline;}
#rodape #unidades {border-top:#57727f 1px solid; height:50px; padding-top:20px; margin-top:45px;}
#rodape #unidades .tit_unidades {font-family:'din_mediumregular'; font-size:18px; color:#8ca5b1; text-transform:lowercase; padding-top:3px; float:left;}
#rodape #unidades .unidade {float:left; text-align:center; margin:0 13px 0 14px;}
#rodape #unidades .unidade .cidade {font-weight:bold; margin:0; padding:0;}

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

.quebra {clear:both;}

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

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

.fb-like {float:left; margin:5.25em 0 0 4em;}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

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

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

h1 {font-family:'din_mediumregular'; font-size:36px; color:#385665; font-weight:normal; margin:0.6em 0 0.3em; padding:0;}
h2 {font-family:'din_mediumregular'; font-size:22px; color:#385665; font-weight:normal; margin:1em 0 0.5em; padding:0; border-bottom:1px solid #385665;}
h3 {font-family:'din_mediumregular'; font-size:18px; color:#454545; font-weight:normal; margin:0.6em 0 0.3em; padding:0;}
#acesso_rapido h1 {font-size:21px;}

a {color:#3b3b3b; 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:#6b91ad 1px solid; padding:5px 7px; font-size:11px; color:#6b91ad; font-family:Verdana, Geneva, sans-serif;}

table.form {width:90%; min-width:800px; border-collapse:collapse;}
table.form input:not([type=image]):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), select, textarea {width:98%;}
table.form td {padding:10px;}
table.form th {background-color:#efefef; color:#d10000; border:1px solid #dfdfdf; padding:14px;}

table.curriculo {width:90%; min-width:800px; border-collapse:collapse;}
table.curriculo input, select, textarea {width:97%;}
table.curriculo input.radio {width:20px;}
table.curriculo input.botao {width:75px;}
table.curriculo td {padding:10px;}
table.curriculo input[type="radio"] {border:none;}

input[type="button"], input[type="submit"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:#6b91ad 1px solid; padding:5px 7px; font-size:11px; color:#FFF; font-family:Verdana, Geneva, sans-serif; cursor:pointer; background-color:#37576f; padding:8px 12px;}
input[type="button"]:hover, input[type="submit"]:hover {background-color:#FFF; color:#37576f; cursor:pointer}

#foo {display: none; margin: 0 auto; width: fit-content; text-align: center;}
/*

input:not([type=image]):not([type=checkbox]):not([type=radio]), select, textarea {
	border:1px solid #ccc;
	margin:5px 0 8px;
	padding:8px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#747474;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;
	-webkit-box-shadow:  0px 0px 6px 0px #ccc; box-shadow:  0px 0px 6px 0px #ccc;
	width:98%;
}

input[type="button"], input[type="submit"] {background-image:url(../imagem/botao-fundo.jpg); color:#fff !important; width:100px !important;}
input[type="button"]:hover, input[type="submit"]:hover {cursor:pointer;}

input[type="submit"].login{background:url(../imagem/login_submit.gif) no-repeat center #bbb; width:70px; height:25px;}
*/


/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ecf0f1;
    background: #212327;
}

.cookiealert.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookiealert a {
    text-decoration: underline;
	color: #fff;
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
	border: none;
	border-radius: 6px;
    padding: 6px 8px;
    background-color: #444444;
    color: #fff;
}