/* ===================================================================================== */
/* RESET                                                                                 */
/* ===================================================================================== */
body { font-family: verdana, georgia, arial, helvetica, times, serif ; font-size:14px; color:#000; line-height:1; }
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline; }
a, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #C60; }
h1, h2, h3, h4, h5, h6, strong, em { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, li { list-style:none;line-height:normal;direction:ltr; }
/* ===================================================================================== */

/* ===================================================================================== */
/* Geral */
/* ===================================================================================== */

/*
input, textarea, select { padding: 2px; font-family: verdana, arial, georgia, helvetica; border: 1px solid #666; border-radius: 5px; -webkit-border-radius: 5px; background-color: #F5F6F8; margin: 2px 0px; outline: none; }
input, input:hover, input:focus  { background-color:#FFF; border:1px solid #666; }
textarea:hover, textarea:focus { background-color:#E1E1E1; }
*/

/* Topo */
.topo, .rodape { margin:0 auto; padding:0; position:relative; width:1140px; min-height: 100px; }
.topo-cartorio { float: left; width: 100%; min-height: 80px; text-align: center; }
.topo-cartorio .nome1, .topo-oficial .nome1 { float: left; width: 100%; min-height: 20px; margin-top: 20px; font-size:25px; text-shadow: #000 0.2em 0.2em 0.2em; }
.topo-cartorio .nome2, .topo-oficial .nome2 { float: left; width: 100%; min-height: 20px; font-size:20px; text-shadow: #000 0.1em 0.1em 0.1em; }
.topo-cartorio .nome2 { font-size:25px; }
.topo-oficial { float: left; width: 100%; min-height: 80px; text-align: center; }

/* Menu */
.menu-esquerda { width: 110%; margin-bottom: 10px; margin-top: 20px; margin-left: 10px; 
	border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #F1F1F1;
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); box-shadow:5px 5px 5px rgba(0,0,0,0.5);
}
.menu-esquerda li { line-height: 28px; }
.menu-esquerda li:hover { background-color: #CCC; }
.menu-esquerda a, .menu-esquerda a.hover { color: #000; }
.menu-esquerda .menu-sub { font-size: 18px; line-height: 35px; font-style: italic; padding-left: 7px; }
.menu-direita { width: 107%;  margin-bottom: 10px; margin-top: 20px; margin-left: -30px; 
	border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #F1F1F1;
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); box-shadow:5px 5px 5px rgba(0,0,0,0.5);
}
.menu-direita li { line-height: 28px; }
.menu-direita li:hover { background-color: #CCC; }
.menu-direita a, .menu-direita a.hover { color: #000; }
.menu-direita .menu-sub { font-size: 18px; line-height: 35px; font-style: italic; padding-left: 10px; }
.titulo-destaque { width: 100%; color: #27408B; font-size: 20px; font-weight: bold; text-align: center; margin-left: -20px; margin-top: 10px; }

/* Rodape */
.funcionamento { float: left; width:100%; height:105px; font-size:17px; line-height: 23px; text-align:left; padding-top: 15px; margin-left: 20px; text-shadow: #000 0.1em 0.1em 0.1em; }
.funcionamento span { font-size:13px; font-style:italic; }
.endereco { float: left; width:100%; height:105px; font-size:20px; text-align:center; padding-top: 15px; margin-left: 20px; text-shadow: #000 0.1em 0.1em 0.1em; }
.endereco span, .endereco span a { font-size:15px; color: #C60; }
.softsolutions { float: left; width:80%; height:40px; text-align:left; padding-top: 50px; margin-left: 40px; }
.softsolutions img { width:120px; height:30px; border:none; }

.info-geral { width:90%; text-align: center; padding: 5%; color: #000; font-size: 20px; font-weight: bold; }

.voltarTopo {
    background: none repeat scroll 0 0 #FF8C00 !important;
    bottom: 0px !important; color: #000; display: block; font-size: 10px; font-weight: bold;
    line-height: 20px; position: fixed; right: 0px; text-transform: uppercase; width: 120px; height: 30px; 
}

/* CAPTCHA ===== */
.captchaimg { position: relative; float:left; text-align:left; width: 90%; min-height:40px; margin-right: 10px; padding:0px; margin-bottom: 10px; }
.captchaimg img { border: 1px solid #CCC; width:150px; height:50px; }
.obrigatorio { color: #FF4500; }
.botoes { position:relative; float:left; width:100%; height:60px; padding-top: 10px; text-align: center; }


@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.topo, .rodape { width:960px; }
	.softsolutions { margin-left: 20px; }
	.funcionamento { font-size:13px; }
	.endereco { font-size:19px; }
	.menu-esquerda { margin-left: 8px; width:113%; }
	.menu-direita { margin-left: -25px; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.topo, .rodape { width:768px; }
	.softsolutions { margin-left: 0px; }
	.softsolutions img { height:25px; }
	.funcionamento { margin-left: 10px; font-size: 14px; }
	.endereco { font-size:16px; height: 110px; }
	.topo-cartorio .nome1, .topo-oficial .nome1 { font-size:20px; }
	.menu-esquerda { margin-left: 5px; width:114%; }
	.menu-direita { margin-left: -20px; width:112%; }
	.titulo-destaque { margin-left: -7px; }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.topo, .rodape { width:420px; }
	.rodape { min-height: 300px; }
	.endereco { width:90%; font-size:21px; height: 60px; }
	.funcionamento { text-align: center; margin-left: 0px; }
	.softsolutions { margin-left: 150px; width:50%; margin-bottom: 15px; }
	.menu-esquerda, .menu-direita { width:90%; margin-left: 20px; }
	.titulo-destaque { margin-left: 0px; }
	.menu-esquerda .menu-sub, .menu-direita .menu-sub  { font-size: 23px; }
	.menu-esquerda .menu-titulo, .menu-direita .menu-titulo { font-size: 22px; line-height: 40px; }


}

@media only screen and (max-width: 479px) {
	.topo, .rodape { width:300px; }
	.rodape { min-height: 300px; }
	.endereco { width:85%; font-size:16px; height: 40px; }
	.funcionamento { text-align: center; margin-left: 0px; }
	.softsolutions { margin-left: 100px; width:50%; margin-bottom: 15px; }
	.topo-cartorio, .topo-oficial { width: 95%; }
	.menu-esquerda, .menu-direita { width:92%; margin-left: 10px; margin-bottom: 0px; }
	.titulo-destaque { margin-left: 0px; }
	.menu-esquerda .menu-sub, .menu-direita .menu-sub  { font-size: 23px; }
	.menu-esquerda .menu-titulo, .menu-direita .menu-titulo { font-size: 22px; line-height: 40px; }

}