/******* tags gerais *******//**=====================================================================
Estilo geral site J2 Marketing
version: 1.0
author: Renan Leme
email: renan@cmsxpert.com.br
website: http://www.cmsxpert.com.br/
=====================================================================**/
/*reset yui*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
/*fonts yui*/body{font:62.5% Arial,Trebuchet,Verdana,Helvetica,sans-serif; }table {font-size:inherit;font-size:100%;}select, input, textarea {font:99% Arial,Trebuchet,Verdana,Helvetica,sans-serif; }pre, code {font:115% monospace;font-size:100%;}body * {line-height:1.22em;}
body {color:#444; background-color: #eee; }
a { color: #555; text-decoration: none; }
a:hover { text-decoration: underline; }
#lt { width:77.7em; left:50%; margin-left: -38.8em !important; margin-left: -388px; position:relative; background-color: #fff;}
hr {  display:block; border:0 none; margin:7px 0 !important; margin:0; background-color:#ddd; color:#ddd; height:2px; }
/**=====================================================================
Header
(#):hd = header
=====================================================================**/
#hd { background: url(img/hd.jpg) repeat-x 0 0px; border-bottom: solid 5px #2178BE; height: 155px; position: relative; }
#hd #logo { position: relative; left: 19px; top: 10px; outline: none; }
#hd #sig { position: absolute; margin-left: 33px; margin-top: 93px; }
/**=====================================================================
Menu Principal
(#):mp = menu principal
(.):mpa = menu principal ativo
=====================================================================**/
/* estrutura menu topo */
#mp { background: url(img/item.gif) repeat-x 0 -115px; width: 600px; border: height: 30px; position: absolute; top: 0; right: 0; border: solid 1px #eee; }
#mp ul a { cursor: pointer; }
#mp li.mp,#mp li.mpa,#mp li.mp_over,#mp li.mpa_over { display: block; float: left; }
#mp a#mp1,#mp a#mp2,#mp a#mp3,#mp a#mp4 { display: block; height: 30px; overflow: hidden; position: relative; white-space: nowrap;  } 
#mp a#mp1 span,#mp a#mp2 span,#mp a#mp3 span,#mp a#mp4 span { position: absolute; background: url(img/mp.gif) repeat-x 0 0; width: 100%; height: 100%; }
#mp a#mp1 { width: 97px }
#mp a#mp2 { width: 121px; }
#mp a#mp2 span { background-position: -97px 0 }
#mp a#mp3 { width: 87px; }
#mp a#mp3 span { background-position: -218px 0 }
#mp a#mp4 { width: 110px; }
#mp a#mp4 span { background-position: -305px 0 }
#mp ul ul { background-color: #f7f7f7; border: solid 1px #ddd; border-bottom: 0 none; position: absolute; display: none; font-size: 1.15em; font-weight: bold; margin-left: -1px; width: 200px; }
#mp ul ul li a { display: block;  padding: 5px 20px; height:1%; border-bottom: solid 1px #ddd;  }
#mp ul ul li a:hover,#mp ul ul li.act a { background-color: #1a66ad; color: #fff; text-decoration: none;  }
#mp li:hover ul,#mp li.mpa_over ul,#mp li.mp_over ul { display: block; }
#mp #mjp { width: 150px; margin: 4px 15px; background: #1a66ad; color: #fafafa; border: solid 1px #ddd; cursor: pointer; font-size: 1.2em;  }
#mp #mjp option { padding: 1px; }
/**=====================================================================
Footer
(#):ft = footer
=====================================================================**/
#lft { clear: both; padding: 15px; }
#ft { position: relative; clear: both; background: url(img/item.gif) repeat-x 0 0px; border-top: solid 7px #EBEAEA; font-size: 1.1em; color: #fff; height: 65px; padding-top: 10px; text-align: center; }
#ft p { padding: 4px; }
#ft strong a { padding: 0px 10px; }
#ft strong a:hover { color: #333; }
/**=====================================================================
Botoes Especiais
:flg = footer logos
=====================================================================**/
#ft #flg { position: absolute; top:5px !important; right:10px; width: 94px; }
#flg a#ez { display:block; width:88px; height:31px; outline:none; }
#flg a#lgdev { display:block; width:94px; height:26px; position:relative; margin-top:5px; cursor: pointer; outline:none; }
/**=====================================================================
Chamada geral
(#):chg = chamadas gerais
=====================================================================**/
#chg hr { clear: both; }
#chg a, #chg span.img {  float: left; outline: none; position: relative; }
#chg span.img { margin: 8px;  }
#chg a { width: 156px; height: 90px; padding: 10px; margin: 7px 7px 17px 7px; }
#chg a span,#chn a.ch { display: block; background: url(img/item.gif) repeat-x 0 -30px; position: absolute; bottom: -19px; right: -1px; padding: 2px 8px; height: 15px; color: #fff; cursor: pointer; }
#chg a,#chn { background: #FAFAFA; border: solid 1px #ddd; }
#chg a strong, #chn h5 { display: block; padding-left: 9px; background: url(img/item.gif) no-repeat 0px -86px; font-size: 1.2em; color: #2a699f; margin-bottom: 5px;  } 
/**=====================================================================
Imagem de chamada principal
(#):chp = chamada principal
=====================================================================**/
#chp { float: left; margin: 0 0 0 8px; }
/**=====================================================================
Coluna Lateral
(#):ml = menu lateral
=====================================================================**/
#cll { display:inline; float:left; margin: 0 0 20px 15px; width: 180px; position: relative; }
/**=====================================================================
Chamada das noticias
(#):chn = chamada noticias
=====================================================================**/
#chn { padding: 10px 12px 10px 12px; font-size: 1.15em; margin: 0 5px 30px 0; height: 1%; position: relative; }
#chn span,#chn h5 a {  color: #2a699f; display: block; font-weight: bold; }
#chn a:hover span { text-decoration: underline; }
#chn h5 a { display: inline; }
#chn h5  { margin-bottom: 9px; }
#chn a.ch {  }
h2.not { color: #222; font-weight: bold; }
h2.not span,strong.not  { color: #2a699f; }
strong.not { font-size: 1.1em; line-height: 2.5em; }
/**=====================================================================
Conteúdo
(#):bdc = body content
=====================================================================**/
#bd { float: left; display: inline; width: 580px; padding: 0px; font-size: 1.15em; margin: 0 0 15px 0;  }
#bdc { padding: 0 20px; font-size: 1.05em; color: #333;}
#bdc p { line-height: 1.4em; margin: 14px 0 }
#bdc p a { color: #2a699f; text-decoration: underline; }
#bdc h2 { font-size: 1.15em; }
#bdc h3 { font-size: 1.1em; }
#bdc a.file { font-weight:bold; }
#bdc a.file img { margin:2px 5px -3px 0; } 
#bdc h1 { font-size: 1.3em; background: url(img/item.gif)  no-repeat 0px -86px; margin: 12px 0 15px 5px; padding-left: 9px; font-weight: bold; color: #2a699f;  }
#bdc ul li { background: url(img/item.gif) no-repeat 10px -285px; display: block; padding: 4px 2px 4px 20px; }
/**=====================================================================
Estilos Gerais de aparencia
:lcl = line color
:clb = clear both
:cct = container content
:hid = hidden
=====================================================================**/
.clb { clear:both; }
span.clb { display: block }
.fl { float: left; }
.fr { float: right; }
.hid { display: none; }
/**=====================================================================
Formulários Gerais
:txl = Text Line
:lbl - Label
=====================================================================**/
form .txl1, form .txl2, form .txl3 { background-color:#FAFAFA; border:1px solid #ddd; float:left; margin-bottom:4px; padding:3px; }
form .txl1:focus, form .txl2:focus, form .txl3:focus { background-color:#ffe; }
form .txl1 { width:50px; }
form .txl2 { width:100px; }
form .txl3 { width:220px; }
form select.txl3 { margin-bottom:3px; padding:1px; width:228px; }
form label.lbl1 { width:50px !important; }
/**=====================================================================
Fale Conosco & Reservas
:flc = Fale Conosco
:imp = importante
:alr = alerta
:obr = obrigado
=====================================================================**/
div#flc { padding:5px 25px 10px 10px; font-size: 1.1em }
div#flc br { clear:left; }
div#flc a { text-decoration: underline; color: #2a699f;; }
div#flc label { float:left; padding:1px 5px; text-align:right; width:175px; }
div#flc small { font-weight:bold; line-height:17px; margin-left:185px; font-size: 1em; }
div#flc .imp, div#flc small { color:#b00; }
div#flc #enviar { border: solid 1px #ddd;; height:18px; margin-left:355px; }
div#flc .alr ul li { line-height: 1.5em; }
div#flc .alr h2 { font-size: 1.1em; margin: 7px 0;}
div#flc .obr h2 { font-size: 1.3em; margin: 7px; color: #2a699f;; }
div#flc ul li { background: 0 none; }
/**=====================================================================
Tabela especial
:flg = footer logos
=====================================================================**/
table.precos td {  padding: 4px; border-bottom: solid 1px #eee;  text-align: center;}
table.precos td.esq { text-align: left; }
.importante { font-weight: bold; color: #2a699f !important; }
/**=====================================================================
Paginador
:pag = paginator
=====================================================================**/
ul.pag { text-align: center; padding: 10px;}
ul.pag li,ul.pag span,div#bdc ul.pag li { float:left; padding: 3px; line-height:1.9em; background-image: none; }
ul.pag li a { padding: 3px 5px; border: 1px solid #ddd; text-decoration: none; color: #222; display:block; }
ul.pag li a:hover { background-color: #ffd; }
/**=====================================================================
Core eZ Publish
=====================================================================**/
div.object-right { margin: 10px; float: right; }
div.object-left { margin: 10px; float: left; }
div.object-center { float: center; margin-left: auto; margin-right: auto; }
.warning { margin: 15px; text-align: left; font-size: 108%; border: solid 5px #ffd700; background-color: #fff; padding: 5px 15px 05px 15px; color: #222;}
.warning li { line-height: 1.5em; }
.warning .time { color: #F57617; font-weight: bold; line-height: 2em; }
.warning h2 { background: url(../images/core/message-warning.gif) 0 0 no-repeat; height: 35px; margin: 3px; color: #222; font-weight: bold; font-size: 116%; padding-left: 37px; line-height: 35px; }
.warning a { text-decoration: underline; }
/**=====================================================================
Debug eZ Publish
=====================================================================**/
td.debugheader { background-color : #eee; border-top : 1px solid #448; border-bottom : 1px solid #448; font-size : 0.9em; }
#debug td { font-family: Arial, Helvetica, sans-serif; }
#debug { background-color : #fff; }
pre.debugtransaction { background-color : #f8f6d8; }
td.timingpoint1, td.timingpoint1,td.used_templates_stats1,td.used_templates_stats2 { border-top : 1px solid #448; }
td.timingpoint1, td.timingpoint1 { font-size: 0.9em; }
td.timingpoint2, td.used_templates_stats2 { background-color : #eee; }
/* Class to be used during development for quick comments that someone should notice easily */
#debug p.comment { background-color: #f00; font-weight: bold; padding: 4px; margin: 4px; border: 2px dashed; display: block; }
/* eZSetup stuff */ 
td.ezsetup_req { font-size : 80%; }
td.ezsetup_header, .ezsetup_critical, .ezsetup_uncritical, .ezsetup_pass { background-color : #eee; border-top : 1px solid #448; border-bottom : 1px solid #448; font-size : 120%; }
.ezsetup_critical { font-weight: bold; color: #F00; }
.ezsetup_uncritical { color: #E2A31D; }
.ezsetup_pass { color: #00B500; }
div.debug-toolbar label { font-weight: normal; }
/* used templates statistics */
div#debug { text-align: left; }
div#debug table + h2, table + h3 { margin-top: 1em; }
table#templateusage th + th, table#templateusage td + td { padding: 0.25em 0.5em 0.25em 0.5em; }
div#debug th { text-align: left; }