﻿@import url('reset.css');

/* GLOBAL */
html { text-align: center;  }
body { background: #051C24 url(bg.jpg) repeat-x scroll center top; text-align: left; }

a { color: #000; text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }

.floatleft { float: left; }

img, img a, img a:hover { border: none; }

input { border: 1px solid #e0e0e0; padding: 2px 5px; height: 20px; }
textarea { border: 1px solid #e0e0e0; padding: 2px 5px; height: 70px; }
select { border: 1px solid #e0e0e0; padding: 0px 5px 0 0; height: 22px; }

p { font-size:11px; line-height: 14px; margin: 0 0 15px 16px; max-width: 760px; }

h2{ font: bold 14px Tahoma, Arial, Verdana; margin: 0 0 8px 16px; }
h3{ font: bold 12px Tahoma, Arial, Verdana; margin: -5px 0 20px 16px; }
h4 { color: #fff; font: bold 22px Tahoma, Arial, Verdana; line-height: 23px; margin: 0 0 0 16px; width: 183px; }
h5 { color: #fff; font: bold 16px Tahoma, Arial, Verdana; line-height: 16px; margin: 0 0 0 16px; width: 183px; }

.clientes ul { margin: 10px 0 10px 30px; }
.clientes ul li { font: normal 12px Tahoma, Arial, Verdana; list-style-type: disc; }
.clientes ul p { margin: 5px 0 0 -18px;}
.clientes ul ul { margin: 0 0 0 18px; }
.clientes ul ul li { font: normal 10px Tahoma, Arial, Verdana; margin: 5px 0 0; }

ol { margin: 20px 0 0 35px; }
ol li { font: bold 12px Tahoma, Arial, Verdana; margin: 20px 0 0; }
ol p { margin: 5px 0 0 -18px;}
ol ol { margin: 0 0 0 18px; }
ol ol li { font: normal 10px Tahoma, Arial, Verdana; margin: 5px 0 0; }


ol dl { margin: 10px 45px 15px -30px; }
ol dl dt { background-color: #eaeaea; font: bold 12px Tahoma, Arial, Verdana; padding: 4px 20px 4px 10px; }
ol dl dd { margin: 0 0 -1px 0; padding: 4px 20px 4px 10px; border: 1px solid #eaeaea; }
.dd2 dd { margin: 0 0 -1px 0; padding: 4px 10px 4px 10px; border: 1px solid #eaeaea; }

/* FIM DO GLOBAL */

.grid-a { float: left; width: 882px; background: url(border-top-middle.png) no-repeat 0 0; margin: 11px 0 18px 13px; padding: 27px 0 0 11px; position: relative; }
.grid-b { float: left; padding: 0 20px 0 5px; width: 185px; }
.grid-c { float: left; padding: 0 10px; width: 170px; }
.grid-d { float: left; padding: 0 10px; width: 460px; }
.grid-e { float: left; margin-right: 10px; padding: 0 10px 0 0; width: 350px; }

a.voltar { float: right; height: 26px; margin: 2px 30px 2px 0; position: relative; text-align: center; width: 98px; }
a.voltar span{ background: url(bt-voltar.png) no-repeat 0 0; height: 26px; left: 0; position: absolute; top: 0; width: 98px; }
a:hover.voltar span{ background-position: 0 -27px; }


.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.clearFix { clear: both; display: block; padding: 10px 0; }
.border { border: 1px solid red; margin: -1px; }

.borderBottomMiddle { background: url(border-bottom-middle.png) no-repeat 0 0; bottom: -18px; display: block; height: 18px; left: 0; width: 890px; position: absolute; }
.borderBottomMiddle2 { background: url(bg-corner-radius-bottom.gif) no-repeat 0 0; bottom: -18px; display: block; height: 19px; left: 0; width: 622px; position: absolute; }
.separadorHorizontal { background: url(separador-horizontal.png) no-repeat center center; clear: both; display: block; height: 1px; padding: 5px 0; width: 233px; }
.separadorHorizontal2 { background: url(separador-horizontal.png) no-repeat center center; clear: both; display: block; height: 1px; padding: 8px 0; width: 233px; }
.separadorLateral { background: url(separador-vertical.png) no-repeat right top; height: 100px; }

#wrap { margin: 0 auto; width: 1005px; font:normal 11px Tahoma, Arial, Verdana; color: #4d4d4d; overflow: hidden; }

  #header { /*background: url(border-top-big.png) no-repeat bottom center;*/  height: 150px; margin: 0 auto;  }
    #header h1 { font: bold 28px Arial, Tahoma, Verdana; /*float: left;*/ display: none; height: 27px; margin: 28px 0 0 24px; position: relative; width: 210px; }
    #header h1 span { background: url(logo.png) no-repeat 0 0; height: 27px; left: 0; position: absolute; top: 0; width: 210px; }

    ul#nav { background: url(menu.png) no-repeat 0 0; /*float: right;*/ display: none;  margin: 10px 46px 0 0; height: 50px; width: 600px; }
      ul#nav li { float: left; height: 50px; overflow: hidden; text-indent: -999px; }
      ul#nav li a { display: block; width: 100%; height: 100%; }
      ul#nav .perfil { width: 64px; }

  #container { background: #fff; border-left: 1px solid #c6c5c5; border-right: 1px solid #c6c5c5; float: left; margin: 0 0 0 19px; width: 915px; }

    /* HOME */
    #destaques { background: url(border-top-middle.png) no-repeat 0 0; margin: 0 0 18px 13px; padding: 27px 0 0 11px; position: relative; }

      #destaques .boxcurso { float: left; color: #fff; margin: 20px 11px 0 0; height:185px; -moz-border-radius: 15px; padding: 16px 0 0; width: 428px; }
        #destaques p {  margin-bottom: 0; }
        #destaques .boxcurso p { font-size: 14px; line-height: 14px; }
		#destaques .instrumentacao p { font-size: 11px; line-height: 12px; }
		#destaques .radiacao p { font-size: 11px; line-height: 12px; }
        #destaques .dezesseishrs { background: #1B1B1B url(bg-curso-16horas.jpg) no-repeat 0 0;  }
        #destaques .quarentahrs { background: #1B1B1B url(bg-curso-40horas.jpg) no-repeat 0 0;   }
		#destaques .instrumentacao { background: #FFFFFF url(bg-curso-inst.jpg) no-repeat 0 0;  }
		#destaques .radiacao { background: #FFFFFF url(bg-curso-rad.jpg) no-repeat 0 0;  }
	      #destaques .resgate { background: #1B1B1B url(bg-curso-resgate.jpg) no-repeat 0 0;  }
	      #destaques .epiaex { background: #1B1B1B url(bg-curso-epiaex.jpg) no-repeat 0 0;  }
                    .curso-epiaex { background: url(../images/curso-epiaex.jpg) no-repeat 0 0; margin: 20px auto; height: 900px; position: relative; width: 635px; }
                    .curso-epiaex a.email { display: block; bottom: 40px; left: 48px; height: 15px; position: absolute; width: 132px;  }
                    .curso-epiaex a.site { display: block; bottom: 17px; height: 18px; position: absolute; right: 22px; width: 243px;  }

              .outros-cursos ul li { list-style: disc; margin: 5px 0 0 15px; }


        .inscrevase { display: block; line-height: 27px; height: 27px; text-align: center; position: relative; width: 196px; }
          .inscrevase span {
	background: url(bt-inscreva-se.png) no-repeat 0 0;
	display: block;
	left: 0;
	margin: 5px 0 0 17px;
	height: 27px;
	position: absolute;
	top: 0px;
	width: 196px;
}
		  :hover.inscrevase span { background-position: 0 -27px; }
		  .inscrevase_rad {
	display: block;
	line-height: 27px;
	height: 27px;
	text-align: center;
	position: absolute;
	width: 196px;
	left: 475px;
	top: 426px;
}
          .inscrevase_rad span {
	background: url(bt-inscreva-se_rad.png) no-repeat 0 0;
	display: block;
	left: -18px;
	margin: 5px 0 0 17px;
	height: 27px;
	position: absolute;
	top: -5px;
	width: 196px;
}
		  :hover.inscrevase_rad span { background-position: 0 -27px; }
		  .inscrevase_inst {
	display: block;
	line-height: 27px;
	height: 27px;
	text-align: center;
	position: absolute;
	width: 196px;
	top: 426px;
	left: 683px;
	}
          .inscrevase_inst span {
	background: url(bt-inscreva-se_inst.png) no-repeat 0 0;
	display: block;
	left: -17px;
	margin: 5px 0 0 17px;
	height: 27px;
	position: absolute;
	top: -5px;
	width: 196px;
}
		  :hover.inscrevase_inst span { background-position: 0 -27px; }
		  a.saibamais { display: block; line-height: 27px; height: 27px; text-align: center; position: relative; width: 196px; }
          a.saibamais span { background: url(bt-saibamais.png) no-repeat 0 0; display: block; left: 0; margin: 5px 0 0 17px; height: 27px; position: absolute; top: 0; width: 196px; }
          a:hover.saibamais span { background-position: 0 -27px; }

        a.regulamento { display: block; line-height: 27px; height: 27px; text-align: center; position: relative; width: 196px; }
          a.regulamento span { background: url(bt-regulamento.png) no-repeat 0 -27px; display: block; left: 0; margin: 5px 0 0 17px; height: 27px; position: absolute; top: 0; width: 196px; }
          a:hover.regulamento span { background-position: 0 0; }

        a.inscrevase2 { position: absolute; top: 26px; right: 250px; display: block; line-height: 27px; height: 27px; text-align: center; width: 196px; }
          a.inscrevase2 span {
	background: url(bt-inscreva-se_rj.png) no-repeat 0 0;
	display: block;
	left: -16px;
	margin: 5px 0 0 17px;
	height: 27px;
	position: absolute;
	top: 0;
	width: 196px;
}

		a.inscrevase3 { position: absolute; top: 26px; right: 250px; display: block; line-height: 27px; height: 27px; text-align: center; width: 196px; }
          a.inscrevase3 span {
background: url(bt-inscreva-se_sp.png) no-repeat 0 0;
	display: block;
	left: 0;
	margin: 5px 0 0 17px;
	height: 27px;
	position: absolute;
	top: 0px;
	width: 196px;
}

a.inscrevase3b { display: block; line-height: 27px; height: 27px; text-align: center; position: relative; width: 196px; }
          a.inscrevase3b span {
background: url(bt-inscreva-se_sp.png) no-repeat 0 0;
	display: block;
	left: 0;
	margin: 5px 0 0 17px;
	height: 27px;
	position: absolute;
	top: 0px;
	width: 196px;
}

          a:hover.inscrevase2 span { background-position: 0 -27px; }
		  
		  a:hover.inscrevase3 span { background-position: 0 -27px; }
		  
		  a:hover.inscrevase3b span { background-position: 0 -27px; }
		  
    .cursoResgate p, .cursoResgate h2 { margin-left: 0; }

    .galeria ul { display: block; margin: 0 0 0 25px; width: 315px; }
    .galeria h2 { margin-left: 27px; }
    .galeria a.vermais { display: block; padding: 5px 0 0 31px; }

    .imprensa p { float: left; width: 160px; }
    .imprensa ul { margin: -21px 0 0; }
    .imprensa ul li { margin-right: 10px; }

    ul.thumbs li { display: inline; }

      /* FIM HOME */

    /* INTERNAS */

	.titMenor { color: #fff; font: bold 19px Tahoma, Arial, Verdana; line-height: 23px; margin: 0 0 0 16px; width: 210px; padding-bottom:20px; }
    ul.navcursos { height: 37px; width: 450px; }
    ul.navcursos li { float: left; margin-right: 20px; }

    #regulamento { display: block; }

    #formfichadeinscricao { background: url(bg-corner-radius-top.gif) no-repeat 0 0; /*border: 1px solid #e0e0e0; -moz-border-radius: 20px;*/ margin: 0 0 0 20px; padding: 20px 10px 60px 10px; width: 622px; position: relative; }
    #formfichadeinscricao p { margin: 0 0 20px 16px; }
    #formfichadeinscricao label { display: block; font-weight: bold; padding: 10px 0 5px 0; margin: 5px 0 5px 16px; position: relative; }
    #formfichadeinscricao label input, #formfichadeinscricao label select { position: absolute; top: 6px; left: 120px; }
                          label select#horario { padding: 0; margin: 0; }
                          label input#nome { width: 350px; }
                          label input#email { width: 250px; }
                          label input#celular { width: 120px; }
						  label input#telefone { width: 120px; }
                          label input#rg { width: 85px; }
                          label input#empresa { width: 300px; }
                          label input#cargo { width: 200px; }
                          label input#endereco { width: 350px; }
                          label input#cep { width: 120px; }
                          label input#cidade { width: 200px; }
    #formfichadeinscricao label.estado { width: 80px; position: absolute; top: 371px; left: 360px; }
    #formfichadeinscricao label.estado input { width: 20px; position: absolute; top: 6px; left: 70px; }
                          label input#estado { width: 50px; }
                          label input#ddd { width: 25px; }
                          label input#telefone { width: 150px; }
                          label.mensagem {  height: 65px; }
                          input#enviar { border: none; font-weight: bold; padding: 2px 0; height: 27px; width: 196px; }
    #formfichadeinscricao input#telefone {
	position: absolute;
	top: 6px;
	left: 160px;
}
	
	#formContato { background: url(bg-corner-radius-top.gif) no-repeat 0 0; /*border: 1px solid #e0e0e0; -moz-border-radius: 20px;*/ margin: 0 0 0 20px; padding: 20px 10px 60px 10px; width: 622px; position: relative; }
    #formContato p { margin: 0 0 20px 16px; }
    #formContato label { display: block; font-weight: bold; padding: 10px 0 5px 0; margin: 5px 0 5px 16px; position: relative; }
    #formContato label input, #formfichadeinscricao label select { position: absolute; top: 6px; left: 120px; }
    #formContato label input#estado { width: 50px; }
    #formContato label input, #formContato label select { position: absolute; left: 120px; }
    #formContato input#telefone { position: absolute; top: 97px; left: 195px; }
   	#formContato label textarea { width: 300px; }
    #formContato label textarea, #formContato label select { position: absolute; left: 120px; }

    ol.servicos li { font-size: 11px; font-weight: normal; margin: 10px 0 0 0; }

	#boxThumb { width:845px; margin:0 auto; text-align:center; position:relative; height:auto; }
	#boxThumb ul{ width:845px; margin:0 auto; padding:0; list-style-type:none; display:block; height:auto;  }
	#boxThumb ul li { width:153px; height:153px; margin:10px 5px; list-style-type:none; float:left; text-align:center; }
  #boxThumb ul li img { border: 1px solid #ccc; -moz-border-radius: 10px; padding: 2px; width:153px; height:107px; }

  #paginacao { width:445px; float: left; margin:-20px 0 0 180px; padding: 15px 0; clear:both;; }
  #paginacao a { padding: 4px 10px; border: 1px solid #e0e0e0; display: inline-block; -moz-border-radius: 4px; text-decoration: none; }
  #paginacao a:hover { background: #FBB03D; border: 1px solid #ccc;  }

  #galeriadefotos ul{ width:730px; margin: 0 auto; padding:0; list-style-type:none; display:block; height:auto;  }
  #galeriadefotos ul li{ list-style-type:none; float:left; padding: 5px; text-align:center; }
  #galeriadefotos ul li img { border: 1px solid #ccc; -moz-border-radius: 10px; padding: 4px; }
  
  #boxVideos ul { width:850px; margin:0 auto; padding:0; position:relative; display:block; height:auto; border:none; }
  #boxVideos ul { width:700px; margin:0 auto; padding:0; list-style-type:none; display:block; height:auto; }
  #boxVideos ul li { list-style-type:none; padding:10px; float:left; text-align:center; width:280px; height:235px; margin:20px; border:none; }
  #boxVideos ul li img { border: 1px solid #ccc; -moz-border-radius: 10px; padding: 4px; }

    /*#content { background: url(border-top-middle.png) no-repeat 0 0; float: left; margin: 40px 0 18px 13px; padding: 27px 0 0 11px; position: relative; width: 882px; }*/
	.byVision{ width:36px; height:9px; display:block; background:url(../images/byvision.gif) no-repeat top center; margin:0 auto; }
  #footer { background: url(border-bottom-big.png) no-repeat 0 0; float: left; height: 70px; margin: 0 0 0 19px; padding-bottom: 20px; width: 917px; }
    #footer address { line-height: 70px; height:50px; text-align: center; }
