#navb{
         width: 100%;
    height: 66px;
    background-color: #022e65;
    float:none;
    position:fixed;
    top:0;
    z-index:10;
   
 }
#color{
    width:100%;
    height:4px;
   margin-top:53px;
    
}
#color ul{
    width:100%;
    height:4px;
    
}
#color li{
    margin:-2px;
    
    margin-top:-2px;
    width:33%;
    display:inline-block;
    height:3px;
    
    
}
     #marco {
    width: 190%;
    margin-left:-50px;
    height: 160px;
    background-image: url(corazon.png);
    padding: 90px;
    background-size: cover;
    position:absolute;
    z-index:2;
    background-position: center;}
    @media(max-width:800px){
          #marco {
    width: 90%;
    height: 660px;
    background-image: url(corazon.png);
    padding: 40px;
    background-size: cover;
    position:absolute;
    z-index:2;
    background-position: center;}
        
    }
        a{color:white;display:inline-block;}
       #header{
               background-image:url("");
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        width:100%;
        height:90%;
        top:0;
        position:absolute;position:fixed;
        z-index:-1;
            
        }
    *{
        padding:0;
        margin:0;
    }
    #heade{
        width:100%;
        height:80%;
     background-color:rgba(0,0,0,0.1);
     position:absolute;
     z-index:2;top:0;
    }
      #heade h1{
       color:white;
       font-family:sans-serif;
       font-weight:3px;
   font-size:5.5em;
  text-align:left;
  margin-left:7%;

    }
          @font-face{
              
	font-family:mFont;
	 src: url("red.ttf");
	 
}
    #nav{
        width:100%;
        height:65px;
        background-color:#022e65;
      color:white;
     position:absolute; z-index:4;position:fixed;
     
    }
        #nav img{
        width:10%;
        height:76px;
     
      color:white;
       display:block;
   float:left;
   margin-left:27%;
   margin-top:-6px;
    }
    #nav ul{
        width:50%;
        height:65px;
        float:right;
        display:block;
       
    }
    #nav ul li{
       margin:10px;
       padding:10px;
     
  font-family:sans-serif;
      display:inline-block;
      text-align:center;
    
    }
     @media(max-width:800px){
         #nav ul li{
        width:100%;
        height:65px;
        background-color:#6b9ad4;
      color:white;
     position:absolute; z-index:4;position:fixed;
      font-family:romantic;
      display:none;
    }
        
        
    }
    #nav p{
        font-weight:7px;
          color:white;
       font-family:sans-serif;
        text-align:left;
        margin-left:2%;
    text-shadow:-3px 5px 20px black;
        font-size:2em;
        
      margin-top:1%;
        position:absolute;
        letter-spacing:5px;
    }
    
    #content{
     
        background-color:white;
        width:100%;
        font-family:sans-serif;
        
        display:block;
        
    }
     #content iframe{
     
    
        width:80%;
        border:0px;
        height:360px;
        font-family:sans-serif;
        
        display:block;
        
    }
      #section{
     
        background-color:white;
        width:90%;
        font-size:sans-serif;
        box-shadow:1px 1px 5px black;
        display:block;
        
    }
      #section input{
     
        background-color:rgba(0,0,0,0.04);
        width:45%;
       height:37px;
        box-shadow:1px 1px 1px black;
        margin-top:10px;
        border-radius:5px;
         -webkit-border-radius:5px;
          -ms-border-radius:5px;
          -moz- border-radius:5px;
         
    }
    #section1{
     
        background-color:white;
        width:90%;
        font-size:sans-serif;
        box-shadow:1px 1px 5px black;
        
          display:block;
    }
      #section1 input{
     
        background-color:rgba(0,0,0,0.04);
        width:45%;
       height:37px;
        box-shadow:1px 1px 1px black;
        margin-top:10px;
        border-radius:5px;
         -webkit-border-radius:5px;
          -ms-border-radius:5px;
          -moz- border-radius:5px;
    }
    #section2{
       display:none;
        background-color:white;
        width:90%;
        font-size:sans-serif;
        box-shadow:1px 1px 5px black;
        
        
    }
      #section2 input{
     
        background-color:rgba(0,0,0,0.04);
        width:45%;
       height:37px;
        box-shadow:1px 1px 1px black;
        margin-top:10px;
        border-radius:5px;
         -webkit-border-radius:5px;
          -ms-border-radius:5px;
          -moz- border-radius:5px;
    }
    
    #listap{
      
        background-color:#6b9ad4;
        color:white;
        font-size:sans-serif;
        box-shadow:1px 0px 12px 0px black;
       
     position:relative;
     top:0px;
        display:inline-block;
        
        font-size:1em;
       
        
        
    }
    @media(max-width:800px){
        
        #listap{
      
        background-color:#6b9ad4;
        color:white;
        font-size:sans-serif;
        box-shadow:1px 0px 12px 0px black;
        width:90%;
     position:relative;
     top:0px;
        display:inline-block;
        margin:8px;
        font-size:1em;
        padding-bottom:20px;
        
        
    }
    }
      #lista{
      
        background-color:#6b9ad4;
        color:white;
        font-size:sans-serif;
        box-shadow:1px 0px 12px 0px black;
        width:27%;
     position:relative;
     top:0px;
        display:inline-block;
        margin:8px;
        font-size:1em;
        padding-bottom:20px;
        
        
    }
    @media(max-width:800px){
        
        #lista{
      
        background-color:#6b9ad4;
        color:white;
        font-size:sans-serif;
        box-shadow:1px 0px 12px 0px black;
        width:90%;
     position:relative;
     top:0px;
        display:inline-block;
        margin:8px;
        font-size:1em;
        padding-bottom:20px;
        
        
    }
    }
    #lista img{
      
       
        width:150px;
        height:150px;
      
        
        
    }
    .esta{
        background-color:white;
        color:#6b9ad4;
    }
  
  #lista1{
      width:100%;
      
      background-color:white;
      border-bottom:1px solid black;
      margin-bottom:20px;
      padding-bottom:20px;
      text-align:right;
  }
   
  #lista1 img{
      width:6%;
      height:50px;
      border-radius:50%;
     float:left;
     background-color:grey;
     
      
  }
   #lista1 strong{
     
   font-family:sans-serif;
   float:left;
   text-align:left;  
   left:0;
   margin-right:84%;
      
  }
 table {
   width: 100%;
}
th, td {
   width: 10%;
   text-align: left;
   padding-top:7px;
    padding-bottom:7px;
   vertical-align: top;
   border-top:solid 1px #6b9ad4;
}
     #listah{
      width:7%;
      
      background-color:#6b9ad4;
      border-bottom:1px solid black;
      margin-bottom:20px;
      padding:20px;
      text-align:left;
      display:inline-block;
  }
 #boton{
    border:0px;margin-top:3px; width:50px;height:22px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:white;color:red;font-family:sans-serif; font-size:1em;
     
 }
 #log{
     width:30%;
     height:340px;
     display:none;
 }
  #log input{
     width:97%;
     height:30px;
    border-radius:7px;
    background-color:rgba(0,0,0,0.04);
    color:white;
    font-size:1em;
 }
 #let{
     display:block;
     
 }
 #em,  #em1,  #em3,  #em4,  #em5{
     display:none;
     float:left;
     background-color:white;
     color:#6b9ad4;
     width:95%;
     position:absolute;
     z-index:3;
     padding:9px;
     line-height:20px;
 }
 #em2{
      line-height:20px;
     display:none;
     float:left;
     background-color:white;
     color:#6b9ad4;
     width:95%;
     position:absolute;
     z-index:3;
     padding:9px;
 }
 
 .slideshow { position:relative; width:100%; height:80%; word-wrap:break-word;}
