/* Predial Moriá  - webdesigner rafael de paula) */
@charset "utf-8";
/* Reset css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{ content:""; content:none;}
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
form label {display:block;}
/* -- inicio do site --------------------------------------------------------------------------------- */
Body {margin:0px; padding:0px; font-family:helvetica; background-color:#f8f8f9;}
#wrapper { width:1000px; height:1000px; left:50%; margin-left:-500px; position:relative; background-image: url(../images/bg_topo.jpg); background-repeat:no-repeat; background-position:center top;}
header, footer { width:1000px; }
header { height:144px; }
header h1 { width:130px; height:132px; float:left; margin-left:16px; margin-top:0px;}
header h2 { float:right; width:176px; height:44px; background-image:url(../images/bg_fone.png); background-repeat:no-repeat;margin-top:35px; margin-right:23px; color: #fff; padding-top:25px; padding-left:35px;}
.ddd { font-size:14pt; font-weight:100; letter-spacing:0.15em; margin-left:5px; margin-right:3px}
.phone { clear:both; font-size:18pt; font-weight: 100; letter-spacing:1.1px;}
/* menu principal */
.main_menu { width:1000px; height:50px; background-image:url(../images/mainmenu2.png); background-repeat:no-repeat;}
.menu1, .menu2{ height:50px; float:left;}
.menu1 { width:705px;}
.menu2 { width:290px;} 
.icon { height:24px; width:24px; float:left; margin-top:12px; margin-left:15px;}
nav.menu1 ul { list-style:none; display:block;}
nav.menu1 ul > li { height:auto; float:left; text-align:center; font-weight:100; font-size:10pt;
margin-left:44px; margin-right:45px; margin-top:18px;}
nav.menu1 ul li a { text-decoration:none; color:#fff;}
nav.menu1 ul li a:hover { color:#fff;}
nav.menu2 ul { list-style:none; display:block; width:280px; padding-left:18px}
nav.menu2 ul > li { height:auto; float:left; width:auto; font-weight:100; font-size:10pt; margin-top:12px; margin-left:8px;}
nav.menu2 ul li a { text-decoration:none; color:#fff; margin-top:10px;}
nav.menu2 ul li a:hover { color:#fff;}
.padd { padding-top:7px; padding-left:0px;}
/* paginas */
.moria, .contato, .vejanomapa, .arearestrita, .advocacia { padding-top:60px; border-bottom:solid 1px #ebe8e8;}
.moria, .contato, .vejanomapa, .arearestrita { height:414px;}
.advocacia { height:550px; background-image:url(../images/juridico.png); background-repeat:no-repeat; background-position:bottom right;}
.homepage {  height:424px; padding-top:50px; width:500px; padding-left:500px; background-image:url(../images/bg_home.jpg); background-repeat:no-repeat; border-bottom:solid 1px #ebe8e8;}
.moria { width:1000px; background-image:url(../images/bg_moria.jpg); background-repeat:no-repeat;}
.servicos { height:565px;  clear:both; background-image:url(../images/bg_serv.jpg); background-repeat:no-repeat; background-position:bottom right; padding-top:60px; border-bottom:solid 1px #ebe8e8;}
/* conteúdo home page */
section aside.homepage { width:423px;  padding-left:20px;}
.side_home { float:right; margin-right:20px;}
.side_home h1 { font-size:12pt; width:127px; padding-top:65px; font-weight:400; float:left; margin-right:5px;}
.side_home h2 { font-size:10pt; width:244px; padding-top:40px; font-weight:100; float:left;}
/* conteúdo de serviços  */
/* conteúdo de serviços  */
.servicos aside { width:430px; margin-top:45px; float:left; margin-left:48px; margin-right:20px;}
.servicos blockquote { float:left;}
blockquote a { font-size:9pt; text-decoration:none; font-weight:100; color:#4296dd;}
.servicos aside p { clear:both; font-size:10pt; font-weight:100; width:270px; margin-bottom:5px; line-height:1.4;}
.servicos h1, h2 { font-size:10pt; width:auto; font-weight:100; float:left;}
.servicos h1 { padding-left:44px; color:#515252;}
.servicos h2 { padding-left:5px; color:#1068b3; width:450px; } 
.servicos h3 { font-size:12pt; font-weight:100; width:127px; color:#515252; padding-top:10px; float:left;}
.servicos h4 { font-size:10pt; width:auto; font-weight:100; color:#1068b3;}
/* ------------------------------------------------------------------------------------------- */
/* conteúdo moria predial - empresa */
.moria aside { width:560px; clear:both; padding-left:45px; font-size:10pt; color:#515252; font-weight:100; line-height:1.5; margin-top:45px;}
.moria aside p { margin-bottom:5px;}
.moria h1, h2 { font-size:11pt; width:auto; font-weight:100; float:left;}
.moria h1 { padding-left:44px; color:#515252;}
.moria h2 { padding-left:5px; color:#1068b3; width:400px;}
.moria h3 { clear:both; font-weight:100; font-size:9pt; color:#515252; margin-left:46px; margin-top:20px; width:315px; line-height:1.4;}
.moria aside span { margin-bottom:5px; color:#1068b3;}
/* conteúdo advocacia */
.advocacia aside { width:935px; clear:both; padding-left:45px; font-size:10pt; color:#515252; font-weight:100; line-height:1.5; margin-top:45px;}
.advocacia a { font-size:9pt; text-decoration:none; font-weight:100; color:#4296dd;}
.advocacia aside p { margin-bottom:10px;}
.advocacia h1, h2 { font-size:11pt; width:auto; font-weight:100; float:left;}
.advocacia h1 { padding-left:44px; color:#515252;}
.advocacia h2 { padding-left:5px; color:#1068b3; width:400px;}
.advocacia h3 { clear:both; font-weight:100; font-size:9pt; color:#515252; margin-left:46px; margin-top:20px; width:315px; line-height:1.4;}
/* conteúdo fale conosco - contato   */
.contato h1, h2 { font-size:11pt; width:auto; font-weight:100; float:left;}
.contato h1 { padding-left:44px; color:#515252;}
.contato h2 { padding-left:5px; color:#1068b3; width:450px;}
.contato aside { float:right; width:280px; font-size:10pt; font-weight:100; margin-top:115px;
line-height:1.5;}
.contato aside h1 { font-size:11pt; font-weight:100; color:#515252;} 
.contato blockquote { float:left; padding-top:26px;}
/* conteúdo Veja no Mapa  */
.vejanomapa h1, h2 { font-size:11pt; width:auto; font-weight:100; float:left;}
.vejanomapa h1 { padding-left:44px; color:#515252;}
.vejanomapa h2 { padding-left:5px; color:#1068b3; width:450px;}
.vejanomapa h5 { clear:both; font-size:11pt; width:auto; font-weight:100; margin-left:44px; padding-top:15px;}
.vejanomapa aside { float:right; width:260px; font-size:10pt; font-weight:100; margin-top:60px;
line-height:1.5;}
.vejanomapa aside h1 { font-size:11pt; font-weight:100; color:#515252;} 
.vejanomapa blockquote { height:200px; width:650px; border:solid 1px #f4f4f4; float:left; margin-top:45px; margin-left:42px;}
/* conteúdo login  */
.arearestrita h1, h2 { font-size:11pt; width:auto; font-weight:100; float:left;}
.arearestrita h1 { padding-left:44px; color:#515252;}
.arearestrita h2 { padding-left:5px; color:#1068b3; width:200px;}
.arearestrita h3 { font-size:12pt; width:113px; padding-top:20px; font-weight:400; float:left; margin-right:2px;}
.arearestrita h4 { font-size:11pt; font-weight:100; float:left; color:#1068b3; width:200px; padding-bottom: 12px;}
.arearestrita h5 { clear:both; font-size:11pt; width:auto; font-weight:100; margin-left:44px; padding-top:15px;}
.arearestrita aside { width:390px; margin-top:60px; float:left; margin-left:75px; }
.arearestrita aside h1 { font-size:11pt; font-weight:100; color:#515252;} 
.arearestrita blockquote { float:left;}
.arearestrita blockquote span { color:#1068b3;}
.arearestrita p { clear:both; font-size:10pt; font-weight:100; width:270px; margin-bottom:7px;}
.arearestrita span {clear:both; font-size:10pt; font-weight:100; margin-left:0.1em; }

/* formulário login */
form_login {height:auto; width:auto; float:left;}
form.login { height:150px;}
form.login fieldset { width:auto; height:auto; padding-top:5px;}
form.login input { padding:0px 0px 0px 10px; border:1px solid #aaa; font-size:9pt; margin-right:3px; background-color:#f8f8f9; margin-bottom: 10px;}
.input_001 { width:100px;}
.input_002 { width:178px;}
form.login input.btn3 { clear:both; width:auto; display:inline; margin-top:4px; margin-left:2px; padding: 3px 15px 3px 15px; background-color: #4799DD; color: #fff; border: transparent;}
form.login label { width:300px; color:#555555; display:block; padding:1px; font-weight:100; margin-top:8px;}
/* formulário */
.contato_form h2 {background:none repeat scroll 0 0 #F3F3F3; border-radius:0px; color:#5CD053; display:block; font-family:sans-serif; font-size:20px; padding:5px; text-shadow:1px 1px 1px #CCCCCC; width:433px;}
.contato_form {height:auto; width:800px; float:left;}
.form {height:auto; width:650px; padding-top:50px; margin-left:40px;}
.form ul {width:600px; list-style-type:none; margin:0px; padding:0px;}
.form li {padding:2px; position:relative;}
.form label {color:#555555; display:inline-block; float:left; font-size:10pt; margin-top:1px; padding:3px;  width:90px; font-weight:100px;}
.form legend {font-size:8pt; color:#666; width:320px; margin-left: 167px;}
.form input {height:20px; width:310px; padding:1px 0px 1px 0px;}
.form select {height:25px; width:318px; padding:1px 0px 1px 0px;}
.form textarea {padding:8px; width:300px;}
.form button {margin-left:90px;}
.form input, .form select, .form textarea, .contato_form textarea {border:1px solid #aaa; color:#888; font-size:12px; margin-left:0px; background-color:#f8f8f9; padding-left:8px;}
.form input[type=radio] {width:9px; height:9px; margin-left:10px; }
.radio-ok {display:block; display:block; width:400px; color:#585757; font-size:12px; padding:3px 0;}
/* validação formulario  */
.form input:required:valid, .form textarea:required:valid {box-shadow:0 0 5px #e6e6e6; border-color:#d3d1d1;}
.form input:focus:invalid, .form textarea:focus:invalid {box-shadow:0 0 5px #e6e6e6; border-color:#d3d1d1;}
form .btn2 {height:auto; width:auto; display:inline; border:0px; margin-top:2px; margin-left:90px; background-color:#f8f8f9; float:left;}
form .reset {height:auto; width:auto; border:0px; display:inline; margin-top:2px; margin-left:18px; background-color:#f8f8f9; float:left;}
/* footer */
.footer { }
footer { height:160px; width:1000px; background-color:#f8f8f9; border-top:solid 1px #ffffff; border-bottom:solid 1px #ebe8e8;}
.footer ul { list-style:none; display:block; margin-top:30px;}
.footer ul > li { height:auto; float:left; font-weight:100; width:260px; margin-left:64px;}
.footer span { float:left; margin-left: 10px; margin-top: 12px;}
.margin-l{padding-left: 20px;}
.footer ul > li > img { float:left; margin-right:4px;}
.footer ul > li > a { font-size:9pt; text-decoration:none; font-weight:100; float:left; width:180px; margin-left:30px; }
.footer ul > li > h1 > a { text-decoration:none; font-size:10pt; color:#515252;}
.footer ul > li > h1 > a:hover { color:#ee3129;}
.footer ul > li > h1 { font-size:10pt; width:210px; padding-top:10px;}
.footer ul > li > h2 { line-height:1.2; margin-top:12px; color:#b9b8b8;}
.footer ul > li > h3 { color:#4296dd;}
.footer ul > li > h1, h2, h3 { font-weight:100; float:left;}
.footer ul > li > h2 { font-size:9pt; width:212px; margin-left:30px;}
.footer ul > li > h3 { font-size:9pt; width:212px; margin-left:30px;}
.copyright { width:1000px; height:50px; border-top:solid 1px #ffffff;}
.copyright a { text-decoration:none; color:#9E9E9E;}
.copyright a:hover { color:#a6ce39;}
.copyright h1 { font-size:8pt; font-weight:100; color:#b9b8b8; margin-top:30px; text-align:center;}