*{margin:0;padding:0;text-decoration:none;} body{background-color:#EEE} /*Topo do site-------------------------------------------------------------------*/ #topo{width:100%;min-height:150px;background-color:#FF3D17;float:left;} #topo_centro{max-width:1200px;min-height:120px;margin: 0 auto;} .logotopo{width:350px;height:auto;float:left;margin:20px 20px 20px 0;} #tel{width:200px;min-height:50px;border:0px solid #FFF;float:right;margin:50px 0 0 0} #tel span{color:#FFF;margin:10px;font-size:18px;float:left;font-weight:100;font-family:calibri,sans-serif} #user{width:255px;min-height:50px;border:0px solid #FFF;float:right;margin:50px 0 0 0;position:relative;} #user_2{width:255px;min-height:50px;border:0px solid #FFF;float:right;margin:0 0 0 0;position:relative;} #user span{color:#FFF;margin:20px 10px;font-size:18px;float:left;font-weight:100;font-family:calibri,sans-serif; text-decoration:none;transition:0.2s;cursor:pointer;} #user_2 span{color:#FFF;margin:10px 10px;font-size:18px;float:left;font-weight:100;font-family:calibri,sans-serif; text-decoration:none;transition:0.2s;cursor:pointer;} #user_2 span:hover #login_box2{display:block;animation:login_anim 0.5s 1;} #user .cad{color:#FFF;font-size:18px;float:left;font-weight:100;font-family:calibri,sans-serif; text-decoration:none;transition:0.2s;cursor:pointer;position:relative;top:20px;margin:0 5px} #user a:hover{font-size:18px;position:relative} #user span{float:left;color:#FFF;margin-top:20px;} .ico_top{width:30px; height:auto;float:left;margin-top:20px;} #user:hover .ico_top{animation-name: icones;position:relative; animation-duration:0.8s; animation-iteration-count:infinite;transform:scale(1)} @keyframes icones{ 0%{transform:scale(1)} 50%{transform:scale(1.1)} } /*------------------------------estilização das páginas de postagens e notícias---*/ .foto_site{width:98%;height:auto;margin: 20px 1%;} .titulo_post_site{font-size:22px;color:#222;font-family:calibri,sans-serif;width:95%; font-weight:900;padding:5px 10px;float:left;text-align:center;} .data_post_site{font-size:16px;color:#555;font-family:calibri,sans-serif;width:95%;text-align:center;margin-top:20px} .data_post_site img{width:20px;height:auto;margin:0 5px;} .paragrafo_post_site{font-size:18px;color:#555;font-family:calibri,sans-serif;width:95%;text-align:justify;margin-top:20px;} /*-------------------------------fim estilização das paginas de postagens-----------*/ /*---------------------------------------login box--*/ #login_box{width:200px;min-height:200px;background-color:#222;position:absolute;z-index:2000;margin-left:-20px;border-radius:3px;padding:5px; box-shadow:-0px -1px 10px rgba(0,0,0,0.5);transition:0.2s;display:none;margin-top:0px;opacity:1;overflow:hidden;} #login_box a{text-decoration:none;color:#FFF;font-size:14px;padding:10px;background-color:#333;width:100%;float:left;margin-bottom:2px;transition:0.2s} #login_box a:hover{text-decoration:none;color:#FFF;font-size:14px;background-color:#FF3D17;padding:10px 5px 10px 20px;} #login_box2{width:200px;min-height:200px;background-color:#222;position:absolute;z-index:2000;margin-left:-20px;border-radius:3px;padding:0px 0;overflow:hidden; box-shadow:-0px -1px 10px rgba(0,0,0,0.5);transition:0.2s;display:none;margin-top:0px;opacity:1;} #login_box2 a{text-decoration:none;color:#FFF;font-size:14px;padding:0px;background-color:#333;width:100%;float:left;margin-bottom:2px;transition:0.2s} #login_box2 a:hover{background-color:#FF3D17;} #login_box2 a:hover .ico_login2{margin-left:35px} .ico_login{width:20px;height:auto;float:left;margin-right:10px;} .ico_login2{width:20px;height:auto;float:left;margin-right:10px;margin-left:25px;transition:0.3s} #user span:hover #login_box{display:block;animation:login_anim 0.5s 1;} @keyframes login_anim{ 0%{margin-top:-20px;opacity:0} 50%{margin-top:0;opacity:1} } .login_img{width:25%;height:auto;float:left;margin: 10px 31.5%;border:1px solid #333;padding:3% 3%;float:left;} .txt_login{width:96%;height:25px;margin:5px 0;padding:0 1%;background-color:#222;border:1px solid #444;color:#CCC;float:left;} .txt_label_login{float:left;font-size:14px;color:#CCC;} .bt_logar{padding:5px 20px;margin-top:10px;margin-bottom:20px;cursor:pointer;} /*---------------------------------------login box--*/ /*---------------------------------------------ADM SITE-------*/ .menu_adm{position:fixed;width:230px;height:1000px;left:-230px;top:-20px;background-color:#222;padding-top:30px;z-index:2;} .menu_adm ul{list-style:none;margin-left:10px;} .menu_adm ul li{color:#FF3D17;width:100%;font-family:calibri,sans-serif} .menu_adm ul li a{text-decoration:none;color:#CCC;font-size:14px;padding:5% 10%;background-color:#333;width:80%;float:left;margin-left:-10px;transition:0.2s; margin-bottom:2px;font-family:calibri,sans-serif} .menu_adm ul li a:hover{background-color:#FF3D17;color:#FFF;padding:5% 5% 5% 15%} #open{position:absolute;right:-42px;top:25px;width:50px;height:200px;background-color:#222;border-radius:10px;z-index:-1;cursor:pointer;} .ico_setas{width:20px;height:auto;float:left;margin:15px;transition:0.2s} #open:hover .ico_setas{width:25px;float:left} .txt_painel{font-family:calibri,sans-serif;color:#CCC; transform: rotate(90deg);float:right;width:120px; border:0px solid red;margin-right:-40px;margin-top:50px;transition:0.3s} #open:hover .txt_painel{color:#FFF;margin-top:55px;} /*-----------------ADM PAGE-*/ #content_adm{width:97%;margin:1px 1.5% 20px 1.5%;border:0px solid red;min-height:300px;float:left;overflow:hidden} .blocos_explicativos{width:46.5%;height:150px;border-radius:2px;float:left;border:1px solid #CCC;margin:10px 1.5%;transition:0.2s} .blocos_explicativos:hover{border:1px solid #FF3D17} .titulo_adm{color:#FF3D17;width:100%;font-family:calibri,sans-serif;font-size:25px;font-weight:400;margin:10px;float:left;} .paragrafo_adm{color:#555;width:100%;font-family:calibri,sans-serif;font-size:18px;margin:-10px 10px 10px 10px;float:left;} .link_inner{width:92%;margin:20px 3.5% 5px 3.5%;height:50%;border:0px solid orange;float:left;} .ico_login_adm{width:65px;height:auto;float:left;} .link_inner_adm{color:#FF3D17;font-family:calibri,sans-serif;font-size:30px;margin:20px 10px;text-decoration:none;float:left;} .explica_link{color:#555;font-family:calibri,sans-serif;font-size:14px;float:left;width:92%;margin:0px 3.5% 10px 3.5%;} /*------------------form postagem--*/ .titulo_form_adm{color:#FF3D17;font-family:calibri,sans-serif;font-size:18px;margin:10px 10px;float:left;} .campop{width:20%;margin:1px 1.5% 20px 1.5%;float:left;height:35px;border-radius:2px;border:1px solid #FF3D17;padding:8px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} .campo1{width:95%;margin:1px 1.5% 20px 1.5%;float:left;height:35px;border-radius:2px;border:1px solid #FF3D17;padding:8px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} .campo_e1{width:45%;margin:1px 1.5% 20px 1.5%;float:left;height:35px;border-radius:2px;border:1px solid #FF3D17;padding:8px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} .campo_e2{width:29%;margin:1px 1.5% 20px 1.5%;float:left;height:35px;border-radius:2px;border:1px solid #FF3D17;padding:8px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} .campodata{width:25%;margin:1px 1.5% 20px 1.5%;float:left;height:35px;border-radius:2px;border:1px solid #FF3D17;padding:5px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} .campo2{width:95%;margin:1px 1.5% 20px 1.5%;float:left;min-height:100px;border-radius:2px;border:1px solid #FF3D17;padding:8px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} .bt1{padding:5px 1%;color:#333;font-family:calibri,sans-serif;font-size:16px;float:left;margin:1px 0 20px 1.5%;cursor:pointer;} /*--------------------form avaliaçãoo--*/ #resultados_clientes{width:95%;margin:1px 1.5% 20px 1.5%;float:left;min-height:0px;border-radius:2px;border:1px solid #FF3D17;padding:8px 1%;font-size:16px;color:#555;font-family:calibri,sans-serif;} #resultados_clientes a{color:#06f;font-family:calibri,sans-serif;font-size:16px;width:97%;margin:0px 1% 10px 1%;transition:0.2s;text-decoration:none;padding:5px 5px} #resultados_clientes a:hover{color:#09f;margin:0px 1% 10px 1%;padding:5px 5px} .link_op_avaliacao{color:#06f;font-family:calibri,sans-serif;font-size:16px;width:96%;margin:5px 1% 10px 1%;transition:0.2s;text-decoration:none;padding:10px 15px; background-color:#EEE;float:left;border:1px solid #FFF} .link_op_avaliacao:hover{color:#09f;border:1px solid #333} #resultados_clientes table tr td{padding:5px 20px} .respostas_pgl{width:97%;height:25px;border:1px solid #CCC;float:left;padding:10px 10px;margin:0.7% 1%;font-size:16px;} .tab_escala table tr{height:20px;} .txt_nivel_inter{width: 100%; font-size: 16px; font-family: calibri,sans-serif; padding: 2px;} /*----tela do cliente--*/ .blocos_cliente{width:20%;min-height:100px;border:0px solid #FF3D17;float:left;margin-right:2%;} .blocos_cli{width:53.5%;min-height:100px;border:0px solid #FF3D17;float:left;} .campo_cliente{width:76%;margin:-10px 2% 0 2%;height:4.5%;float:left;border:1px solid #FF3D17;padding:2%;} .campo_cliente_m{width:86%;margin:-10px 2% 0 2%;height:4.5%;float:left;border:1px solid #FF3D17;padding:1%;} .lupa_cliente{width:8.5%;height:auto;float:left;border:1px solid #FF3D17;padding:2%;margin:-10px 2% 0 -2%;} .lupa_cliente_m{width:3.6%;height:auto;float:left;border:1px solid #FF3D17;padding:0.5%;margin:-10px 2% 0 -1.9%;} #tabela_cliente{border:1px solid #FF3D17;width:96%;color:#FF3D17;font-family:calibri,sans-serif;padding:10px 1%;font-size:16px;} #tabela_cliente tr:nth-child(1){color:#FF3D17} #tabela_cliente tr:nth-last-child(1) td{border-bottom:0px solid #CCC} #tabela_cliente tr{color:#555;padding:20px 0} #tabela_cliente tr td{border-bottom:1px solid #CCC;padding:7px 0} #tabela_cliente tr td a{text-decoration:none;transition:0.2s;font-family:calibri,sans-serif} #tabela_cliente tr td a:hover{color:#09f;text-decoration:underline} .agendamento_cliente{width:90px;height:auto;float:left;margin-left:10px} .txt_agendamento{color:#555;font-family:calibri,sans-serif;padding:10px 1%;font-size:16px;float:left;} #div_agendamento{width:100%;height:auto;float:left;} #tb_agendamento{border:0px solid #FF3D17;width:96%;color:#555;font-family:calibri,sans-serif;padding:10px 1%;font-size:16px;} #tb_agendamento tr td a{text-decoration:none;transition:0.2s;font-family:calibri,sans-serif} #tb_agendamento tr td a:hover{color:#09f;text-decoration:underline} .tabela_agenda{text-decoration:none;transition:0.2s;font-family:calibri,sans-serif;margin-left:10px;} .tabela_agenda:hover{color:#09f;text-decoration:underline} /*---------------------------------------------------------------------------------------------------------*/ /*---------------------------tela de cadastro de funcionarios---*/ .link_cadastro_funcionarios{text-decoration:none;color:#09f;margin-left:20px;float:left;margin-top:-10px;font-family:calibri,sans-serif;transition:0.2s;} .link_cadastro_funcionarios:hover{color:#03f;margin-left:25px;} .input_txt_cad{width:30%;height:25px; border:1px solid #CCC;float:left;margin:10px 0px 10px 20px;padding:5px;font-size:16px; color:#333;font-family:calibri,sans-serif; transition:0.2s} .input_txt_cad:hover{border:1px solid #333} /*-----------------------questionários de mudança de comportamento de atividade ---*/ #margem_qm{width:75%;height:auto;margin:0 auto;border:0px solid red;overflow:hidden;} .titulo_qm{color:#333;font-family:calibri,sans-serif;font-size:20px;font-weight:600;margin-bottom:30px;margin-top:20px;float:left;width:100%;} .paragrafo_qm{width:100%;color:#333;font-family:calibri,sans-serif;font-size:16px;margin-bottom:40px;float:left;} #margem_qm table{width:100%;margin-bottom:40px;border:1px solid #ccc;} #margem_qm table tr td{ width:100%;font-size:16px; font-family:calibri,sans-serif;padding:2px} .bt_qm{padding:5px;color:#333;font-size:16px; font-family:calibri,sans-serif;margin-bottom:40px;} .resultados_postagens{width:96%;border:1px solid #333;float:left;padding:15px 10px;margin:10px 0;height:30px;overflow:hidden;transition:0.2s;background-color:#FFF; font-family:calibri,sans-serif;cursor:pointer} .resultados_postagens:hover{border:1px solid orange} .resultados_postagens2{width:96%;border:1px solid #333;float:left;padding:15px 10px;margin:10px 0;height:30px;overflow:hidden;transition:0.2s;background-color:#FFF; font-family:calibri,sans-serif;cursor:pointer} .resultados_postagens2:hover{border:1px solid orange} .r2{width:96%;border:1px solid orange;float:left;padding:15px 10px;margin:10px 0;height:340px;overflow:hidden;transition:0.2s;background-color:#FFF; font-family:calibri,sans-serif;animation: r2 1s} @keyframes r2{ 0%{height:30px} 50%{height:340px} } .r3{width:96%;border:1px solid orange;float:left;padding:15px 10px;margin:10px 0;height:30px;overflow:hidden;transition:0.2s;background-color:#FFF; font-family:calibri,sans-serif;animation: r3 1s} @keyframes r3{ 0%{height:340px} 50%{height:30px} } /*----------------------questionário de fadiga---*/ #margem_qm #avaliacao_fadiga{border:none} #avaliacao_fadiga tr td{border:1px solid #CCC;text-align:center;color:#333;font-family:calibri,sans-serif;font-size:16px;transition:0.2s} #avaliacao_fadiga tr td:hover{border:1px solid #333} .link_servicos{font-family:calibri,sans-serif;font-size:16px;text-decoration:none;padding:5px;border:1px solid #CCC;color:#06f;transition:0.2s;background-color:#FFF} .link_servicos:hover{background-color:#f60;color:#FFF} .voltar_dados_funcionario{padding:5px 20px;border:1px solid #EEE;background-color:#EEE;float:left;margin:10px 0 10px 0;transition:0.2s;color:#09f} .voltar_dados_funcionario:hover{border:1px solid #333} #i_jornada{width:98%;float:left;border:0px solid red;} #i_jornada li{border-bottom:1px dashed #CCC;list-style:none;} #i_jornada li:nth-child(even){background-color:#FFE;} #m_jornada{width:98%;float:left;border:0px solid red} #m_jornada li{border-bottom:1px dashed #CCC;list-style:none;} #m_jornada li:nth-child(even){background-color:#FFE;} #f_jornada{width:98%;float:left;border:0px solid red} #f_jornada li{border-bottom:1px dashed #CCC;list-style:none;} #f_jornada li:nth-child(even){background-color:#FFE} #inicio_jornada, #meio_jornada, #fim_jornada{cursor:pointer;} .item_lista_fatiga{float:right;} /*----------------------------------------------------Serviços do site---*/ #box_servicos{width:98%;min-height:200px;float:left;border:0px dotted red} .lista_principal{list-style-image: url('../imgs_estrutura/ball.png');margin-left:20px;} .lista_principal .ia{color:#f60;font-family:calibri,sans-serif;font-size:18px;cursor:pointer;transition:0.1.5s} .lista_principal .ia:hover{color:#333} .sublista_principal{list-style:none;margin-left:10px;display:none;overflow:hidden} .sublista_principal .ib{float:left;color:#555;font-family:calibri,sans-serif;font-size:18px;margin:20px 0;} /*----------------------------------------------------Serviços do site---*/ #barra{width:100%;min-height:50px;background-color:#222;position:fixed;z-index:2000;top:-55px; box-shadow:-0px -1px 10px rgba(0,0,0,0.5);} #barra_centro{max-width:1200px;margin:0 auto;} #barra a{float:right;color:#FFF;text-decoration:none;padding:12px 20px;font-size:16px;font-family:calibri,sans-serif;transition:0.2s; cursor:pointer;} #barra a:hover #login_box{display:block;animation:login_anim 0.5s 1;} #barra .menu_bar{float:left;color:#FFF;text-decoration:none;padding:10px 20px;/*transition:0.2s*/;font-size:16px; font-family:calibri,sans-serif;position:relative;cursor:pointer;transition: 0.2s} #barra .menu_bar img{width:25px; height:auto;margin:2px 5px;float:left;} #barra .menu_bar:hover img{transform:scale(1.1)} #barra .menu_bar:hover{font-size:18px;} .ico_barra{width:110px;height:auto;float:left;margin:5px;cursor:pointer}/*logotipo icone*/ .mensagem_index{font-size:16px;color:#FFF;float:left;margin-top:15px;margin-left:-20px;font-family:calibri,sans-serif;opacity:0;transition:0.2s;} .ico_barra:hover ~ span{opacity:1;margin-left:20px;} /*sub menu da barra----------------*/ #sub_menu_bar{width:300px;min-height:250px;position:absolute;background-color:#222;top:50px; box-shadow:-0px -1px 10px rgba(0,0,0,0.5);display:none;} #sub_menu_bar ul{list-style:none;} #sub_menu_bar ul li a{width:240px;padding:15px 30px;background-color:#222;font-size:18px;} #sub_menu_bar ul li a:hover{background-color:#FF3D17;color:#FFF;padding:15px 20px 15px 40px;transition:0.2s} #sub_menu_bar ul li:hover > a{background-color:#FF3D17;color:#FFF;padding:15px 20px 15px 40px;} .sub_barra_menu{list-style:none;position:absolute;right:-300px;top:85px;z-index:1000;display:none;} .sub_barra_menu2{list-style:none;position:absolute;right:-300px;top:200px;z-index:1000;display:none;} .sub_barra_menu li a{padding:10px 30px;background-color:#F00} #sub_menu_bar ul li:hover .sub_barra_menu{display:block;animation:animbar 0.5s 1} #sub_menu_bar ul li:hover .sub_barra_menu2{display:block;animation:animbar 0.5s 1} @keyframes animbar{ 0%{right:-250px;opacity:0;} 50%{right:-300px;opacity:1;} } /*Menu do site------------------------------------------------------------------*/ /*menu principal------------*/ #menu{width:100%;background-color:#FF3D17;min-height:38px;float:left;} #menu_centro{max-width:1200px;margin: 0 auto; border:0px solid green} #menu_centro ul{list-style:none} #menu_centro ul li{float:left;position:relative;} #menu_centro ul li:hover > a{background-color:#FF3D17} #menu_centro ul li .menu{text-decoration:none;padding:15px 83px;background-color:#222;border-right:1px solid #555; color:#FFF;font-family:calibri,sans-serif;font-size:18px;border-top:1px solid #f75;transition:0.2s;} #menu_centro ul li:nth-child(1) a{border-left:0px solid #f75} #menu_centro ul li:nth-child(6) a{border-right:0px solid #f75} #menu_centro ul li .menu:hover{background-color:#FF3D17;padding-top:25px;border-right:1px solid #f75; box-shadow:-0px -5px 5px rgba(0,0,0,0.1);z-index:1000} .submenu{list-style:none;position:absolute;z-index:1000;top:35px;border:0px solid #FF3D17; box-shadow:-0px -1px 10px rgba(0,0,0,0.5);} /*submenu ------------*/ .submenu li{display:none;} .submenu li .smenu{float:left;width:200px;padding:20px;background-color:#222;text-decoration:none;font-size:18px;color:#FFF; transition:0.2s;font-family:calibri,sans-serif} .submenu li .smenu:hover{color:#FFF;padding-left:35px;padding-right:5px;} #menu_centro ul li:hover .submenu li{display:block;} /*slide do site--------------------------------------------------------------*/ #slide{width:100%;height:500px;float:left;background-color:#FFF;overflow:hidden;position:relative;} .imgslide{width:100%;height:auto;display:none;} /*corpo----------------------------------------------------------------------*/ #corpo{width:100%;min-height:500px;float:left;margin-top:20px;} #corpo_interno{max-width:1200px;min-height:200px;margin: 0 auto;background-color:#FFF;overflow:hidden; box-shadow:0px 0px 5px #CCC;border-radius:7px} .topicos_do_site{font-size:25px;color:#555;border-bottom:1px solid #CCC;font-family:calibri,sans-serif; font-weight:100;margin:20px 10px;padding:10px} .div_noticias{width:350px;min-height:320px;float:left;margin:20px 22px 0 22px;border:1px solid #FFF; transition:0.3s;position:relative} .div_noticias:hover{border:1px solid #FF3D17} .div_noticias:hover .img_noticias{transform:scale(1.3);opacity:1} .box_img_noticias{width:350px;height:auto;overflow:hidden;} .img_noticias{width:350px;height:auto;float:left;transition:0.5s;opacity:0.7} .titulos{font-size:22px;color:#222;margin:20px 10px 10px 10px;font-family:calibri,sans-serif;font-weight:900;float:left; text-decoration:none;transition:0.3s} .titulos:hover{color:#FF3D17} .paragrafos{font-size:16px;color:#222;margin:0px 10px 10px 10px;font-family:calibri,sans-serif;float:left;text-decoration:none;} /*-------------botão saber mais--*/ .saber_mais{padding:15px 30px;background-color:#FF3D17;color:#FFF;text-decoration:none;position:absolute;bottom:-30px; right:-30px;z-index:1000;opacity:0;transition:0.2s;font-family:calibri,sans-serif;} .div_noticias:hover .saber_mais{opacity:1;right:-10px;bottom:-20px} .saber_mais:hover{box-shadow:0px 0px 5px #AAA;} .dt_noticias{color:#555;left:10px;bottom:5px;font-family:calibri,sans-serif;float:left;position:absolute} /*---------------div postagens-*/ .div_postagens{width:350px;min-height:300px;border:1px solid #FFF;float:left;margin:15px;position:relative;transition:0.3s} .div_postagens:hover{border:1px solid #FF3D17;} .box_img_postagens{width:350px;height:auto;overflow:hidden;} .div_postagens .paragrafos{font-size:20px;color:#777;margin:10px;font-family:calibri,sans-serif;float:left;} .div_postagens .paragrafos:hover{color:#FF3D17} .div_postagens:hover .saber_mais{opacity:1;right:-10px;bottom:-20px} .saber_mais:hover{box-shadow:0px 0px 5px #AAA;} .div_postagens:hover .img_noticias{transform:scale(1.3);opacity:1} /*---------------Postagens do site-*/ #postagens{width:100%;min-height:400px;float:left;margin-top:50px;border:0px solid red;} /*-----------------FEED de notícias do site---*/ #box_feed{width:100%;height:auto;float:left;margin-top:100px;border:0px solid red;margin-bottom:50px} .feed_img{width:50px;height:auto;float:left;margin:-10px 10px 0 0;} #feed_esquerda{width:600px;height:150px;float:left;margin-right:20px;margin-left:20px} #feed_direita{width:540px;height:170px;float:left;background-color:#FF3D17;position:relative;transition:0.3s;} #box_feed h1{width:100%;float:left;font-size:30px;color:#1A1A1A;margin:10px 0px;font-family:calibri,sans-serif;font-weight:400} #box_feed p{width:100%;float:left;font-size:22px;color:#1A1A1A;font-family:calibri,sans-serif;font-weight:100;margin-top:-10px} .newsLetter{width:70px;height:auto;float:left;margin:10px;} #feed_direita p{width:70%;float:left;font-size:22px;color:#FFF;font-family:calibri,sans-serif;margin:20px;} .entradafeed{width:70%;margin:10px 2px 0 5%;float:left;height:20px;} .btnfeed{width:100px;padding:5px 30px;color:#FF3D17;float:left;margin-top:9px;border:none;cursor:pointer;background-color:#FFF} .checkfeed{position:absolute;bottom:10px;left:25px;} /*------------------ginastica laboral-----------------*/ #conteudo_esquerdo{width:28%;min-height:600px;float:left;border:1px solid #EEE;border-radius:10px;margin:20px;padding-bottom:20px;} .barra_titulo{width:100%;background-color:#FFF;float:left;margin-top:20px;} .barra_titulos{font-size:20px;color:#555;border-bottom:1px solid #DDD;font-family:calibri,sans-serif; font-weight:100;padding:5px 10px} .titulos_lateral{font-size:18px;color:#222;font-family:calibri,sans-serif; font-weight:500;padding:5px 10px;float:left;width:93%;text-decoration:none;transition:0.3s} .titulos_lateral:hover{color:#FF3D17} .dt_lateral{font-size:14px;color:#777;font-family:calibri,sans-serif;padding:0px 10px;float:left;width:93%;margin-bottom:15px} /*---news letter lateral---*/ #newsletter_lateral{width:93%;background-color:#FF3D17;min-height:140px;float:left;margin:0 3.5%} #feed_esquerda2{width:93%;min-height:170px;float:left;background-color:#FF3D17;position:relative;transition:0.3s;} .newsLetter_esquerda{width:50px;height:auto;float:left;margin:10px 5px;} #feed_esquerda2 p{width:65%;float:left;font-size:18px;color:#FFF;font-family:calibri,sans-serif;margin:20px;} .btnfeed_esquerda{width:70px;padding:5px 10px;color:#FF3D17;float:left;margin-top:9px;border:none;cursor:pointer;background-color:#FFF} .entradafeed_esquerda{width:71%;margin:10px 2px 0 2%;float:left;height:20px;} .checkfeed_esquerda{position:absolute;bottom:10px;left:5px;} #box_parceiros{width:93%;color:#FFF;min-height:200px;float:left;margin:20px 3.5%} .barra_titulos_parceiros{font-size:18px;color:#555;border-bottom:1px solid #DDD;font-family:calibri,sans-serif; font-weight:100;padding:5px 5px;margin-bottom:10px} .parceiros{width:135px;height:auto;float:left;margin:10px;} /*-------------------------------Agendar visita---*/ .text_agendar{width:96%;height:30px;float:left;border:1px solid #CCC;margin:10px 0;padding:0.5% 1%;font-family:calibri,sans-serif;font-size:16px;} .textarea_agendar{width:96%;height:100px;float:left;border:1px solid #CCC;margin:10px 0;padding:0.5% 1%;font-family:calibri,sans-serif;font-size:16px;} .submit_agendar{padding:5px 15px;font-family:calibri,sans-serif;font-size:16px;color:#333} /*-----fim conteudo esquerdo----*/ /*----------------------conteudo direito do site-----------*/ #conteudo_direito{width:65%;height:auto;float:left;border:0px solid #EEE;margin:20px;padding-bottom:20px;} .img_direita{width:100%;height:auto;float:left;margin-bottom:20px} .titulo_servicos{font-size:22px;color:#222;font-family:calibri,sans-serif;width:100%;margin-top:30px; font-weight:100;padding:5px 10px;float:left;text-align:center;} .titulo_servicos2{font-size:22px;color:#222;font-family:calibri,sans-serif;width:100%;margin-top:0px; font-weight:100;padding:5px 10px;float:left;text-align:center;} .titulo_servicos3{font-size:22px;color:#222;font-family:calibri,sans-serif;width:80%;margin:30px 10% -5px 10%; font-weight:100;float:left;text-align:left;} .titulo_servicos_esquerdo{font-size:22px;color:#222;font-family:calibri,sans-serif;width:95%;margin-top:20px; font-weight:100;padding:5px 10px;float:left;text-align:left;cursor:pointer;border-bottom:1px solid #DDD} .seta_d{width:10px;height:auto;margin:5px;position:relative;top:5px;transition:0.2s;} .titulo_servicos_esquerdo:hover {color:#FF3D17} .titulo_servicos_esquerdo:hover .seta_d{margin-left:10px;transform: rotate(90deg);top:7px} .info_clique{color:#999;font-size:16px;font-family:calibri,sans-serif;transition:0.2s;opacity:0;} .titulo_servicos_esquerdo:hover .info_clique{opacity:1;} /*--------------box_itens-------*/ .box_itens{width:95%;float:left;height:auto;overflow:hidden;padding:10px;display:none;} .lista_servicos{list-style-image: url('../imgs_estrutura/seta_direita_orange.png');width:95%;margin-left:50px;height:auto;} .lista_servicos2{list-style-image: url('../imgs_estrutura/seta_direita_orange.png');width:95%;margin-left:50px;height:auto;display:none;} .lista_servicos2 li{color:#222} .lista_servicos2 li:hover{color:#FF3D17;} .item_servicos{cursor:pointer;} .item_servicos:hover{color:#FF3D17;} .item_servicos{font-size:18px;font-family:calibri,sans-serif;position:relative} .p_servicos:first-letter{margin-left:20px} .p_servicos{font-size:18px;color:#222;font-family:calibri,sans-serif;width:97%;margin-top:30px;font-weight:100; padding:5px 10px;float:left;text-align:justify;} #box_agendamento{width:100%;min-height:200px;float:left;border-top:0px solid #DDD;margin-top:30px; font-size:18px;color:#222;font-family:calibri,sans-serif;font-weight:100;} .agendamento{text-decoration:none;padding:10px 20px;background-color:#FF3D17;float:left;margin:5px 0;border-radius:2px;color:#FFF} .agendamento img{width:30px;height:auto;float:left;margin:2px 5px 2px 0;} /*-----------------------------------------página de contato e suas classes-----*/ #container_contato{width:80%;height:auto;margin:45px auto;border:0px solid purple;overflow:hidden;} .label_txt{font-family:calibri,sans-serif;font-size:16px;color:#555;margin:5px 20px;float:left;width:150px;} .label_txt_i{font-family:calibri,sans-serif;font-size:16px;color:#555;margin:5px 20px;float:left;width:90%;text-align:center;} .input_txt{font-family:calibri,sans-serif;font-size:16px;color:#555;margin:5px 0 5px 50px;width:70%;height:25px;border:1px solid #CCC;padding:5px} .info_contato2{width:60%;min-height:150px;float:left;margin:0 20%;color:#555;font-size:18px;} .bt_contato{padding:5px 10px;color:#555} /*---------------------------------página trabalhe conosco-------*/ #container_file{width:409px;height:40px;background-color:#FF3D17;border-radius:5px;margin:0 auto;overflow:hidden;float:left; margin:0 20px 10px 20px} #container_form{width:960px;min-height:70px;background-color:#FFF;border-radius:5px;margin:0 auto;overflow:hidden} .realupload { position: relative; float: right; top: -40px; right: 90px; opacity:0;} .fakeupload { margin-top:-5px; width: 75%; cursor: pointer; color:#333; border-radius:5px; opacity:1; background-image:url('../imgs_estrutura/barra.png');background-repeat:no-repeat; } #container_file input { background-color: #FF3D17; border: 1px solid #FF3D17; letter-spacing: 1px; font-size: 12px; color: #333; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-left: 5px; height: 25px; vertical-align: middle; } #container_form .dados_form{border:1px solid #CCC;width:40%;height:25px;margin:0px 20px 10px;padding:5px 10px; border-radius:4px;float:left;font-size:16px;color:#555} #container_form .data_form{border:1px solid #CCC;width:20%;height:25px} .observacao_form{border:1px solid #CCC;width:40%;max-width:40%;height:55px;margin:0px 20px 10px;padding:5px 10px;color:#333;float:left;font-size:16px;} .trabalhe_conosco{width:80%;margin:0 10%;height:auto;} .txt_trabalhe{width:80%;margin:20px 10%;border:0px solid gray;height:auto;float:left;font-family:calibri,sans-serif;color:#555;font-size:18px} .txt_trabalhe2{width:80%;margin:20px 10%;border:0px solid gray;height:auto;float:left;font-family:calibri,sans-serif;color:#555;font-size:18px;text-align:justify} .img_pdf_curriculo{float:left;width:35px; height:auto;margin:5px;} .link_curriculos{text-decoration:none;color:#333;transition:0.2s;} .link_curriculos:hover{color:#FF3D17;font-size:20px;} .box_curriculo{width:96%;height:80px;border-bottom: 2px dotted #CCC;float:left;margin:5px 2%;transition:0.2s;;clear:both} .info_curriculo{width:auto;height:100%;border:0px solid red;float:left;} .cod_data,.email_curriculo{font-size:14px; color:#555;font-family:calibri,sans-serif;width:100%;} .nome_curriculo{font-size:18px;color:#333;font-family:calibri,sans-serif;width:100%;} .link_curriculo{padding:10px 20px;font-family:calibri,sans-serif;text-decoration:none;float:left;margin:5px;border-radius:3px;color:#f60;transition:0.2s} .link_curriculo:hover{text-decoration:underline} .pesquisa_curriculos{width:95%;margin:20px 20px;height:35px;border:1px solid #CCC;float:left;padding:0 10px;font-family:calibri,sans-serif;font-size:14px;} .btn_pesquisa_curriculos{padding:5px 20px;float:left;margin:10px -15px;height:35px;cursor:pointer} /*---------------------------------Curriculos remodelado dentro de uma tabela*/ #table_curriculo{width:95%;border:0px solid #F60;margin:0 2%;font-family:calibri,sans-serif;font-size:16px;margin-bottom:20px;} #table_curriculo tr:nth-child(1) td{border:1px solid #f60;padding:5px 10px;} #table_curriculo tr td{border-bottom:1px solid #ccc;padding:2px 10px;} /*------------------------Rodape do site--*/ #rodape{margin-top:20px;width:100%;height:auto;float:left;background-color:#1A1A1A;padding:10px 0 40px 0} #rodape_interno{max-width:1200px;margin: 0 auto;height:auto;} #direitos{width:100%;height:30px;background-color:#232323;float:left;padding:10px 0;border-top:1px solid #333} .partes_rodape{width:23%;height:auto;border:0px solid green;float:left;margin-right:20px;margin-top:20px;color:#FFF} .lista_rodape{list-style:none;} .lista_rodape li:nth-child(1){color:#FFF;margin:5px;font-weight:900;font-size:22px} .lista_rodape li{font-family:calibri,sans-serif;font-size:18px;color:#999;margin:5px;} .lista_rodape li a{font-family:calibri,sans-serif;font-size:18px;color:#999;margin:5px 0px;transition:0.2s;text-decoration:none;} .lista_rodape li a:hover{color:#FFF;margin-left:10px;} .lista_rodape li a:hover img{transform: rotateY(360deg);} .lista_rodape li a img{float:left;width:40px;height:auto;transition:0.5s;margin-right:5px;}