html, body { height: 100%; margin:0px; font-family:Arial, Helvetica, sans-serif; }
* { margin: 0; padding: 0; outline: 0; font-style: inherit; font-size: 100%; line-height: 1.1em; vertical-align: baseline }
p { margin-bottom: 0.5em; }
hr { clear: both; float: none; width: 100%; }
* html body hr { margin: -7px; display: block;} /* os hr tem uma altura extra misteriosa no IE */
a, img { border: none; text-decoration:none; }
img { vertical-align: middle;}
fieldset { display: block; border: 2px ridge #FFF; padding: 10px; } /* fieldset não é block em todos */
ul, ol { margin-left: 1.5em; list-style-position: outside; }
li { vertical-align: top; line-height: 1.2em;} /* IE: posição vertical do marcador no IE e espaço extra fantasma em lis*/
input[type=hidden]{ display: none !important; visibility: hidden !important;} /* input hidden no FF */
button { border: 1px outset #AAA; }
legend { margin-bottom: 1.4em; } /* Fixes incorrect styling of legend in IE6 fieldsets. */
label { display: block;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, thead, tfoot { text-align: center; font-weight: bold; }
/*INÍCIO PRINCIPAIS*/
#tudo {
min-height: 100%;
}
* html #tudo {
height: 100%; /* hack para IE6 hq trata height como min-height */
}
#tudo {
position: relative;
background:#d3d3d3;
}
.ie #meio, .ie7 #meio {
margin-bottom:-20px;
}
#rodape {
position:absolute;
bottom:0px;
}
/*FIM PRINCIPAIS*/
/*INÍCIO TOPO*/
#topo {
background:url(../imagens/bg_topo.jpg);
text-align:center;
}
#flash {
width:1000px;
margin:auto;
}
/*FIM TOPO*/
/*INÍCIO MEIO*/
#meio {
position:relative;
background:#d3d3d3;
text-align:center;
z-index:99;
}
#conteudo {
position:relative;
text-align:left;
width:1000px;
margin:0px auto;
display:table;
z-index:10;
}
.ie #conteudo, .ie7 #conteudo {
margin-bottom:30px;
}
#home {
position:relative;
margin:30px 66px 40px 66px;
display:table;
height:100%;
}
div#home:after{
content:"." !important;
display:block !important;
clear:both !important;
visibility:hidden !important;
height:0 !important;
overflow:hidden !important;
}
/*INICIO BOX P*/
#home_box_p {
position:relative;
display:table-cell;
float:left;
width:294px;
margin-right:25px;
}
#home_box_p h5 {
background:url(../imagens/box_p_topo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
#home_box_p h6 {
background:url(../imagens/box_p_baixo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
#home_box_p_bg {
background:url(../imagens/box_p_bg.jpg) repeat-y;
padding:2px 20px;
}
.ie #home_box_p_bg, .ie7 #home_box_p_bg {
position:relative;
}
.home_box_bor {
border:1px #d8d8d8 solid;
background-color:#fff;
}
.logotipo {
overflow:hidden;
padding: 20px 15px;
text-align:left;
}
.logotipo p { margin:0 0 10px; font-size:12px; font-weight:bold; color:#717171;}
.logotipo .orsitecSocial { margin:0 0 30px; border:none; background:none; }
.logotipo .orsitecSocial a { display:block; width:167px; height:41px; text-indent:-999px; background:url('../imagens/logo_orsitec_social.jpg') no-repeat; }
p.logoEdoc a {width:109px; height:57px; display:block; text-indent:-9999em; overflow:hidden; background:url(../imagens/logo_edoc.png) no-repeat;}
ul.redes_lista { overflow:hidden; height:30px; margin:0 -15px 25px 0; list-style:none; }
ul.redes_lista li { display:block; float:left; margin:0 15px 0 0; }
ul.redes_lista li a { display:block; height:30px; margin:0 auto; font-size:1px; text-indent:-9999px; }
ul.redes_lista li.twitter a { width:102px; background:url('../imagens/logo_twitter.jpg') no-repeat 0 -30px; }
ul.redes_lista li.twitter a:hover { background-position:0 0; }
ul.redes_lista li.orkut a { width:81px; background:url('../imagens/logo_orkut.jpg') no-repeat 0 -30px; }
ul.redes_lista li.orkut a:hover { background-position:0 0; }
ul.redes_lista li.facebook { margin:0; }
ul.redes_lista li.facebook a { width:108px; background:url('../imagens/logo_facebook.jpg') no-repeat 0 -30px; }
ul.redes_lista li.facebook a:hover { background-position:0 0; }
.bt_spc {
padding-left:30px;
padding-top:5px;
float:right !important;
}
.box_input {
background:#fff;
border:1px #e8e8e8 solid;
width:220px;
height:25px;
font-size:11px;
color:#7e7e7a;
padding:4px;
margin-bottom:5px;
}
#home_box_p label {
display:block;
padding-bottom:3px;
}
#home_box_p h6.first {
margin-bottom: 20px;
}
/*FIM BOX P*/
/*INICIO BOX G*/
#home_box_g {
position:relative;
display:table-cell;
float:left;
width:549px;
}
#home_box_g h5 {
background:url(../imagens/box_g_topo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
#home_box_g h6 {
background:url(../imagens/box_g_baixo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
#home_box_g_bg {
background:url(../imagens/box_g_bg.jpg) repeat-y;
padding:2px 20px;
}
.ie #home_box_g_bg, .ie7 #home_box_g_bg {
position:relative;
}
.bt_spc2 {
padding-left:15px;
}
/*FIM BOX G*/
/*INICIO BOX INTERNA*/
#home_box_interna {
position:relative;
display:table-cell;
float:left;
width:868px;
}
#home_box_interna h5 {
background:url(../imagens/box_int_topo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
#home_box_interna h6 {
background:url(../imagens/box_int_baixo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
#home_box_interna_bg {
background:url(../imagens/box_int_bg.jpg) repeat-y;
padding:2px 20px;
}
.ie #home_box_interna_bg, .ie7 #home_box_interna_bg {
position:relative;
}
/*FIM BOX INTERNA*/
.home_box_cont {
padding:15px;
font-size:11px;
color:#7e7e7a;
position:relative;
display:table;
height:100%;
}
.home_box_cont ul {
padding:0px 0px 7px 14px;
margin:0px;
list-style-image:url(../imagens/li_img.jpg);
}
.ie .home_box_cont ul, .ie7 .home_box_cont ul {
padding:0px 0px 0px 16px;
}
.home_box_cont li, .home_box_cont li a {
line-height:17px;
color:#7e7e7a;
}
.home_box_cont li a:hover {
text-decoration:underline;
}
#home_box_bt {
position:relative;
height:22px;
}
#home_box_bt div {
float:left;
display:table-cell;
position:relative;
}
#home_box_bt_ {
position:relative;
height:22px;
}
#home_box_bt_ div {
float:left;
display:table-cell;
position:relative;
padding-top:5px;
}
.botao {
text-decoration:none;
color:#9fb7b7;
background:url(../imagens/seta.jpg) 0px 2px no-repeat;
padding-left:15px;
}
.ie .botao, .ie7 .botao {
padding-right:2px;
}
.botao:hover {
text-decoration:underline;
}
.box_tit {
margin:0px;
padding:0px;
background-color:#717171;
border:1px #ffffff solid;
padding:15px;
}
.box_tit_social {
margin:0px;
padding:0px;
color: #FFF;
background-color:#a3d0e3;
border:1px #ffffff solid;
padding:15px;
margin-bottom: 15px;
}
/*FIM MEIO*/
/*INÍCIO BAIXO*/
#baixo {
background:#f4f4f4;
text-align:center;
}
#rodape{
width:1000px;
margin:auto;
text-align:left;
position:relative;
font-size:11px;
color:#797979;
z-index:1;
}
#rodape a {
font-size:10px;
color:#797979;
text-decoration:none;
}
#rodape a:hover {
text-decoration:underline;
}
#cont_rodape {
padding:25px 0px;
display:table;
}
.ie #cont_rodape, .ie7 #cont_rodape {
height:100%
}
#cont_rodape div {
position:relative;
float:left;
display:table-cell;
}
#rdp1 {
padding-left:66px;
}
#rdp2 {
padding:10px 0px 0px 50px;
}
#rdp3 {
padding:10px 0px 0px 90px;
}
/*FIM BAIXO*/
/*INICIO INTERNAS*/
.voltar {
text-decoration:none;
color:#9fb7b7;
background:url(../imagens/voltar.jpg) 0px 4px no-repeat;
padding-left:12px;
cursor:pointer;
}
.ie .voltar, .ie7 .voltar {
padding-right:2px;
}
.bt_voltar {
width:796px !important;
margin-top:15px;
float:left;
}
.voltar:hover {
text-decoration:underline;
}
/*FIM INTERNAS*/
/*INICIO INFORMATIVO*/
.tit_informativo {
font-size:12px;
padding:0px 0px 5px 12px;
margin-bottom:15px;
border-bottom:1px #eee solid;
background:url(../imagens/li_img.jpg) 0 3px no-repeat;
}
.informativo li {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px #eee solid;
}
#paginacao {
text-align:center;
padding-top:15px;
margin:auto;
width:796px;
}
.td_pag {
padding: 7px 0px;
}
.LinkPag {
padding:5px 10px;
margin:1px;
color:#a8a8a8;
font-size:11px;
background-color:#ffffff;
text-decoration:none;
border:1px #e8e8e8 solid;
}
.LinkPagSelect, .LinkPag:hover {
padding:5px 10px;
margin:1px;
color:#7e7e7a;
font-size:11px;
background-color:#ffffff;
text-decoration:underline;
border:1px #e8e8e8 solid;
}
.LinkPagDesativado {
padding:5px 10px;
margin:1px;
color:#7e7e7a;
font-size:11px;
background-color:#ffffff;
text-decoration:none;
border:1px #e8e8e8 solid;
}
/*FIM INFORMATIVO*/
/*INICIO EMPRESA*/
.tit_empresa {
font-size:12px;
padding:0px 0px 5px 12px;
margin:20px 0px 5px 0px;
border-bottom:1px #eee solid;
background:url(../imagens/li_img.jpg) 0 3px no-repeat;
}
.tit_empresa1 {
margin-top:0px;
}
/*FIM EMPRESA*/
/*INICIO CONTATO*/
#interna label {
padding:10px 0px 5px 0px;
}
.bt_cadastro {
margin:10px 0px 0px 232px;
}
.bt_contato {
margin:10px 0px 0px 248px;
}
.contato_input {
height:25px;
border:1px #e8e8e8 solid;
width:300px;
display:block;
padding:4px;
color:#7e7e7a;
font-size:11px;
}
.contato_select {
height:25px;
height:25px;
border:1px #e8e8e8 solid;
width:300px;
display:block;
padding:4px;
color:#7e7e7a;
font-size:11px;
}
.contato_texta {
height:100px;
border:1px #e8e8e8 solid;
width:300px;
display:block;
padding:4px;
color:#7e7e7a;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
/*FIM CONTATO*/
/*INICIO EMPRESA*/
#empresa_esq {
width:593px;
float:left;
}
#empresa_dir {
width:203px;
float:left;
}
/*FIM EMPRESA*/
/*INICIO EVENTO*/
#box_evento {
margin-left:24px;
color:#000000;
width:190px;
}
#box_evento_cont {
padding:5px 0px 1px 21px;
background:url(../imagens/even_bg.jpg);
}
#box_evento h5 {
background:url(../imagens/even_tit.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:27px;
}
#box_evento h6 {
background:url(../imagens/even_baixo.jpg) no-repeat;
font-size:1px;
margin:0px;
padding:0px;
text-indent:-1999em;
height:15px;
}
/*FIM EVENTO*/
/*INICIO GALERIA*/
.galeria {
margin-top:21px;
}
.galeria TD {
text-align:center;
width:20%;
padding-bottom:43px;
}
.galeria img {
border:3px #dcdcdc solid;
}
.data {
font-weight:normal;
font-size:11px
}
/*FIM GALERIA*/
#interna {
width:796px;
}
#interna a {
color:#7e7e7a;
}
#interna a:hover {
text-decoration:underline;
}
.img_interna {
float:right;
position:relative;
background-color:#FFFFFF;
margin:-16px -14px 15px 5px;
}
.ie .img_interna, .ie7 .img_interna {
margin:-16px -17px 15px 5px;
}
#clear {
clear:both;
}
/*ORSITEC-SOCIAL*/
.clear { clear: both; }
img.f_left { float: left; margin-right: 15px; }
img.f_left_ { float:left; margin-right:25px; }
img.f_right { float: right; margin-left: 15px; }
.social { width: 828px; border-top: 5px solid #FFF; background: url(../imagens/bg_orsitec_social.jpg) top repeat-x #d4e9ed; }
#socialTop { width: 878px; height: 162px; background: url(../imagens/bg_orsitec_social_top.png) no-repeat; position: absolute; margin: -45px 0px 0px 20px; }
.ie #socialTop { margin: -45px 0px 0px 0px; }
.ie7 #socialTop { margin: -45px 0px 0px 20px; }
.ie8 #socialTop { margin: -45px 0px 0px 20px; }
#socialBottom { width: 839px; height: 140px; background: url(../imagens/bg_orsitec_social_bottom.png) no-repeat; position: absolute; margin: -137px 0px 0px -5px; }
.ie #socialBottom { margin: -135px 0px 0px -5px; }
.ie7 #socialBottom { margin: -135px 0px 0px 12px; }
.ie8 #socialBottom { margin: -135px 0px 0px 14px; }
#introSocial { width: 770px; margin: 0px 29px; padding: 140px 0 30px; margin-bottom: -140px; font-size: 12px; line-height: 150%; color: #484848; }
#socialIn { width: 770px; margin: 0px 29px; padding: 140px 0px 100px; }
.socialChamadaTop { height: 5px; font-size: 0px; background: url(../imagens/bg_orsitec_social_chamada_top.gif) no-repeat; }
.socialChamadaBottom { height: 5px; font-size: 0px; margin-bottom: 15px; background: url(../imagens/bg_orsitec_social_chamada_bottom.gif) no-repeat; }
.socialChamada { width: 770px; padding: 20px 0px; background-color: #eaf4f6; background-position: center left; background-repeat: no-repeat; }
.socialChamada p { font-size: 12px; margin: 0px; padding: 15px 35px 7px 140px; line-height: 140%; }
.socialChamada p .saibaMais { padding-left: 15px; color: #469fb0; background: url(../imagens/seta.gif) left no-repeat; }
.thumb_eventos { float: left; margin: 0px 20px; }
.chamada1 { background-image: url(../imagens/bg_chamada1.gif); }
.chamada2 { background-image: url(../imagens/bg_chamada2.gif); }
.chamada3 { background-image: url(../imagens/bg_chamada3.gif); }
.chamada4 { background-image: url(../imagens/bg_chamada4.gif); }
.social_apresentacao { padding-bottom: 30px; }
.social_apresentacao1 { background: url(../imagens/ico_cresca_consciente.gif) no-repeat; zoom: 1; }
.social_apresentacao2 { background: url(../imagens/ico_mais_amor.gif) no-repeat; zoom: 1; }
.social_apresentacao3 { background: url(../imagens/ico_hora_doar.gif) no-repeat; zoom: 1; }
.social_apresentacao4 { background: url(../imagens/ico_dia_feliz.gif) no-repeat; zoom: 1; }
.social_apresentacao p { width: 600px; font-size: 12px; color: #484848; line-height: 150% !important; }
h2#orsitec_social { padding:15px 0 0 2px; color: #484848; font-weight: normal; text-transform: uppercase; font-size: 24px; letter-spacing: -2px; text-shadow: #fff 2px 1px 0px; }
#socialGaleria { margin: 0px -30px 0px 0px !important; width:800px; position: relative; overflow: hidden; }
#socialGaleria li { list-style: none; float: left; width: 370px; padding-top: 15px; margin: 0px 30px 15px 0px; background: url(../imagens/bg_socialgalerias_top.gif) top no-repeat #eaf4f6; }
.ie7 #socialGaleria li { margin: 0px 10px 15px 20px !important; }
.ie8 #socialGaleria li { margin: 0px 10px 15px 20px !important; }
#socialGaleria li .socialGaleria { padding: 0px 15px 15px; background: url(../imagens/bg_socialgalerias_bottom.gif) bottom no-repeat; }
#socialGaleria li .socialGaleria span { font-size: 9px; color: #aaa9a9; padding-bottom: 5px; display: block; }
#socialGaleria li .socialGaleria p { font-size: 11px; color: #484848; line-height: 130%; }
#socialGaleria li .socialGaleria .verGaleria { padding-left: 15px; color: #469fb0; background: url(../imagens/seta.gif) left no-repeat; }
#galeriaThumbs { padding: 25px; margin-bottom: 20px; background: #EAF4F6; -moz-border-radius: 4px 4px 4px 4px; }
#galeriaThumbs h3 { padding: 0 0 10px 30px; color: #19779f; font-size: 18px; font-weight: bold; }
#galeriaThumbs h3 span { display: block; padding-top: 5px; font-size: 12px; font-weight: normal; }
#galeriaThumbs li { list-style: none; float: left; width: 120px; margin: 7px; }
#galeriaThumbs li a { display: block; border: 5px solid #FFF; }
#galeriaThumbs li a:hover { border: 5px solid #A3D0E3; }
#galeriaThumbs span.voltar { display: block; width: 40px; height: 25px; padding: 0 10px 0 25px; margin: 10px 0 0 30px; font-size: 12px; font-weight: bold; background-color: #FFF; background-position: 10px 9px; }
#galeriaThumbs span.voltar a { color: #19779f; line-height: 25px; }
/*THICKBOX*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') !important; }
#TB_window { width: 521px; position: fixed; background: url(../imagens/bg_thickbox_bottom.gif) bottom no-repeat #ffffff; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeWindowButton { display: block; width: 54px; height: 24px; background: url(../imagens/bt_fechar.jpg) no-repeat; }
#TB_closeAjaxWindow{ padding: 15px 15px 5px 0px; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float: left; font-size: 18px; color: #a3d0e3; font-weight: normal; letter-spacing: -1px; padding: 20px 5px 0px 15px; }
#TB_title{ height: 45px; background: url(../imagens/bg_thickbox_top.gif) no-repeat top; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow: hidden; }
.ie #TB_ajaxContent{ width: 561px !important; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:0px; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; _margin-bottom:1px; overflow: hidden; }
#thickbox_visualizacao { float: left; width: 400px; height: 300px; margin-bottom: 10px; }
#thickbox_thumbs { float: right; overflow: auto; width: 104px; height: 300px; }
#thickbox_thumbs ul { margin-left: 0px; }
#thickbox_thumbs li { list-style: none; margin-bottom: 10px; }
#thickbox_thumbs li img { width: 78px; height: 78px; }
/*FLOATER PÁGINA INICIAL*/
#homeFloater { margin: 0px auto; margin-top: -300px; position: absolute; z-index: 99; }
#homeFloater #close { float: right; margin-top: 10px; display: block; width: 62px; height: 32px; text-indent: -9999px; background: url(../imagens/floater-close.png) no-repeat; cursor: pointer; }
#homeFloater .topL { float: left; display: block; width: 10px; height: 10px; background: url(../imagens/float-left-top.png) no-repeat; font-size: 0px; }
#homeFloater .topR { float: left; display: block; width: 10px; height: 10px; background: url(../imagens/float-right-top.png) no-repeat; font-size: 0px; }
#homeFloater .bottomL { float: left; display: block; width: 10px; height: 10px; background: url(../imagens/float-left-bottom.png) no-repeat; font-size: 0px; }
#homeFloater .bottomR { float: left; display: block; width: 10px; height: 10px; background: url(../imagens/float-right-bottom.png) no-repeat; font-size: 0px; }
#homeFloater .top { float: left; display: block; height: 9px; background: #FFF; border-top: 1px solid #afafaf; font-size: 0px; }
#homeFloater .bottom { float: left; display: block; height: 10px; background: #FFF; border-bottom: 1px solid #afafaf; font-size: 0px; }
.gecko #homeFloater .bottom { float: left; display: block; height: 9px; background: #FFF; border-bottom: 1px solid #afafaf; font-size: 0px; }
#homeFloater .image { clear: both; margin-top: -1px; margin-bottom: -1px; padding: 0px 9px; background: #FFF; border: 1px solid #afafaf; border-top: none; border-bottom: none; }