.slideshow img { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
.slideshow p{ position:absolute; left:8%; z-index:2; font-family:sans-serif; color:white;font-size:5em; bottom:20%; }
@media(max-width:800px){
    
    .slideshow p{ position:absolute; left:8%; z-index:2; font-family:sans-serif; color:white;font-size:3em; bottom:20%; }
}
#foot{
    margin-top:120px;
    width:100%;
    height:600px;
    background-color:#022e65;
    color:white;
}
#foot iframe{
    width:100%;
    height:279px;
    background-color:#6b9ad4;
    color:white;
}
#slide1{
    
    
    background-image:url("v.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;  left:0; top:0; z-index:1;
}
#slide2{
    
    
    background-image:url("v2a.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
      width:100%;
   height:100%;
    position:absolute;  left:0; top:0; z-index:1;
}
#slide3{
    
    
    background-image:url("v3.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
      width:100%;
     height:100%;
    position:absolute;  left:0; top:0; z-index:1;
}
#slide4{
    
    
    background-image:url("v4.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
      width:100%;
  height:100%;
    position:absolute;  left:0; top:0; z-index:1;
}
#slide5{
    
    
    background-image:url("v5.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
      width:100%;
    height:100%;
    position:absolute;  left:0; top:0; z-index:1;
}

#cuad{
    width:37px;
    height:37px;
    float:right;
    display:none;
    background-color:white;
    margin:5px;
}
@media(max-width:800px){
    #cuad{
    width:37px;
    height:37px;
    float:right;
    display:block;
    background-color:white;
    margin:5px;
}
    
}
#mc{
    margin-top:58px;
    position:absolute;position:fixed;
    z-index:100;
    display:none;
    width:100%;
    background-color:#6b9ad4;
    color:white;
    font-family:sans-serif;
    text-align:center;
}
#linea{
    margin-top:6px;
 display:block;
