@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'montserratthin';
    src: url('montserrat-thin-webfont.woff2') format('woff2'),
         url('montserrat-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
        @font-face {
    font-family: 'montserratmedium';
    src: url('montserrat-medium-webfont.woff2') format('woff2'),
         url('montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.woff2') format('woff2'),
         url('montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratsemibold';
    src: url('montserrat-semibold-webfont.woff2') format('woff2'),
         url('montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
           
          .headermenu {
          width:100%;
              background: #000000;
} 
        
        .modulo100 {
          position:relative;
		left:0px;
		top:0px;
}
    .ancho100{
        max-width:1300px;
		position:relative;
		left:0;
		top:0px;
        width:100%;
		height:auto;
		float:left;
		padding:0px;
    }
           .ancho50left{
            
		position:relative;
		left:0;
		top:0px;
        width:calc(50% - 10px); 
		height:auto;
		float:left;
		padding-left:10px;
               padding-top:10px;
               padding-bottom:10px;
               z-index: -1;
    }
             .ancho50right{
		position:relative;
		left:0;
		top:0px;
            
        width:calc(50% - 10px); 
		height:auto;
		float:left;
		padding-right:10px;
                  padding-top:10px;
               padding-bottom:10px;
                   z-index: -1;
    }
    	
    	 .anchoimagen{
padding-top:10px;
             padding-bottom:10px;
        width:100%;
		max-width:1400px;
		height:auto;
		background:#ffffff;
		margin:0px auto;
             
		
    }
        .container2{
	position: relative;
	text-align:left;
	z-index:-1; 
	width:calc(100% - 40px); 
	max-width:1500px;
	
background:#fff;
	left:0px;
	right:20px;   
	margin:0 auto; 
    }

    body {
  margin: 0px;
}

#main-nav {
  background-color: #ffffff;
  padding: 20px;
  text-align: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  height: 65px;
}

nav a {
  color: #888888;
  text-decoration: none;
  margin: 0px 10px;
  padding: 5px;
    font-family: 'montserratregular';
    font-size: 14px;
}

#main-nav.sticky {
  position: fixed;
  top: 0;
}

.navbarOffsetMargin {
  padding-top: 45px;
}

nav a.active {
color: #000000;
   border-bottom: 1px #000000 solid;

}

nav a:hover {color: #000000;
  border-bottom: 1px #000000 solid;
}

section {
  min-height: 100%;
}

section#header {
  background-color:#ffffff; 
  min-height: 0px;
    text-align: center;
    margin: 0px, auto;
}


article {
  width:calc(100% - 40px);
  max-width: 1100px;
  padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  margin: 0px auto;
    text-align: center;


}

article2 {
 width:100%;


    padding-top: 10px;
    padding-bottom: 10px;
  margin: 0px;
    text-align: center;


}

h2 {
  text-align: center;
  margin-top: 80px;
    margin-bottom: 50px;
  font-family: 'montserratthin';
    font-size: 30px;
}
.maintitle {
  text-align: center;
  margin-top: 60px;
    margin-bottom: 50px;
  font-family: 'montserratregular';
    font-size: 30px;
}

p {
  font-size: 1.5em;
  text-align: center;
}

@media
(prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior:smooth;
  }
}
        .hamburger-menu{
  display: none;
    }
        
        .textitocelu{
    display: none;
    
    }
        @media (min-width: 1200px) and (max-width: 1300px){
                                  .fotocelu{
    display: none;
    
    }
              .fotodesk{
    display: block;
     }
              html {
    scroll-behavior:auto;
  }
	nav a {

    font-size: 13px;
}
             .caja{
    display: block;
    
    }
          .cajacelu{
    display: none;
    
    }
    .logocelu{
    display: none;
    
    }
   .logodesk{
    display: block;
       width: 100%;
    
    
    }
	}

        @media (min-width:1251px){
         .logocelu{
    display: none;
    
    }
    .logodesk{
    display: block;
    
       }      
     .caja{
    display: block;
    
    }
                        .fotocelu{
    display: none;
    
    }
              .fotodesk{
    display: block;
    
    }
          .cajacelu{
    display: none;
    
    }}
@media (max-width:1250px){
    
    .headercito {
margin-top:0px;


}
            .fede{
        display: none;
    

                
    
    }
    
    
                        .fotocelu{
    display: block;
    
    }
              .fotodesk{
    display: none;
    
    }
                .logodesk{
    display: none;
    
    }
    
    
    
                       .logocelu{
    display: block;
                           margin-top:-20px;
                           padding:10px;
                          
    
    }
     .caja{
    display: none;
    
    }
        .cajacelu{
    display: block;
    
    }
 .textito{
    display: none;
    
    }
     .textitocelu{
         
    font-family: 'montserratregular';
         font-size: 12px;
         line-height: 20px;
         padding-bottom:100px;
         padding-top: 60px;
         padding-left: 40px;
         padding-right: 40px;
    display: block;
         text-align: left;
         
    
    }
      .textito2{
    
    display: none;
    }
    article{
      width:calc(100% - 10px);
  max-width: 1250px;
  padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  margin: 0px auto;
    text-align: center;


}
    article2 {
 width:100%;

  padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  margin-top:0px;
    text-align: center;


}
    
    .ancho50left{
		padding-top:10px;
             padding-bottom:10px;
        padding-left:0px;
        width:100%;
		max-width:1300px;
		height:auto;
		background:#ffffff;
		margin:0px auto;
        z-index: -1;
	
    }
 
             .ancho50right{
	padding-top:10px;
             padding-bottom:10px;
                 padding-right:0px;
        width:100%;
		max-width:1300px;
		height:auto;
		background:#ffffff;
		margin:0px auto;
                 z-index: -1;

    }
.hamburger-menu{
    
  display: block;
    }
    section#header {
  display:none;
}
.navbarOffsetMargin {
  padding-top: 0px;
}

#main-nav {

  height: 0px;
}
h2 {
  text-align: center;
  margin-top: 60px;
    margin-bottom: 30px;
  font-family: 'montserratthin';
    font-size: 20px;
}
    .maintitle {
  text-align: center;
  margin-top: 60px;
    margin-bottom: 30px;
  font-family: 'montserratthin';
    font-size: 20px;
}
 html {
    scroll-behavior:auto;
  }
      }

             .fede{
        font-family: 'montserratsemibold';
        font-size: 15px;
        line-height: 25px;
        width:20%;
   
        margin:auto;

                
    
    }
             .textito2{
        font-family: 'montserratregular';
        font-size: 13px;
        line-height: 25px;
        width:70%;
   padding-bottom: 40px;
        margin:auto;
    
    }
                  .caja{
                    
         
        font-family: 'montserratregular';
        font-size: 13px;
        line-height: 25px;
        width:100%;
   border-top-style:solid;
   border-top-width: 1px;
      border-top-color:#000000;
        margin:auto;
    
    }               .cajacelu{
                     
        font-family: 'montserratregular';
        font-size: 13px;
        line-height: 25px;
        width:100%;
     border-top-style:solid;
   border-top-width: 1px;
      border-top-color:#000000;
        margin:auto;
    
    }
             .textito{
        font-family: 'montserratregular';
        font-size: 13px;
        padding:100px;
        line-height: 25px;
         width:calc(100% - 200px); 
   
        margin:auto;
    
    }
                    .logofinal{
        padding-top:100px;
                        padding-bottom:100px;
    
    }

                    	 .linea{

        width:100%;
		background-color: #ffffff;
                             height: 20px;
                             border-bottom: 1px #cccccc solid;
                              
             
		
    }