@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

body
{
    background-repeat: no-repeat;
    background-size:  cover;
    background-attachment: fixed;
}
.index_title
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 6pt;
    font-weight: bolder;
    top: 65.7%;
    left: 43.5%;
    width:inherit;
    color: black;
    text-align: center;
}
.index_nccp
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 5%;
    left: -2%;
    padding-left: 2.5%;
    color: black;
   
    text-align: center;
}
.index_napcon
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 5.5%;
    left: 0%;
    padding-left: 83.5%;
    color: black;
    text-align: left;
}



.index_banner1
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 0%;
    left: 65%;
    color: black;
   
    text-align: center;
}
.index_banner2
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    width: inheret;
    top: 0%;
    left: 56%;
    
    color: black;
   
    text-align: center;
}
.index_banner3
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 0%;
    left: 13.9%;

    color: black;
   
    text-align: center;
}
.index_banner4
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 0%;
    left: 46.8%;
    
    color: black;
   
    text-align: center;
}
.index_lupin
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 8pt;
    font-weight: bolder;
    top: 37%;
    left: 47.75%;
    color: black;
   
    text-align: center;
}
.index_about
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    top:53.7%;
	left:65.25%;
    width: 1%;
    color: black;
    text-align: center;
}

.index_aboutagenda
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    top: 56.5%;
    left: 37%;
    width: inherit;
    height: inherit;
    color: black;   
    text-align: center;
}

.index_aboutdos
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    top: 56.5%;
    left: 58.5%;
    width: inherit;
    color: black;
   
    text-align: center;
}

.index_quiz{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    bottom: 5%;
    left: 45%;
    width: 10%;
    background-color: red;
    color: whitesmoke;
    border-radius: 10%;
    text-align: center;
    padding: 10px;
    
}
.index_list
{
    position: fixed;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    font-weight: bolder;
    top:53.3%;
	left:28%;
    width: inherit;
    color: black;
   
    text-align: center;
}
.boxshadow 
{
  -moz-box-shadow: 3px 3px 5px #535353;
  -webkit-box-shadow: 3px 3px 5px #535353;       
  box-shadow: 3px 3px 5px #535353;
}
.roundbox
{  
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;  
  border-radius: 6px 6px 6px 6px;
}
.alertsuccess {
    position: fixed;
   left: 25%;
   width: 50%;
   top:  5%;
  padding: 20px;
  color: #4F8A10;
    background-color: #DFF2BF;
  z-index: 99999;
 
  
}
.alerterror {
    position: fixed;
   left: 25%;
   width: 50%;
   top:  5%;
  padding: 20px;
  color: #D8000C;
    background-color: #FFD2D2;
  z-index: 99999;
 
  
}
.closebtn {
  margin-left: 15px;
  color: black;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: red;
}
/*Media Queries */
  @media   (max-width: 992px) and (orientation:landscape){
      
      .index_lupin
{
    position: fixed;
     top: 37%;
    left: 41.75%;
}
  }
/* for desktops */
  @media only screen and (min-width:768px){
      .index_banner1
{
    position: fixed;
    top: 0%;
    left: 73%;
   
}
.index_banner2
{
    position: fixed;
    top: 0%;
    left: 64.0%;
  
}
.index_banner4
{
    position: fixed;
    top: 0%;
    left: 55%;
  
}
      .index_lupin
{
    position: fixed;
     top: 28%;
    left: 47.75%;
}
      
  }