@font-face {
    font-family: 'Roboto', sans-serif;
    src: url('../fonts/Nobel-Regular.ttf') format("truetype");
}

@font-face {
    font-family: "NobelBold";
    src: url('../fonts/Nobel-Bold.ttf') format("truetype");
}

body,html{
    font-family: 'Lato', sans-serif !important;
    width:100%;
    overflow-x:hidden;
    margin:0px;
    padding:0px;
    background-color:#212121;
}

.centrador{
    margin:0 auto;
}

.desktop{
    
}

.mobile{
    
}

@media (max-width: 800px) {
  .desktop {
    display: none;
  }
    .mobile {
    display: block;
  }
}

@media only screen and (min-width: 850px) {
  .mobile {
    display: none;
  }
    .desktop {
    display: block;
  }
}

.cabecera{
    width:100%;
    float:left;
    background-color: #000000;
}

.cabecera .logo{
    margin-left: 80px;
    margin-top: 40px;
    margin-bottom:20px;
}

.cuerpo .logomovil{
    text-align:center;
    margin-top:20px;
}

.cuerpo{
    float:left;
    width:100%;
    background: url(../images/fondomarc.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    padding-bottom:100px;
}

@media (max-width: 800px) {
  .cuerpo{
    background-color: #212121;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;
      background-size: 100% auto;
      background-position: center top;
      padding-bottom:40px;
    }
}

@media only screen and (min-width: 850px) {
    .cuerpo{
        background: url(../images/fondomarc.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
        
    }
}

.titulo{
    float:left;
    width:100%;
    margin-left:0px;
    margin-top:40px;
    
}


.titulo h1{
    color:white;
    font-family: 'Nobel',sans-serif;
    font-size:50px;
    font-weight: 300;
    text-align:center;
}
@media (max-width: 800px) {
  .titulo{
        
        margin-top:20px;
        margin-left:0px;
         margin-bottom:30px;
      
    }
    
    .titulo h1{
        font-size:40px;
    }
}

@media (min-width: 800px) and  (max-width: 1600px){
  .titulo{
        
        
        margin-left:0px;
        
        margin-bottom:40px;
    }
    
    .titulo h1{
        font-size:40px;
    }
}

.titulo h1 span{
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
}

.boton{
    float:left;
    background-color:white;
    width:100%;
    margin-top:40px;
}

.boton p{
    font-family: 'NobelBold', sans-serif;
    color: black;
    padding:20px;
    margin-bottom:0px;
    font-size:23px;
}

.boton p img{
    width: 60px;
    margin-top:-5px;
}

.botonredes{
    float:left;
    width:100%;
    margin-left:0px;
    color:white;
    text-align:center;
    font-size:35px;
    margin-top:40px;
}

.botonredes span{
    font-weight: 700;
}

.botonredes input[type='text'], .botonredes input[type='email'], .botonredes input[type='tel']{
    width:100%;
    height:40px;
    font-size:20px;
    text-align:center;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}

.botonredes input[type='submit']{
    height:40px;
    font-size:20px;
    font-weight:700;
    text-align:center;
    color: #c00;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}

.botonapu{
    height:40px;
    font-size:20px;
    font-weight:700;
    text-align:center;
    color: #c00;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
}

.btn a{
     color: #c00;
}

.redescont{
    float:left;
    width:100%;
    margin-top:20px;
}
.redescont p.redes{
    float:right;
    font-size:15px;
    font-family: 'Nobel';
    font-weight: 200;
    color:white;
    text-align:right;
}

.filaabajo{
    float:left;
    width:100%;
}

@media (max-width: 800px) {
    .filaabajo{
        float:left;
        width:100%;
        position:relative;
    }
    
    .botonredes{
        font-size:28px;
        margin-top:20px;
    }
}

@media (min-width: 850px) and (min-width: 800px) {
    .filaabajo{
        float:left;
        width:100%;
        position:relative;
        margin-top:700px;
    }
}
@media (min-width: 850px) and (max-width: 800px) {
    .filaabajo{
        float:left;
        width:100%;
        position:relative;
        margin-top:300px;
    }
}

.qr{
    float:left;
    width: 100px;
    margin-left: 80px;
}

.bullets{
    width:280px;
    float:left;
    font-family: "Nobel", sans-serif;
    color:white;
    font-size:20px;
}

.subtitulo{
    float:left;
    margin-left:40px;
    
    margin-top:-20px;
}

.subtitulo h1{
    color:white;
    font-family: 'Nobel',sans-serif;
    font-size:35px;
    font-weight: 200;
}

.subtitulo h1 span{
    font-family: 'NobelBold',sans-serif;
    font-weight: 800;
}

@media (min-width: 800px) and  (max-width: 1600px){
    .qr{
        margin-left:40px;
    }
    
    .subtitulo{
        margin-left:0px;
    }
    
    .subtitulo h1{
        font-size:30px;
        margin-top:30px;
    }
}

.partemovilblanca{
    float:left;
    width:100%;
    
}

.partemovilblanca .subtitulo{
    float:left;
    margin-left:20px;
    margin-top:20px;
}

.partemovilblanca .subtitulo p{
    float:left;
    
    margin-top:20px;
    color:black;
    font-family: 'Nobel',sans-serif;
    font-size:20px;
    font-weight: 200;
    margin-left:0px;
}

.partemovilblanca .subtitulo h1{
    color:black;
    font-family: 'Nobel',sans-serif;
    font-size:30px;
    font-weight: 200;
}

.partemovilblanca .subtitulo h1 span{
    font-family: 'NobelBold',sans-serif;
    font-weight: 800;
}

.partemovilblanca .centrador{
    width:90%;
    margin: 0 auto;
}

.partemovilblanca .botonredes{
    float:left;
    width:100%;
    margin-left:0px;
}

.partemovilblanca .boton{
    float:left;
    background-color:black;
    width:100%;
    margin-top:40px;
}

.partemovilblanca .boton p{
    font-family: 'NobelBold', sans-serif;
    color: white;
    padding:20px;
    margin-bottom:0px;
    font-size:23px;
}

.partemovilblanca .boton p img{
    width: 60px;
    margin-top:-5px;
}

.partemovilblanca .bautista{
    float:left;
    width:100%;
}

.partemovilblanca .bautista img{
    width:100%;
}

.subtitulo ul{
    margin-top:20px;
}
.subtitulo ul li{
    font-family: "Nobel", sans-serif;
color: white;
font-size: 20px;
}

.subtitulo p{
    font-family: "Nobel", sans-serif;
color: white;
font-size: 20px;
}

.fila{
    float:left;
    width:100%;
}

.ponente{
    
    width:200px;
    height:200px;
    background-color:rgba(255,255,255,1);
    text-align:center;
    border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000;
    overflow:hidden;
}

.ponente2{
    
    width:200px;
    height:200px;
    background-color:rgba(21,66,132,0.6);
    text-align:center;
    border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000;
    overflow:hidden;
}

.ponente img{
    text-align:center;
    width:200px;
}

.ponente2 img{
    text-align:center;
    width:200px;
}

.ponente3{
    
    width:200px;
    height:200px;
    background-color:rgba(21,66,132,0.6);
    text-align:center;
    border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
border: 0px solid #000000;
    overflow:hidden;
}



.ponente3 img{
    text-align:center;
    width:200px;
}

.ma1{
  right: -350px;
    top:150px; 
}

.ma2{
  left: -350px;
    bottom:150px; 
}

.contponente{
    position:absolute;
     
}
.contponente p{
    text-align:center;
    color:white;
    font-weight:700;
    font-size:25px;
    margin-top:25px;
}

.explicacion{
    color:white;
    text-align:center;
}

.cierre{
    color:white;
    text-align:center;
}


.centreg{
    width:25%;
}
@media (max-width: 800px) {
    .centreg{
        width:95%;
    }
}

.parteroja{
    text-align:center;
    width:100%;
    margin-top:40px;
    color:white;
    padding-top:40px;
    background-color: #212121;
}

.parteroja h1{
    margin-bottom:20px;
}

.wescudos{
    width:500px;
}

@media (max-width: 800px){
    .wescudos{
        width:300px;
    }