@font-face{
font-family: "SmithyXT-Regular";
src: url("../font/smithy.ttf");
}


@import url(http://fonts.googleapis.com/css?family=Playfair+Display);
/* \\\\\\\\\\\\\\\\\    DEMO CODE   ///////////////////////////////// */
applet, object, iframe, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption, img, header, section {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}

.centerUp {
  width: 640px;
  height: 723px;
  background: #ECECEC url(../imagens/bg.png) no-repeat top center;
}

body {
    width: 583px;
  height:600px;
  color: #000;
  font-size: 13px;
  font-family: SmithyXT-Regular,Arial, sans-serif;
  font-family: 'Playfair Display', serif;
}


h2 {
  margin: 100px 0 0;
  color: #eb5a3d;
}


#botao {
  margin-top: 28px;
  cursor: pointer;
  width: 30px;
  height: 52px;
  position: absolute;
  margin-left: 585px;
}

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.img{
float:right;
padding-left:10px;
}

.modal p {
  margin-top: -100px
  padding:15px;
  font-size: 14px;
  text-align: left;
  margin: -5px 0 0;
  font-family: SmithyXT-Regular,Arial, sans-serif;
  line-height:25px;
  text-align:justify;
}

h1 {
margin-left: 28px;
margin-top: -54px;
padding: 15px;
font-size: 50px;
font-family: SmithyXT-Regular,Arial, sans-serif;
color: #000;
}

.modal p:hover {

}

#link1 {
  margin-left: 36px;
  position: absolute;
  margin-top: 102px;
  z-index: 1000;
  height: 61px;
  width: 95px;
}

#link1:hover{
}

#link2 {
  background: #21659E;
  margin-left: 137px;
  position: absolute;
  margin-top: 87px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link2:hover{
background:#000000;
}

#link3 {
  background: #21659E;
  margin-left: 233px;
  position: absolute;
  margin-top: 87px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link3:hover{
background:#000000;
}

#link4 {
  background: #21659E;
  margin-left: 330px;
  position: absolute;
  margin-top: 87px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link4:hover{
background:#000000;
}

#link5 {
background:#21659E;
margin-left: 427px;
position: absolute;
margin-top: 87px;
z-index: 900;
  height: 108px;
  width: 88px;
}

#link5:hover{
background:#000000;
}

#link6 {
  background: #21659E;
  margin-left: 524px;
  position: absolute;
  margin-top: 87px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link6:hover{
background:#000000;
}


#link7 {
background:#21659E;
margin-left: 37px;
position: absolute;
  margin-top: 211px;
z-index: 900;
  height: 108px;
  width: 88px;
}

#link7:hover{
background:#000000;
}


#link8 {
background:#21659E;
margin-left: 137px;
position: absolute;
  margin-top: 211px;
z-index: 900;
  height: 108px;
  width: 88px;
}


#link8:hover{
background:#000000;
}

#link9 {
background:#21659E;
margin-left: 233px;
position: absolute;
  margin-top: 211px;
z-index: 900;
  height: 108px;
  width: 88px;
}

#link9:hover{
background:#000000;
}

#link10 {
background:#21659E;
margin-left: 332px;
position: absolute;
  margin-top: 211px;
z-index: 900;
  height: 108px;
  width: 88px;
}

#link10:hover{
background:#000000;
}

#link11 {
  background: #21659E;
  margin-left: 429px;
  position: absolute;
  margin-top: 211px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link11:hover{
background:#000000;
}

#link12 {
  background: #21659E;
  margin-left: 526px;
  position: absolute;
  margin-top: 211px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link12:hover{
background:#000000;
}

#link13 {
  background: #21659E;
  margin-left: 37px;
  position: absolute;
  margin-top: 333px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link13:hover{
background:#000000;
}

#link14 {
  background: #21659E;
  margin-left: 137px;
  position: absolute;
  margin-top: 333px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link14:hover{
background:#000000;
}

#link15 {
  background: #21659E;
  margin-left: 234px;
  position: absolute;
  margin-top: 333px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link15:hover{
background:#000000;
}

#link16 {
  background: #21659E;
  margin-left: 332px;
  position: absolute;
  margin-top: 333px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link16:hover{
background:#000000;
}

#link17 {
  background: #21659E;
  margin-left: 429px;
  position: absolute;
  margin-top: 333px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link17:hover{
background:#000000;
}

#link18 {
  background: #21659E;
  margin-left: 526px;
  position: absolute;
  margin-top: 333px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link18:hover{
background:#000000;
}


#link19 {
  background: #21659E;
  margin-left: 37px;
  position: absolute;
  margin-top: 455px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link19:hover{
background:#000000;
}


#link20 {
  background: #21659E;
  margin-left: 137px;
  position: absolute;
  margin-top: 455px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link20:hover{
background:#000000;
}


#link21 {
  background: #21659E;
  margin-left: 235px;
  position: absolute;
  margin-top: 455px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link21:hover{
background:#000000;
}


#link22 {
  background: #21659E;
  margin-left: 333px;
  position: absolute;
  margin-top: 455px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link22:hover{
background:#000000;
}


#link23 {
  background: #21659E;
  margin-left: 432px;
  position: absolute;
  margin-top: 455px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link23:hover{
background:#000000;
}

#link24 {
  background: #21659E;
  margin-left: 527px;
  position: absolute;
  margin-top: 455px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link24:hover{
background:#000000;
}

#link25 {
  background: #21659E;
  margin-left: 37px;
  position: absolute;
  margin-top: 577px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link25:hover{
background:#000000;
}

#link26 {
  background: #21659E;
  margin-left: 137px;
  position: absolute;
  margin-top: 577px;
  z-index: 900;
  height: 108px;
  width: 88px;
}

#link26:hover{
background:#000000;
}

#fonte {
  margin-left: 493px;
  position: absolute;
  margin-top: 698px;
  z-index: 900;
  height: 18px;
  width: 141px;
  color: #000;
  font-family: calibri;
}


#a_id {
  display: block;
  height: 76px;
  width: 79px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}

#tit {
text-align: center;
float: left;
margin-left: 93px;
}

.modal {
top:0px !important;
background-position: center center;
background-repeat: no-repeat;
display: none;
z-index: 1001;
position: absolute;
 height: 620px;
 background-color: #EDEDED;
}

.modal2,.modal3,.modal4,.modal5,.modal6,.modal7,.modal8,.modal9,.modal10,.modal11,.modal12,.modal13,.modal14,.modal15{
margin-left: -534px;
display: none;
background: #999;
overflow: auto;
z-index: 1001;
position: absolute;
margin-top: 88px;
width: 531px;
min-height: 429px;
}


/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */