/*Checkboxes*/

.checkbox
{
    display: block;
    position: absolute;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    z-index: 6;

    padding:5px;
}

label {  
  display: inline-block;  
  cursor: pointer;  
  position: relative;  
  padding-left: 25px;  
  margin-right: 15px;  
  font-size: 16px;  
  line-height: 20px;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
}  

label:before {  
    content: "";  
    display: inline-block;  
    width: 16px;  
    height: 16px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottombottom: 1px;  
    background-color: white;
}  

input[type=checkbox] {  
    display: none;  
}  

input#c1[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
    background: #e9632d; 
} 

input#c2[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
      background: #55a530; 
  /*  background: #f1cc4f; */
}

input#c3[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
    background: #53b1e2; 
}

input#c4[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
   background: #f1cc4f; 
}

input#c5[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
    background: #e20083; 
} 

input#c5[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
    background: #e20083; 
} 

input#all[type=checkbox]:checked + label:before {  
    font-size: 15px;  
    color: #f3f3f3;  
    text-align: center;  
    line-height: 15px; 
    background: #000000; 
} 

/*imagens*/

.imagens
{
    position: relative;
    width: 1027px;
    height: 710px;
    margin-left: 350px;
    margin-top: 10px;
}

.img1
{
    border: 1px solid #e9632d;
    position:absolute;
    visibility: visible;
    z-index: 5;
    width: 100%;
    height: 100%;
}

.img2
{
    border: 1px solid  #55a530;
    position:absolute;
    visibility: visible;
    z-index: 4;  
    width: 100%;
    height: 100%;  
}
.img3
{
    border: 1px solid #53b1e2;
    position:absolute;
    visibility: visible;  
    z-index: 3;    
    width: 100%;
    height: 100%;
}
.img4
{
    border: 1px solid #f1cc4f;
    position:absolute;   
    z-index: 2;    
    width: 100%;
    height: 100%;
}
.img5
{
    border: 1px solid #e20083;
    position:absolute;
    z-index: 1;  
     width: 100%;
    height: 100%;   
}

/*pagina inicial*/
.main{
     position:absolute;
     width:500px;
     height:200px;
     z-index:15;
     top:50%;
     left:50%;
     margin:-100px 0 0 -250px;
     font-family: arial, sans-serif;
     font-size: 12pt; 
}

.nomes{
   position: absolute;
   text-align: center;
   bottom: 0;
    font-family: arial, sans-serif;
     font-size: 8pt; 
     padding: 10px;
     color: lightgray;
}