height:3px;
    width:90%;
    background-color:#6b9ad4;
  
  
}
.pai{
    background-color:white; background-size:cover; background-position:center;background-repeat:no-repeat; background-image:url('v9a.jpg'); height:300px; color:#6b9ad4; text-align:left; width:47%;
}
@media(max-width:800px){
    .pai{
    background-color:white; background-size:cover; background-position:center;background-repeat:no-repeat; background-image:url('v9a.jpg'); height:300px; color:#6b9ad4; text-align:left; width:90%;
}
    
}
.pai1{
    background-color:white; background-size:cover; background-position:center;background-repeat:no-repeat; background-image:url('v.jpg'); height:300px; color:#6b9ad4; text-align:left; width:47%;
}
@media(max-width:800px){
    .pai1{
    background-color:white; background-size:cover; background-position:center;background-repeat:no-repeat; background-image:url('v.jpg'); height:300px; color:#6b9ad4; text-align:left; width:90%;
}
    
}
#li{
    width:100%;
    color:white;
     background-color:#022e65;
}
#li ul{
    width:98%;
    color:white;
    background-color:#022e65;
    
    
}
#li  li {
    width:30%;
    color:white;
    padding:7px;
    display:inline-block;
    text-align:left;
    font-family:sans-serif;
    
    
}
@media(max-width:800px){
    #li  li {
    width:100%;
    color:white;
    padding:7px;
    display:inline-block;
    text-align:left;
    font-family:sans-serif;
    
    
}
    
}
#wa{
    position:fixed;
    right:1%;
    bottom:1%;
    z-index:1000;
    background-color:#6995de;
    color:white;
    padding:10px;
    border-radius:20%;
    
     -moz-border-radius:10%;
      -o-border-radius:10%;
       -webkit-border-radius:10%;
        -ms-border-radius:10%;
        font-family:sans-serif;
    
}
#wa img{
  float:left;
margin-top:-5px;
  width:25px;
  height:25px;
    padding:4px;
  
    
    
}