@charset "utf-8";
/* CSS Document */
html {margin:0; padding:0; overflow-x:hidden; width:100%; height:auto}
body {font-family:'PT Sans', sans-serif !important;}
/* RESET */
*{margin:0; padding:0;}

/* PSEUDO CLASSES */
a {text-decoration:none; color:#990000; }
a:hover{text-decoration:underline; color:#990000;}
ul {list-style-type:none;}
ul li {list-style-type:none;}
ul li ul {list-style-type:none;}
ul li ul li {list-style-type:none;}
li {list-style-type:none;}
p {margin-bottom:10px; text-align:justify; }

#nav{    /* container */ z-index:99; color:#000000;}
#nav > a{	display: none;}
#nav li{	position: relative;}
/* first level */
#nav > ul {	height: 3.75em; background:#eaeaea; margin-top:0px;}
#nav > ul > li{ width: 25%; height: 100%; float: left; border-bottom:1px solid #CCC; background:#eaeaea; padding:5px 5px;}
/* second level */
#nav li ul { display: none; position: absolute; top: 100%; background:#eaeaea; }
#nav li ul li {padding:3px 10px;}
#nav li:hover ul { display: block; }

@media only screen and ( max-width: 55em ) /* 640 */ {
  #nav { position: relative; }
  #nav > a {    }
  #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type { display: block;}
    /* first level */
  #nav > ul {height: auto; display: none; position: absolute; left: 0; right: 0; }
  #nav:target > ul{ display: block;}
  #nav > ul > li {width: 100%; float: none; }
  /* second level */
  #nav li ul {position: static; }
}

.window{
  display:none;
  min-width:400px;
  min-height:550px;
  width:15%;
  height:20%;
  position:absolute;
  background:#FFF;
  z-index:9900;
  padding:2%;
  border-radius:10px;
}
.window2{
  display:none;
  min-width:400px;
  min-height:550px;
  width:15%;
  height:20%;
  position:absolute;
  background:#FFF;
  z-index:9900;
  padding:2%;
  border-radius:10px;
  margin:9% 42.5%;
}

#mascara{
  display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
}

.color-black {
    color:#000;
}

.color-verde {
    color:#000;
}

.fechar{display:block; text-align:right; color:#000000; font-size:2em; margin-top: -30px; width: 106%; height: 10px;}


@media (min-width: 200px) {
    .container {max-width:1170px; margin:0 auto; height:auto; width:90%;}
    .container2 {max-width:100%; margin:0 auto; height:auto; width:100%;}
    
    
}