@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; } body { background-color:#01858A;background-image:url(../imagem/fundo.jpg); margin:0; padding:0; } /* CLASSES, DIVS E TAGS GLOBAIS */ #avisos{ width:200px; height:25px; float:left; margin:2px 0px 0px 2px; padding:4px 0px 0px 4px; background:#FFF;} #letreiro{ width:500px; height:25px; float:left; margin:2px 0px 0px 2px;padding:4px 0px 0px 0px; background:#FFF; font-family:Arial, Helvetica, sans-serif;color:#066;font-size:12px;font-weight:bold;} .erro{color:#F00000; background:#FFC; padding:4px 0; } .display{width:750px; margin:4px 4px 4px 0px; clear:both; float:left; border:1px dashed #033; padding:4px;} .ok{color:#066; background:#FFC; margin:4px; padding:4px;} /* Quando não houver formatação específica */ h2{font-size:14px; background:url(../imagem/h1-cursos.jpg) no-repeat; padding:5px 2px; color:#FFF; clear:both; margin-left:8px; margin-top:2px;} b{font-size:13px;} /* class menu do usuário */ .menu{width:755px; height:auto; margin:6px 2px; clear:both; border:1px dashed #033; float:left;} .menu a{display:block; margin: 4px; padding:4px; border:1px solid #CCC; background:#066; float:left; color:#FFF; text-decoration:none; text-align:center;} .menu a:hover{color:#CCC;} /* FIM DAS CLASSES GLOBAIS */ /* DIV MAIN *************************************************************************************************************/ #main { width:980px; margin:0 auto; background:#fff; } /* DIV TOPO ***********************************************************************************************************/ #topo { width:980px; margin:0; height:145px; background:#FFF } #topo .chat {float:right; width:190px; height:63px; margin-top:80px; margin-right:5px; } #topo .banner{float:left; width:700px; height:130px; margin-left:2px; margin-top:2px; background:#000 } /* DIV MENU ************************************************************************************************************/ #menu { width:975px; height:40px; margin:0 auto; background:url(../imagem/bg-main-menu.jpg); padding:0; } #menu ul {width:975px; list-style:none; font:13px Arial, Helvetica, sans-serif; font-weight:bold; } #menu ul li { display:block; float:left; margin-left:1px; height:38px;} #menu ul li a { text-decoration:none; color:#fff; padding:11px 8px; float:left } #menu ul li a:hover { background: url(../imagem/bg-hover.jpg); color:#CCC } #menu ul li .activate { background: url(../imagem/bg-hover.jpg); color:#ccc; } /* DIV BANNER ************************************************************************************************************/ #banner {width:968px; height:200px; float:left; margin:2px; padding:2px;} /* DIV MENU LATERAL */ #menu-lateral { width:200px; min-height:1476PX; height:auto; padding:0; margin:5px 0 0 2px; float:left; background:#00868A; } #menu-lateral h1 { font:16px Arial, Helvetica, sans-serif; text-align:center; padding:4px; font-weight:bold; background:url(../imagem/h1.jpg); color:#FFF; } #menu-lateral h2 { font:13px Arial, Helvetica, sans-serif; background: #006B6E; text-align:center; padding:4px; font-weight:bold; color:#FFF; margin-left:0px; } #menu-lateral ul li { margin:0; padding:0; border-bottom: 1px solid #FFF; text-align:left; list-style-type: none; font-weight:bold; } #menu-lateral ul li a { font:11px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding:7px; display: block; font-weight:bold; } #menu-lateral ul li a:hover { background:#006B6E; color: #fff } #menu-lateral .rodape { width:200px; background:url(../imagem/h1rodape.jpg); clear:both; float:left; height:33px; } /* DIV CONTEUDO */ #conteudo{width:775px; height: auto; float:right; margin:2px 0px 0px 1px; padding:0px;} /* DIV logado */ #conteudo #logado{height:auto;margin:6px 2px; background:#FFF} #conteudo #logado h2{ margin-left:0px; padding-left:4px; font-size:14px; color:#FFF;} #conteudo #logado h3{margin-left:4px;} #conteudo #logado p{margin-left:4px;} /* limpaHistorico */ #conteudo #limpaHistorico{height:auto;margin:6px 2px; background:#FFF} #conteudo #limpaHistorico h2{ margin-left:0px; padding-left:4px; font-size:14px; color:#FFF;} #conteudo #limpaHistorico h3{margin-left:4px;} #conteudo #limpaHistorico p{margin-left:4px;} /* DIV logado class ajuda */ #conteudo #logado .ajuda{padding:2px; width:752px; border:1px dashed #033; margin:2px;} /* class categoria */ .categoria{margin:6px 2px;} .categoria h2{ margin-left:0px; padding-left:4px; font-size:14px; color:#FFF;} .categoria form { margin-left:4px; clear:both;} .categoria #categoria{padding:4px;} .categoria input{width:200px; padding:4px;} .categoria #btnInserir{width:100px; cursor:pointer;} .categoria p{clear:both; padding:4px;} /* class cursos */ .cursos{ margin:6px 2px;} .cursos h2{ margin-left:0px; padding-left:4px; font-size:14px; color:#FFF;} .cursos form{clear:both; width:300px;} .cursos input{width:200px; float:right;} .cursos #areaDescricao{width:200px; height:100px; float:right;} .cursos #btnCursos{width:100px; cursor:pointer; margin:2px 4px;} .cursos #categoria{width:203px; float: right;} .cursos p{padding:4px;} /* class usuários */ .usuarios{ margin:6px 2px;} .usuarios h2{ margin-left:0px; padding-left:4px; font-size:14px; color:#FFF;} .usuarios form{clear:both; width:310px;} .usuarios input{width:200px; float:right;} .usuarios #btnUsuario{width:100px; cursor:pointer; margin:2px 4px;} .usuarios p{padding:4px;} /* class exibeBusca */ .exibeBusca{ margin:2px 0px 0px 2px;} .exibeBusca h2{margin-left:0px; margin-top:2px; padding:4px;} .exibeBusca p{padding:4px;} .exibeBusca a{color:#000; text-decoration:none;} .exibeBusca a:hover{ background:#FF0;} .exibeBusca span{background:#FF0; margin:0px; padding:0px 2px;} .exibeBusca .display #formulario{width:354px; height:35px; margin:5px 0px 5px 0px; background:url(../imagem/bg-buscar.jpg) no-repeat; float:right;} #formulario input{ width:260px; height:24px; font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0 auto; padding-bottom:4px;} #formulario .btn{width:67px; font-size:12px; font-weight:bold; height:40px; padding:0px; cursor:pointer; border:0; margin:0 auto; float:right; background:url(../imagem/btn_busca.png) no-repeat;} #formulario form{ width:350px; margin:0; padding:2px; height:34px; float:left; vertical-align:middle;} /* DIV CENTRO ***********************************************************************************************************/ #centro { width:410px; height:auto; float:left; margin:0 auto; padding:0; background: #FFF; } /* DIV BOX FIBRA ÓPTICA ****************************************************************************************************/ #centro #box-fibra-optica { width:405px; margin:5px 3px; border:1px solid #ccc; height:auto; } #centro #box-fibra-optica h2 { font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#fff; margin:0; background: #006666; padding:5px; } #centro #box-fibra-optica p { font:12px Arial, Helvetica, sans-serif; color:#000; margin-left:5px; clear:both } #centro #box-fibra-optica a img { border:2px solid #FFFFFF; } #centro #box-fibra-optica a:hover img { border:2px solid #CCCCCC; } /* DIV BOX CERTIFICAÇÃO ****************************************************************************************************/ #centro #box-certificacao { width:405px; margin:3px 3px; border:1px solid #ccc; height:auto; } #centro #box-certificacao img { margin-left:50px; margin-top:5px; } #centro #box-certificacao .img { margin-left:50px; float:left } #centro #box-certificacao h2 { font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#fff; margin:0; background: #006666; padding:5px; } #centro #box-certificacao h3 { font:14px Verdana, Geneva, sans-serif; font-weight:bolder; text-align:center; color:#000 } #centro #box-certificacao h6 { font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-left:5px; } #centro #box-certificacao p { font:12px Arial, Helvetica, sans-serif; color:#000; margin-left:5px; clear:both } #centro #box-certificacao ul { list-style:none; font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin-bottom:4px } #centro #box-certificacao a img { border:2px solid #FFFFFF; } #centro #box-certificacao a:hover img { border:2px solid #CCCCCC; } /* DIV BOX WEB MASTER *******************************************************************************************/ #centro #box-webmaster { width:405px; margin:3px 3px; border:1px solid #ccc; height: auto; } #centro #box-webmaster img { float:right; margin-right:15px; margin-top:5px; } #centro #box-webmaster a img { border:3px solid #FFFFFF; } #centro #box-webmaster a:hover img { border:3px solid #CCCCCC; } #centro #box-webmaster h2 { font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#fff; margin:0; background: #006666; padding:5px; } #centro #box-webmaster h3 { font:14px Verdana, Geneva, sans-serif; font-weight:bolder; text-align:center; color:#000 } #centro #box p { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-left:5px; clear:both } #centro #box-webmaster ul { list-style:none; font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; width:150px } #centro #box-webmaster ul li { display:block; padding:2px; } #centro #box-webmaster ul li a { text-decoration:none; color:#000 } #centro #box-webmaster ul li a:hover { color:#900 } #centro #box-webmaster .projeto-final { font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#900; text-align:center } /* DIV BOX WIRELLESS *******************************************************************************************/ #centro #box-wirelles { width:405px; border:1px solid #ccc; height:auto; margin:3px 3px } #centro #box-wirelles a img { margin:5px 0 0 30px; border:4px solid #CCCCCC; } #centro #box-wirelles a:hover img { border:4px solid #990000 } #centro #box-wirelles h2 { font:13px Arial, Helvetica, sans-serif; text-align:center; color:#fff; margin:0; background: #006666; padding:5px; font-weight:bold } #centro #box-wirelles p { font:12px Arial, Helvetica, sans-serif; color:#000; margin-left:5px; } /* DIV BOX CERTIFICAÇÃO CISCO *******************************************************************************************/ #centro #box-certificacao-cisco { width:405px; border:1px solid #ccc; height:300px; margin:3px 3px } #centro #box-certificacao-cisco img { margin:0 auto; margin-top:5px; margin-left:50px; } #centro #box-certificacao-cisco a img { margin:5px 0 0 50px; border:3px solid #000000; } #centro #box-certificacao-cisco a:hover img { border:3px solid #99CC00 } #centro #box-certificacao-cisco h2 { font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#fff; margin:0; background: #006666; padding:5px; } #centro #box-certificacao-cisco p { font:12px Arial, Helvetica, sans-serif; color:#000; margin:2px 0 0 2px; } /* Classe generica para boxes */ #centro .box-anucio{ width:405px; height:auto; border:1px solid #ccc; margin:3px 3px; clear:both; } #centro .box-anucio h2{font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; color:#fff; margin:0; background: #006666; padding:5px;} #centro .box-anucio p{padding:4px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;} /* DIV CONTEÚDO DIREITO *****************************************************************************************/ #cont-direito { width:360px; height:auto; float:right;margin:0px; background:#FFF } #cont-direito p { font:11px Verdana, Geneva, sans-serif; margin-left:6px; color:#000; } #cont-direito h1 { font:13px Verdana, Geneva, sans-serif; color:#000; font-weight:bold; text-align:center; } #cont-direito h2 { font:13px Verdana, Geneva, sans-serif; color:#000; font-weight:bold; text-align:center; } #cont-direito img { margin-left:6px; } /* DIV BUSCA INTERNA *****************************************************************************************/ #cont-direito #buscar{width:354px; height:35px; margin:5px 0px 5px 0px; background:url(../imagem/bg-buscar.jpg) no-repeat;} #cont-direito #buscar input{ width:260px; height:24px; font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:0 auto; padding-bottom:4px;} #cont-direito #buscar .btn{width:67px; font-size:12px; font-weight:bold; height:40px; padding:0px; cursor:pointer; border:0; margin:0 auto; float:right; background:url(../imagem/btn_busca.png) no-repeat;} #cont-direito #buscar form{ width:350px; margin:0; padding:2px; height:34px; float:left; vertical-align:middle;} /* DIV COORDENAÇÃO DE ENSINO *******************************************************************************/ #cont-direito .box-coordenacao { width:354px; height:auto; clear:both; margin:5px 0 0 2px;} #cont-direito .box-coordenacao h2{width:354px;height:33px;background:url(../imagem/cordenacao-h2.jpg) no-repeat; margin:0px; padding-top:6px; color:#FFF;} /* DIV CONTEÚDO DIREITO BOX *****************************************************************************************/ #cont-direito .box-direito-adv{ width:354px; height: auto; clear:both; margin:5px 0 0 2px;} #cont-direito .box-direito-adv h2{width:354px;height:33px; padding-top:6px; color:#FFFFFF; font-weight:bold; text-align:center; margin:0; background:url(../imagem/ADV-H2.jpg) no-repeat;} #cont-direito .box-direito-adv p { font:12px Arial, Helvetica, sans-serif; color:#000; text-align:justify; margin-right:8px; padding:8px; } #cont-direito .box-direito-adv p img{float:right;} /* CONTEUDO DIREITO CERTIFICAÇÃO MICROSOFT ***********************************************************************/ #cont-direito .box-direito-microsoft { width:354px; height:auto; background:#fff;clear:both; margin:5px 0 0 2px;} #cont-direito .box-direito-microsoft h2 {text-align:center; color:#FFF; background:url(../imagem/h2-cerf-msf.jpg) no-repeat; padding:5px 0px; margin:0 auto; } #cont-direito .box-direito-microsoft p { font:12px Arial, Helvetica, sans-serif; color:#000; text-align:left; padding:5px; } #cont-direito .box-direito-microsoft img { margin:0 20px } #cont-direito .box-direito-microsoft a img { border:2px solid #FFFFFF } #cont-direito .box-direito-microsoft a:hover img { border:2px solid #CCCCCC } #cont-direito .box-direito-microsoft .rodape-microsoft { } /* DIV receba-grade ****************************************************************************************/ #cont-direito #grade { width:354px; height:210px; margin:0 auto; padding:0px;} #cont-direito #grade img{border:0px; margin:0 auto;} #cont-direito #grade p { font:12px Arial, Helvetica, sans-serif; color:#000000; text-align:center; margin:5px 0 5px 0; } /* DIV LOGIN */ #cont-direito #login {width:354px; height:210px; margin:5px 0 0 2px; background:url(../imagem/area-restrita.jpg) no-repeat;} #cont-direito #login h3{font-family:Arial, Helvetica, sans-serif;color:#066;font-weight:bold;font-size:12px;} #cont-direito #login form{width:180px height:180px; margin:40px 30px 2px 30px; clear:both; float:left;} #cont-direito #login form input{ width:100px;} #cont-direito #login form .btn{cursor:pointer; font:12px Arial, Helvetica, sans-serif; font-weight:bold; border:0; width:69px; height:33px; margin:5px; color:#fff; background:url(../imagem/btn_login.png) no-repeat;} #cont-direito #login p{font: 11px Arial, Helvetica, sans-serif; margin:0; padding:2px;} /* DIV BOX CERTIFICAÇÃO LINUX *********************************************************************************/ #cont-direito #box-linux { width:354px; margin-left:3px; margin:5px 0 0 2px; background:#fff; border:0px solid #CCC; height:auto; } #cont-direito #box-linux img { float:right; } #cont-direito #box-linux .img { margin-left:50px; float:left } #cont-direito #box-linux h2 { font:13px Arial, Helvetica, sans-serif; font-weight:bolder; text-align:center; color:#fff; margin:0; background:url(../imagem/h2-prov-certf.jpg) no-repeat; padding:5px; } #cont-direito #box-linux h3 { font:14px Verdana, Geneva, sans-serif; font-weight:bolder; text-align:center; color:#000 } #cont-direito #box-linux h6 { font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-left:5px; } #cont-direito #box-linux p { font:12px Arial, Helvetica, sans-serif; color:#000; margin-left:5px; clear:both } /* DIV PROVAS DE CERTIFICAÇÃO **************************************************************************************/ /* PERSON VUE */ #cont-direito #provas-de-certificacao { width:354px; clear:both; margin:5px 0 0 2px; } #cont-direito #provas-de-certificacao img { margin-left:40px; margin-top:7px; } #cont-direito #provas-de-certificacao .img { margin-left:50px; float:left } #cont-direito #provas-de-certificacao h2{text-align:center; color:#fff; background:url(../imagem/h2-prov-certf.jpg) no-repeat; padding:5px 0px; margin:0 auto; } #cont-direito #provas-de-certificacao h3 { font:14px Verdana, Geneva, sans-serif; font-weight:bolder; text-align:center; color:#000 } #cont-direito #provas-de-certificacao h6 { font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; margin-left:5px; } #cont-direito #provas-de-certificacao p { font:12px Arial, Helvetica, sans-serif; color:#000; margin-left:5px; clear:both } #cont-direito #provas-de-certificacao a img { border:3px solid #FFF; } #cont-direito #provas-de-certificacao a:hover img { border:3px solid #F90 } /* PROMETRIC */ #cont-direito #provas-de-prometric{ width:354px; margin-left:3px; margin-top:5px; border-bottom:1px solid #CCC; height:auto; } #cont-direito #provas-de-prometric a img{border:0px; margin-left:4px;} /* DIV CONTEUDO PROMOCIONAL TELEFONES ***********************************************************/ #cont-direito .box-direito-tel{ width:354px; height:120px;clear:both; margin:5px 0 0 2px;} #cont-direito .box-direito-tel img{ float:right;margin-right:0; } #cont-direito .box-direito-tel h2{font:15px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; text-align:center; background:url(../imagem/h2-tel.jpg) no-repeat; padding:5px 0px; margin:0 auto; } #cont-direito .box-direito-tel p { font:15px Arial, Helvetica, sans-serif; color:#000; text-align:center; font-weight:bold; margin:19px; } #cont-direito .box-direito-tel span { font:15px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:20px } /* DIV CONTEUDO HISTÓRICO DE NAVEGAÇÃO ***********************************************************/ #cont-direito .box-direito-historico{ width:354px; height:212px;clear:both; margin:5px 2px 2px 0px; background:url(../imagem/historico.jpg) no-repeat; padding-top:30px;} #cont-direito .box-direito-historico a{ width:342px; display:block; background:#CCC; color:#066; border-bottom:1px solid #FFF; font:Verdana, Geneva, sans-serif 11px; clear:both; margin-left:1px; padding:2px 2px 2px 8px; text-decoration:none;font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:normal;} #cont-direito .box-direito-historico a:hover{background:#FFC;} #cont-direito .box-direito-historico p.limp a{width:150px; display:block;margin:0 auto; color:#F00;} /* CLASSE EMPRESA **********************************************************************************************************/ .empresa {width:760px; height:auto; margin:2px 0px 0px 2px; float:left; } .empresa p {font:12px Arial, Helvetica, sans-serif; text-align:left; color:#000; margin: 10px; padding:5px; } .empresa .texto_empresa { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; width:600px; clear:both; font-style:italic } .empresa h2.titulo{ height:20px; text-align:center; font-size:16px; background:url(../imagem/h1-cursos.jpg) no-repeat; padding:5px;} .qualidade { width:725px; height:auto; margin:0 auto; } .qualidade h1 { font:15px Arial, Helvetica, sans-serif; color: #900; font-weight:bold; padding:5px 0 0 0; display:block; width:725px; border-bottom:1px solid #CCC } .qualidade h2 { font:13px Arial, Helvetica, sans-serif; color:#333; font-weight:bold; margin:4px; } .qualidade p { font:13px Arial, Helvetica, sans-serif; text-align:left; color:#000; text-align:left; padding:5px; } .qualidade .surgir { font:15px Arial, Helvetica, sans-serif; color: #333; font-weight:bold; font-style:italic; } .qualidade .ensino { font:15px Arial, Helvsetica, sans-serif; color: #963; font-weight:bold; font-style:italic; } .qualidade .lab { font:15px Arial, Helvetica, sans-serif; color:#990; font-weight:bold; font-style:italic; } .qualidade ul li{ font:13px Arial, Helvetica, sans-serif; color:#000; list-style:disc; margin-left:30px;} /* CLASSE PARCEIROS *******************************************************************************************************/ .parceiros {width:760px; height:auto; margin:0px 0px 0px 2px; float:left; } .parceiros p { font:16px Arial, Helvetica, sans-serif; text-align:center; color:#000; font-weight:bold; width:700px; } .parceiros h1 { text-align:center; margin-top:10px; } .parceiros .texto_empresa { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; margin-left:3px; } .parceiros h2 {text-align:center; margin:2px 0px; font-size:16px;} .parceiros img { margin:0 auto; } .parceiros .img_empresa { float:left; border:0; } .parceiros #text-conteudo ul { list-style:square; font:13px Arial, Helvetica, sans-serif; color:#000; margin-top:12px; margin-left:100px; } .parceiros #text-conteudo { width:725px; height:auto; float:right; margin-right:8px; } /* CLASSE PROJETOS ALUNOS ***************************************************************************************************/ #content_alunos{width:760px; height:auto; margin:1px 0px 0px 2px; float:left;} #content_alunos p{ font:12px Arial, Helvetica, sans-serif; text-align:left; color:#000; width:410px; } #content_alunos h2{text-align:center; margin:2px 0px; font-size:16px;} #proj_alunos{ width:500px; height:160px; border:1px dashed #CCC; margin:10px auto; background-image:url(../imagem/type_background.jpg);background-repeat:repeat-x; padding:4px;} #proj_alunos{ _background: #CCC url(../imagem/type_background.jpg); } /* [IE6] */ #proj_alunos{ *background: #CCC url(../imagem/type_background.jpg);} /* [IE7] */ #proj_alunos span{ font:13px Arial, Helvetica, sans-serif; color:#000; float:left; font-style:italic; text-align:left; margin:5px 0; } #proj_alunos img { float:right } #proj_alunos a img { border:3px solid #FFF } #proj_alunos a:hover img { border:3px solid #000 } #proj_alunos a:hover { _border:3px solid #000 } /* [IE6] */ /* CLASSE OPINIÕES DOS ALUNOS ********************************************************************************************/ #opinioes_alunos { width:500px; height: auto; margin:5px 0 0 30px; float:left; border:1px dashed #999; padding:3px; background: url(../imagem/background_light2.jpg)repeat-x; padding:3px; } #opinioes_alunos { _background:#999 url(../imagem/background_light2.jpg); } /* [IE6] */ #opinioes_alunos { *background:#999 url(../imagem/background_light2.jpg); } /* [IE7] */ #opinioes_alunos span { font:12px Arial, Helvetica, sans-serif; color:#000; } #opinioes_alunos img { float:right } #opinioes_alunos .img_proj { float:left } #opinioes_alunos h1 { font:15px Arial, Helvetica, sans-serif; color:#000; margin:0; margin-left:20px; } #opinioes_alunos p { font:13px Arial, Helvetica, sans-serif; color:#000; margin:0; float:left; margin-left:20px; font-style:italic; } #opinioes_alunos h2 { text-align:center } /* CLASSE LOCAÇÃO **********************************************************************************************************/ .locacao {width:760px; height:auto; margin:2px 0px 0px 2px; float:left;} .locacao p { font:12px Arial, Helvetica, sans-serif; text-align:left; color:#000; font-weight:300 } .locacao h2 { text-align:center; margin:2px 0px; font-size:16px; } .locacao .texto_empresa { font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#000; text-align:left; margin-left:3px; width:500px; ; clear:both } .locacao h3 { font:15px Arial, Helvetica, sans-serif; color:#000; } .locacao .img_empresa { float:left; border:0; } .locacao #reserva{} #reserva h1{ margin:8px 0px; padding:4px; font-size:16px; background:#066; color:#FFF; } #reserva p{clear:both; margin:4px;} #reserva fieldset{ padding:8px; border:1px solid #CCC;} #reserva legend{ color:#066; font-weight:bold;} #reserva input{ width:200px; float:left; margin:4px;} #reserva .chkbox{ width:15px; height:20px; float:left; margin:4px;} #reserva span.chk{ width:auto; margin:2px 20px 2px 2px; font:12px Arial, Helvetica, sans-serif;} #reserva .rdb{width:15px; height:20px; float:left; margin:4px;} #reserva input#txtDDD{ width:30px;} #reserva input#txtTelefone, input#txtCelular,input#txtFax, input#txtHorarioInicial, input#txtHorarioFinal{ width:77px;} #reserva span{ width:100px; float:left; margin-left:10px; padding-top:5px;} #reserva span#fax{ width:25px;} #reserva em{color:#F00; font-weight:bold; float:left;} #reserva .menor{ width:70px;} #reserva input#txtNturmas,input#txtTotalParticipantes,input#txtNpartPorTurma{width:38px;} #reserva input#txtDataInicio,input#txtDataTermino{ width:80px;} #reserva p.btn{ width:180px; margin:0 auto; text-align:center;} #reserva input.botao { background:url(../imagem/bt.png) no-repeat; width:70px; height:32px; float:left; border:0px; cursor:pointer; color:#FFF;} #reserva #retorno{} #reserva #reserva img{ margin: 0 auto;} /* DIV CLASS FALE CONOSCO ***********************************************************************************************/ .fale-conosco {width:760px; height:auto; margin:2px 0px 0px 2px; float:left;} .fale-conosco p { font:13px Arial, Helvetica, sans-serif; text-align:left; color:#000; padding:5px; } .fale-conosco h2 {text-align:center; margin:2px 0px; font-size:16px;} .fale-conosco h4 {text-align:center; margin:2px 0px; font-size:14px; background:#066; color:#FFF;} .fale-conosco .erro{width:400px; height:auto; margin: 0 auto; margin-top:10px; clear:both; border:1px dashed #066; border-top:none;} .fale-conosco span { width:100px; height:18px; margin:2px; float:left; font:13px Arial, Helvetica, sans-serif; color:#000; text-align:right;} .fale-conosco form { width:400px; height:auto; margin:0 auto; margin-top:10px; clear:both; border:1px dashed #066; } .fale-conosco input {float:left; width:200px; height:18px; margin:2px; border:1px solid #999; } .fale-conosco #ddd{float:left; width:30px; height:18px; margin:2px; border:1px solid #999; } .fale-conosco #telefone{float:left; width:165px; height:18px; margin:2px; border:1px solid #999; } .fale-conosco #areaMensagem{ width:204px; height:100px; border:1px solid #999 } .fale-conosco .botao { background:url(../imagem/bt.png); width:72px; height:32px; color:#FFF; margin:2px; font-weight:bold; cursor:pointer; } .fale-conosco p.centro{ font:13px Arial, Helvetica, sans-serif; text-align:center; color:#000; padding:5px; clear:both; } /* CLASSE NOSSA-GRADE*/ .nossa-grade {width:760px; height:auto; margin:4px 5px; float:left;} .nossa-grade h2{ padding:2px 2px;} .nossa-grade img{margin:0 auto;} .nossa-grade form{ width:756px; clear:both; border: 1px #066 dashed; margin:4px 2px; float:left;} .nossa-grade form .text{width:250px;} .nossa-grade form #ddd{width:20px;} .nossa-grade #categoria{width:250px; height:25px; background:#FFC;} .nossa-grade #checkbox{ width:752px; background:#FFC; height:auto; float:left; margin:2px;} .nossa-grade #btnEnviar { background:url(../imagem/bt.png) no-repeat; width:72px; height:32px; color:#FFF; margin:2px; font-weight:bold; cursor:pointer; border:0; } .nossa-grade p { font:13px Arial, Helvetica, sans-serif; text-align:left; color:#000; padding:5px; } .nossa-grade h2{text-align:left; margin:2px; font-size:16px; background:url(../imagem/h2-categoria.jpg) repeat-x;} .nossa-grade h4{text-align:center; margin:2px 0px; font-size:14px; background:#066; color:#FFF;} .nossa-grade .erro{width:400px; height:auto; margin: 0 auto; margin-top:10px; clear:both; border:1px dashed #066; border-top:none;} .nossa-grade span { width:120px; height:18px; margin:2px; float:left; font:13px Arial, Helvetica, sans-serif; text-align:left;} .nossa-grade span #cat{ width:120px; height:18px; margin:2px; float:left; font:13px Arial, Helvetica, sans-serif; color:#FFF; text-align:left;} /* DIV PROJETO ***************************************************************************************************/ #projeto {width:760px; height:auto; margin:2px 0px 0px 2px; float:left;} #projeto .projimg { margin-top:30px; margin-left:100px; } #projeto h2 {text-align:center; margin:2px 0px; font-size:16px;} /* CLASS mapa-do-site */ .mapa {width:760px; height:auto; margin:2px 0px 0px 2px; float:left; } .mapa p {font:12px Arial, Helvetica, sans-serif; text-align:left; color:#000; margin: 10px; padding:5px; } .mapa h2 {text-align:center; margin:2px 0px; font-size:16px;} .mapa h1 { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; width:600px; clear:both; font-style:italic } /* CLASSE ADMIN */ .adm {width:760px; height:auto; margin:4px 5px; float:left; } .adm p {font:12px Arial, Helvetica, sans-serif; text-align:left; color:#000; margin: 10px; padding:5px; } .adm h2 {text-align:center; margin:2px 0px; font-size:16px;} .adm h3 { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; text-align:left; width:600px; clear:both; font-style:italic } .adm form{width:100%;} .adm form input{width: 150px; margin:2px;} .adm form .multLinhas{width:200px; height: 200px; overflow:auto;} /* DIV VOLTAR AO TOPO ***************************************************************************************************/ .voltar { margin-top:8px; clear:both; float:right; width:100px; height:50px; margin:0 auto; } .voltar img { margin-top:10px } /* DIV RODAPÉ ***********************************************************************************************************/ #rodape { width:960px; height:90px; clear:both; background:url(../imagem/background-rodape.png); margin:0 auto; padding:9px } #rodape p { font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-align:center; margin-top:20px; }