/**=====================================================================
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% Calibri,'Lucida Grande',Geneva,Arial,Trebuchet,Verdana,Helvetica,sans-serif; }table {font-size:inherit;font-size:100%;}select, input, textarea {font:99% Calibri,'Lucida Grande',Geneva,Arial,Trebuchet,Verdana,Helvetica,sans-serif; }pre, code {font:115% monospace;font-size:100%;}body * {line-height:1.22em;}
body {color:#fff; background:#000 url(../images/bg.png) repeat-x 0 -600px;}

/**=====================================================================
Bordas
=====================================================================**/
/**
#mpt, #mpb, a#logo, #mpc, #bd, #bdc,#mp ul li a,#mp ul li.cur a { border: solid 1px #c5c5c5; }
**/
#lt { width:76em; left:50%; margin-left: -38em !important; margin-left: -380px; position:relative; }
#ml { display:inline; float:left; margin: 40px 0 10px -758px; width: 217px; position: relative; }
#bd { float:left; display:inline; margin: 10px 0px 10px 217px; width: 540px; background-color: #fff;  }
#bdc { background-color: #fff; margin: 0px; color: #000; padding: 25px; font-size: 1.5em; width: 490px }
a#logo { padding: 38px 0 0 25px; display: block; border-bottom: 0 none; outline: none; }
a#logo:active { background: none; }
/**=====================================================================
Menu Principal
:mp = menu principal
=====================================================================**/
/**
#mpc { background:#fff url(../images/men.png) repeat-y  top right; border-right: 0 none; }
**/
#mp { color:#fff; background:#000 url(../images/bg.png) repeat-x 0 0px; margin: 0 1px 6px 6px; position: relative; } 
#mp ul { padding: 0; margin: 0; }
#mp ul li { font-size: 1.8em; display: inline; }
#mp ul li a { padding: 6px 0 5px 50px; color: #fff; text-decoration: none; display: block; border-top: 0 none;  border-bottom: 0 none; outline: none; }
#mp ul li a:hover { color: #000; text-decoration: underline; }
/**
#mp ul li.cur a { color: #222; font-weight: bold; font-size: 1.1em;  background:#fff url(../images/men.png) repeat-y  top right;   border-left: 0 none;  border-right: 0 none; }
**/
#mp ul li.cur a { color: #222; font-weight: bold; font-size: 1.1em; background: #fff; border-left: 0 none;  border-right: 0 none; }
#mp ul li.cur a:hover { text-decoration: none; cursor: default; }
#mpt,#mpb { border-top:0 none; display: block; height: 25px; }
#mpt { border-bottom:0 none; }
#ml p { font-size: 1.2em; padding: 20px 10px; text-align: center; }
#ml #flg img { margin: 0 6px 15px 6px; }

#mpc,#mp,#mpt,#mpb, a#logo,#mp ul li a,#bdc, #bd { border: 0 none; }
#mp ul li.cur a { background:#fff; border: 0 none; }
#mp ul li a { padding-left: 32px; }
#bd { width: 542px; }
#mp { background: #D30E15;  }
/**=====================================================================
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; }

a { color:#333; text-decoration:underline; cursor: pointer; }
a:hover { color:#C00B1B; text-decoration:underline; }
#bdc a:active { background-color: #ffb; }
h1, h2, h3, h4 ,h5, h6 { color:#000; font-weight:bold; }
hr {  display:block; border:0 none; margin:7px 0 !important; margin:0; clear:both; background-color:#fff; color:#c5c5c5; height:0px; }
#bdc .c1,#bdc .c2 { width: 200px; float: left; padding: 0 15px;  }
h1,h2 { font-size: 1.5em; margin-bottom: 11px; }
h2 { font-size: 1.2em; color: #c00b1b }
h3, #bdc h3.dt { font-size: 1.2em; }
p { margin: 10px 0; }
div#bdc ol { list-style: decimal; padding-left: 35px; }
div#bdc a.blank { display: inline; background: url(../images/item.gif) no-repeat right bottom; padding-right: 17px; }
/**=====================================================================
Links
(#):lks = links
(.):ext = link para pagina externa
=====================================================================**/
div.lks { }
div.lks div { float:left; width:215px; }
div.lks div.c2 { border-left:0 none !important; margin-left:25px; }
div.lks h2 { font-size:1.2em; line-height:1.2em; }
div.lks p { padding:1px 3px; }art
div.lks span.hr { margin-bottom:10px; padding-top:10px; }

