@charset "utf-8";
/* CSS Document */

a { text-decoration:none;}
* { outline:none !important;}
body { margin:0 auto; width:100%; height:auto;}
.wrapHeader { height:114px; width:100%; background:#013567; margin:0 auto;}
.header { margin:0 auto; width:1000px; height:114px;}
.logoCliente { width:288px; height:114px; float:left; margin:0; background:#FFF;}
.logoWik { width:252px; height:114px; float:right; margin:0; background:#FFF;}
.logoWik span { float:left; margin:8px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.linkWolt { background: url(../images/logoWolt.png); width:210px; height:87px; float:left; margin:0 0 0 8px; text-indent:-9999px;}
.logoWolt { float: left; margin:0 0 0 15px;}
.imgEsc { background:url(../images/imgEsc.jpg); width:147px; height:114px; float:left; margin:0;}
.logoCMS { float:right; background: url(../images/logoCMS.png); width:180px; height:85px; float:left; margin:15px 15px 0 10px; text-indent:-99999px;}
.imgDir { float:right; margin:0; background:url(../images/imgDir.jpg); width:147px; height:114px;}
.logoCliente img { float:left; margin:20px;}
.wrapContent { margin:0 auto; width:100%; height:auto; background:#FFF; padding-bottom:3px !important;}
.content { width:1000px; height:auto; min-height:400px; display:table; border: solid 1px #7F9DB9; margin-top:5px !important; margin:0 auto;}
.login { margin:0 auto; width:462px; height:210px; margin-bottom:80px !important; background: #F4F4F4; margin-top:90px; border: solid 1px #7F9DB9; border-radius:3px;}
.login form ol { float:left; margin:20px 0 0 38px; list-style:none; padding:0;}
.login form ol li { width:381px; height: auto; margin:0 0 10px 0; float:left;}
.login form ol li label { float:left; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal !important; color:#333}
.login form ol li input[type=text] { width:381px; height:33px; border: solid 1px #7F9DB9; clear:both; float:left; margin:2px 0 0 0;}
.login form ol li input[type=submit] { background:url(../images/backSubmit.png); width:89px; height:35px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; border:0; cursor: pointer;}
.login form ol li input[type=password] { width:381px; height:33px; border: solid 1px #7F9DB9; clear:both; float:left; margin:2px 0 0 0;}
.login form ol li a { float:right; margin:8px 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #069; font-weight:normal;}
.recuperaSenha { margin:0 auto; width:462px; height:140px; margin-bottom:80px !important; background: #F4F4F4; margin-top:90px; border: solid 1px #7F9DB9; border-radius:3px; display:none;}
.recuperaSenha form ol { float:left; margin:20px 0 0 38px; list-style:none; padding:0;}
.recuperaSenha form ol li { width:381px; height: auto; margin:0 0 10px 0; float:left;}
.recuperaSenha form ol li label { float:left; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal !important; color:#333}
.recuperaSenha form ol li input[type=text] { width:381px; height:33px; border: solid 1px #7F9DB9; clear:both; float:left; margin:2px 0 0 0;}
.recuperaSenha form ol li input[type=submit] { background:url(../images/backSubmit.png); width:89px; height:35px; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; border:0; cursor: pointer;}
.recuperaSenha form ol li a { float:right; margin:8px 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #069; font-weight:normal;}
.menu { float:left; margin:10px 0 0 10px; width:190px; height:auto;}
.menu ul { float:left; margin:0 0 0 0; list-style:none; width:190px; height:auto; padding:0 0 0 0;}
.menu ul li { float: left;  margin: 0 0 10px 0; width:190px; height:auto; display:table;}
.menu ul li sup { float:left; margin:0 0 0 0;text-align: center; width:190px; height:29px; padding-top:11px; background:#1F4C79; border-radius:3px;}
.menu ul li a {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF;}
.menu ul li ul { float:left; margin:5px 0 0 5px; width:185px; height:auto; }
.menu ul li ul li { float:left; margin:0 0 5px 0; width:190px; height:20px; }
.menu ul li ul li img { float:left; margin:4px 3px 0 0;}
.menu ul li ul li a {font-family:Arial, Helvetica, sans-serif; border-radius:3px; font-size:13px; font-weight:bold; color:#333; float:left; margin:3px 0 0 0; padding:0 3px 0 3px;}
.menu ul li ul li a:hover { background: #EEE;}
.menu ul li ul li ul { float:left; margin:5px 0 0 0; width:190px; height:auto; }
.menu ul li ul li ul li {float:left; margin:0 0 0 0; width:190px; height:20px;}
.menu ul li ul li ul li img { float:left; margin:4px 3px 0 0;}
.menu ul li ul li ul li a {font-family:Arial, Helvetica, sans-serif;border-radius:3px; font-size:13px; font-weight:bold; color:#333; float:left; padding:0 3px 0 3px;}
.menu ul li ul li ul li a:hover { background: #EEE;}

.principal { float: left; margin:20px 0 30px 50px; width:500px; height:auto; min-height:300px;}
.principal img { float:left; margin:0 0 0 0;}
.principal h1 { text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight: normal; float:left; margin:10px 0 0 10px;}
.principal span.titles { float:left; margin:15px 0 0 0; width:493px; height:22px; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; background:#f9f9f9; border: solid 1px #7F9DB9; border-radius:3px; padding:8px 0 0 7px;}
.principal .formTags { float:left; margin:10px 0 0 0; width:500px; height:auto;}
.principal .formTags form input[type=text] { float:left; margin:0 0 0 0; width:145px; height:21px; border: solid 1px #7F9DB9;}
.principal .formTags form input[type=submit] { float:left; margin:3px 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#003366; font-weight:bold; border:0;  outline:none; background:#FFF; cursor:pointer;}

.principal .formTags form input[type=submit]:hover { background: #EEE;}
.principal .listTags { float:left; margin:10px 0 0 0; width:500px; height: auto;}
.principal .listTags ul { list-style:none; float:left; margin:0 0 0 0; width: auto; height:auto; padding:0;}
.principal .listTags ul li { float:left; margin:0 10px 10px 0; padding-right:10px; border-right: solid 1px #666; width: auto; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
.principal .listTags ul li:first-child { border-left:solid 1px #666; padding-left:10px;}
.principal .suporte { float:left; margin:0 0 0 0; clear: both}


.principal .listPg { float:left; margin:10px 0 0 0; width:500px; height: auto;}
.principal .listPg ul { list-style:none; float:left; margin:0 0 0 0; width: auto; height:auto; padding:0;}
.principal .listPg ul li { float:left; margin:0 10px 10px 0; padding-right:10px; border-right: solid 1px #666; width: auto; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;}


.suporte p { float:left; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.suporte form ol { list-style: none; padding:0; float:left; margin:0 0 0 0; width: 500px; height:auto;}
.suporte form ol li { float:left; margin:15px 0 0 0; width:500px; height:auto;}
.suporte form ol li label { float:left; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.suporte form ol li input[type=text] { float:left; width:500px; height:30px; border: solid 1px #7F9DB9;}
.suporte form ol li textarea { float:left; width:500px; height:100px; border: solid 1px #7F9DB9;}
.suporte form ol li input[type=submit] { background:#FD6F00; width:70px; height:30px; border-radius:3px; float:left; margin:0 0 0 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0 !important; outline:none; cursor:pointer;}

.right { float:right; margin:10px 10px 0 0; width:225px; height:auto; min-height:100px;}
.right span { float:right; margin:0 0 0 0; font-style:italic; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.right h4 { float:right; margin:10px 0 0 0; font-style:italic; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.right a.logoff {background:#FD6F00; width:50px; height:20px; border-radius:3px; float:right; margin:5px 0 0 10px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0 !important; outline:none; text-align: center; padding-top:3px;}

.mensagens {  float:right; margin:20px 0 0 0;text-align: center; width:190px; height:29px; padding-top:11px; background:#1F4C79; border-radius:3px;}
.mensagens img { float:left; margin:0 0 0 7px;}
.mensagens b { float:left; margin:2px 0 0 6px; color: #FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.listMsgs { float:right; margin:0 0 0 0; width:220px; height:auto;}
.listMsgs img { float:right; margin:5px 5px 0 0;}
.listMsgs p { font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right; margin:7px 0 0 0;}
.listMsgs ul { list-style:none; padding:0; width: 220px; height:auto; float:right; margin:0 0 0 0;}
.listMsgs ul li { float:right; margin:13px 0 0 0; width:220px; height: auto;}
.listMsgs ul li a { float:right; margin:0 5px 0 0; color:#069; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.listMsgs ul li a.nlida { font-weight:bold;}

.frm form ol { list-style: none; padding:0; float:left; margin:0 0 0 0; width: 500px; height:auto;}
.frm form ol li { float:left; margin:15px 0 0 0; width:500px; height:auto;}
.frm form ol li label { float:left; margin:0 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.frm form ol li input[type=text] { float:left; width:500px; height:30px; border: solid 1px #7F9DB9;}
.frm form ol li input[type=password] { float:left; width:500px; height:30px; border: solid 1px #7F9DB9;}
.frm form ol li select { float:left; width:200px; height:22px; border: solid 1px #7F9DB9; clear:both;}
.frm form ol li textarea { float:left; width:500px; height:100px; border: solid 1px #7F9DB9;}
.frm form ol li input[type=submit] { background:#FD6F00; width:70px; height:30px; border-radius:3px; float:left; margin:0 0 0 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0 !important; outline:none; cursor:pointer;}
.frm form ol li input[type=button] { background:#FD6F00; width:70px; height:30px; border-radius:3px; float:left; margin:0 0 0 10px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0 !important; outline:none; cursor:pointer;}

.addCampo { background:#FD6F00; border-radius:3px; float:right; margin:-40px 0 0 10px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0 !important; cursor:pointer; padding:10px;}

.listagem { float:left; margin: 30px 0 0 0; width:500px; height: auto; display:table;}
.listagem ul { list-style:none; padding:0; float:left; margin:0 0 0 0; width:500px; height:auto;}
.listagem ul li { float:left; margin:5px 0 5px 0; width:500px; height:30px;}
.listagem ul li sub.small { float:left; margin:0 0 0 0; width:50px; height:30px; background: #F8F8F8; border: solid 1px #7F9DB9; text-align:center;}
.listagem ul li sub.medium { float:left; margin:0 0 0 1px; width:175px; height:30px; background:#F8F8F8; border: solid 1px #7F9DB9; text-align:center;}
.listagem ul li sub.large { float:left; margin:0 0 0 1px; width:260px; height:30px; background:#F8F8F8; border: solid 1px #7F9DB9; text-align:center;}
.listagem ul li sub p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color:#333; margin-top:8px;}

.sql { float:left; margin:0 0 0 0; background:url(../images/sql.gif); width:43px; height:30px; text-indent:-99999px; cursor:pointer;}
.delete { background:url(../images/delete.png); width:20px; height:20px; float:right; margin:-3px 11px 0 7px; border:0; text-indent:-999999px;}
.edit { background:url(../images/edit.png); width:21px; height:20px; float:right; margin:-3px 7px 0 7px; border:0; text-indent:-999999px;}
.add { background:url(../images/add.jpg); width:22px; height:22px; float:right; margin:-3px 7px 0 7px; border:0; text-indent:-999999px;}
.statusOn { background: url(../images/statusOn.png); width:18px; height:20px; float: right; margin:-6px 7px 0 7px; text-indent:-9999999px; border:0 !important; cursor:pointer;}
.upload { background: url(../images/upload.png); width:18px; height:20px; float: right; margin:-3px 7px 0 7px; text-indent:-9999999px;}
.statusOff {background: url(../images/statusOff.png); width:18px; height:20px; float: right; margin:-6px 7px 0 7px; text-indent:-9999999px; border:0 !important; cursor:pointer;}
.qtd_campo { display:none;}

.blocoSql { float:left; margin:5px 0 10px 0; width:500px; min-height:20px; border: dashed 1px #7F9DB9; background:#F8F8F8;display:none;}
.blocoSql p { float:left; margin:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #900; font-weight:bold; }
.blocoSql b { color: #036; }


.boxTextarea { float:left; margin:0 0 0 0; position:relative; z-index:9999; display:none; width:680px !important; height:270px !important; padding:10px; background:#FFF;
box-shadow:5px 5px 10px #ccc;
/* implementação para o firefox */
-moz-box-shadow:5px 5px 10px #ccc;
/* implementação para safari */
-webkit-box-shadow:5px 5px 10px, #ccc;
}

.boxTextarea b { float:right; margin:0 0 0 0; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#036;}
.boxTextareaOpen b {float:right; margin:0 0 0 0;cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#036;}
.boxTextareaOpen {float:left; margin:0 0 0 -210px !important; position: absolute; z-index:9999; display:none; width:900px !important; height:500px !important; padding:10px; background:#FFF;
box-shadow:5px 5px 10px #333;
/* implementação para o firefox */
-moz-box-shadow:5px 5px 10px #333;
/* implementação para safari */
-webkit-box-shadow:5px 5px 10px, #333;}

.boxTextareaOpenEdit b {float:right; margin:0 0 0 0;cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#036;}
.boxTextareaOpenEdit {float:left; margin:-150px 0 0 -210px !important; position: absolute; z-index:9999; width:900px !important; height:500px !important; padding:10px; background:#FFF;
box-shadow:5px 5px 10px #333;
/* implementação para o firefox */
-moz-box-shadow:5px 5px 10px #333;
/* implementação para safari */
-webkit-box-shadow:5px 5px 10px, #333;}
.boxTextareaOpenEdit span.mceEditor, span.defaultSkin { float:left !important; margin:0 0 0 0 !important; clear:both !important; width:500px !important; background:none !important; border: 0 none !important; padding:0 !important;}

.boxTextareaOpenEdit input[type=submit] { float:left; margin:15px 0 0 !important; clear: both; display:block;}
.boxTextareaOpenEdit #msgAlertEditor {float:left; margin:-22px 0 0 90px !important; clear: both; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#900;}

.abreEditor { background: #1F4C79; float:left; margin:10px 0 0 0; border-radius:3px; padding:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; font-weight:bold; cursor:pointer;}

.pgnencontrada h1 { font-family:Arial, Helvetica, sans-serif; font-size:60px; color: #036; float:right; margin:130px 250px 0 0; font-weight:normal;}
.pgnencontrada h2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color: #333; float:right; margin:-190px 180px 0 0; font-weight:normal;}
.pgnencontrada a { color:#036; font-family:Arial, Helvetica, sans-serif; font-size:13px; float:right; margin:-160px 152px 0 0;}

#msgAlert { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #C00; margin:5px 0 0 15px; float: left;}
#msgAlertCampo {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #C00; margin:5px 0 0 15px; float: left;}
.msgSuccess {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #060; margin:5px 0 0 15px; float:left;}
.msgSuccessCampo {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #060; margin:5px 0 0 15px; float:left;}
.msgSuccessTabela {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #060; margin:5px 0 0 15px; float:left;}
.pagination { float:left; margin:10px 0 0 0; width:500px;}

#frmCampo { display:none;}
#frmTabela { display:none;}
#listCampos { display:none;}

#ctnListImagem { float:left; margin:0 !important;}


.listagem ol { list-style:none; float:left; margin:0 0 0 0; width:500px; height:auto; padding:0 !important;}
.listagem ol li.fotos { float:left; margin:3px; padding:0; list-style:none; width: auto; height:auto; padding:5px; }
.listagem ol li.fotos img { float:left; margin:0 0 0 -20px !important; padding:0 0 0 0 !important;}
.listagem ol li.fotos a{ color: #069 !important; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; margin:5px 0 0 20px; text-decoration:none; clear:both;}

.listagem ol li input[type="radio"] { float:left; margin:5px 0 0 42px; clear:both; width:20px; height:20px;}

.arrow { float:right; margin:6px 4px 0 0;}

.frm .listaMsgs { float:left; margin:25px 0 0 0; width:500px; height:auto; min-height:100px}
.listaMsgs p { float: left; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.listaMsgs p b { font-weight:bold;}
.blocoMsg { float:left; margin:10px 0 0 0; width:500px; height:auto; border: dashed 1px #7F9DB9; background:#F8F8F8;}
.blocoMsg p { float:left; margin:0 0 0 0; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

.listaMsgs input[type=button] { background:#FD6F00; width:70px; height:30px; border-radius:3px; float:left; margin:10px 0 0 0; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:0 !important; outline:none; cursor:pointer;}

form#formResposta { display:none; float:left; margin:20px 0 0 0;}

.editorText{ float:right; margin:-31px 3px 0 0; background: url(../images/editor.png); width:25px; height:24px;}

.wrapFooter { width:100%; height:auto; min-height:50px; margin:0 auto; margin-top:3px;}
.footer { margin:0 auto; width:1000px; height:auto; min-height:50px;}
.footer a { float:left; margin:15px 10px 0 0; padding:5px 10px 5px 10px; font-weight:normal; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.footer h1 { float:left; margin:5px 15px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFF; font-weight:normal; text-shadow:1px 1px 5px #CE5C00;}

.borderOpen { width:500px; height:15px; border-top: solid 1px #ccc; margin:10px 0 0 0; float:left;}
.borderOpen a { float:left; margin:2px 0 0 2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #666;}

.listagem ol li.fotos { background:#DDD; border: solid 1px #fff;}
.listagem ol li.fotos:first-child { background: #FC6; border: solid 1px #fff;}
.listagem ol li.fotos:hover { border: solid 1px #ccc;}
.listagem ol li.fotos .linkImg a{ color:#069; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; margin:3px 0 0 0px; text-decoration:none; clear:both; width:100%; text-align:center;}
.listagem ol li.fotos .linkImg a:first-child { margin-top:10px !important;}
.listagem ol li.fotos .linkImg a:hover{ text-decoration:underline;}
.mce-tinymce.mce-container.mce-panel {
    float: left;
    margin: 15px 0 0 9px;
}