#bdc .ch span { }
#bdc .c1, #bdc .c2 { float:left; padding:0pt; width:215px; }
#bdc .c1 { padding-right:15px; }
#bdc .c2 { border-left:1px solid #C5C5C5; padding-left:15px; }
#bdc .ch a { text-decoration:none; }
#bdc .ch a strong, #bdc .ch a strong.line, h2.dt, h3.dt { background-color:#ECECEC; color: #000; display:block; font-size:1.4em; margin-bottom:5px; }
h2.dti { color: #000; }
#bdc .ch a strong span, h2.dt span, h3.dt span { background-color:#FFF; padding-right:10px; }
#bdc .ch a:hover, #bdc .ch a:hover strong { text-decoration:underline; }
#bdc p a { color:#C00B1B; text-decoration: none; }
#bdc p a:hover { text-decoration: underline; }
#bdc p a img { margin:2px 5px -3px 0; }
span.hr { border-bottom:1px solid #C5C5C5; clear:both; display:block; font-size:0pt; height:1px; margin-bottom:20px; padding-top:20px; }
/**
#bdc span.img { background:transparent url(../images/shdw.gif) no-repeat scroll right bottom; float:left; margin:10px 0pt 0pt 5px; }
#bdc span.img img { background-color:#FFFFFF; border:1px solid #ddd; display:block; margin:-6px 6px 6px -7px; padding:5px; position:relative; }
**/
/**=====================================================================
Eventos
(.):evt = eventos 
(.):evtc = eventos chamada
(.):evtg = eventos galeria
=====================================================================**/
div.evtc .ch { margin-right:25px !important; width:250px; }
div.evtc div.img { width:200px; }
div.evtc h2 a { text-decoration: none; color: #000;  }
div.evtc h2 a:hover,div.evtc .ch a:hover p { text-decoration: underline; }
div.evtc h2 { margin: 17px 0 12px 0; }
#bdc div.evtc span.img { margin:6px; float: left; }
div.evtc .ch, div.evtc div.img { float:left; }
div.evtg { width: 507px; margin: 5px -15px; }
#bdc div.evtg span.img {}
#bdc div.evtg p { width: 160px; height: 90px; float: left; position: relative; text-align: center; }
#bdc span.img img  { border: solid 1px #ccc; padding: 5px; }
/**=====================================================================
Artigos
(.):art = artigos
(.):artc = artigos chamada
(.):artl = artigos lista
(.):arta = artigos autor
=====================================================================**/
div.artc a.ch { display:block; float:left; margin:10px !important; margin:7px; }
#bdc div.artc a.ch strong { background: none; font-size: 1.1em; }
div.artc a.ch span,div.artl a span  { background-color:#ECECEC; color:#C00B1B; display:block; font-weight:bold; margin-top:10px; padding:5px; text-align:center; text-decoration:underline; width:160px; }
div.artl a strong { display: block; font-size: 1.3em; margin: 5px 0; color: #000;}
div.artl a  { text-decoration: none; }
div.artl a:hover  { text-decoration: underline; }
em.arta { font-size: 1.1em; font-weight: bold; font-style: italic; display: block; margin: 5px 0; }
/**=====================================================================
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:10px 25px; }
div#flc br { clear:left; }
div#flc label { float:left; padding:1px 5px; text-align:right; width:100px; }
div#flc small { font-weight:bold; line-height:17px; margin-left:110px; }
div#flc .imp, div#flc small { color:#b00; }
div#flc #enviar { border:0 none !important; height:30px; margin-left:255px; }
#bdc ul li { background:transparent url(../images/item.gif) no-repeat scroll 0px 7px; margin:10px 7px; padding-left:12px; }
div#bdc a.blank { background:url(../images/item.gif) no-repeat scroll right bottom; padding-right:14px; }
/**=====================================================================
Image Viewer
(#):imv = image viewer
(#):imvi = image viewer image
(#):imvl = image viewer loading
(.):ft = footer
=====================================================================**/
#imv{ position: absolute; left: 0; top: 0; width: auto; padding: 10px 10px 0 10px; background: #222; visibility: hidden; z-index: 10; cursor: pointer; }
#imv .ft { font-size: 1.3em; color: #fff; padding: 5px 2px; text-align: right; }
#imv #imvi { font-size: 1.2em; line-height: 2em; }
#imvl { position: absolute; visibility: hidden; border: 1px solid #222; background-color: #555; padding: 7px; z-index: 5; font-size: 1.1em; }
#imvTitle { width: 100px; }
/**=====================================================================
Language
(#):lan = language
=====================================================================**/
#lan { position: absolute; top: 22px; right: 9px !important; right: 2px; }
#lan a { display: block; float: left; height: 15px; width: 16px; margin-right: 7px; overflow: hidden; outline: none;  }
#lan span { background: url(../images/item.gif) no-repeat center;  display: block; width: 100%; height: 100%; } 
#lan #lanb span { background-position: 0 -256px; }
#lan #lane span { background-position: 0 -276px; }
#lan #lans span { background-position: 0 -296px; }
/**=====================================================================
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; }