/* DEFINICI�N DE LOS ESTILOS GENERALES Y RESET DE ESTILOS */

*{padding: 0; margin: 0;}

img{ border: 0;}

ul { list-style: none; padding: 0; margin: 0; display:block; }

h1, h2, h3, h4, h5, h6 { margin: 0px; font-size: 1em; padding: 0px;}

a{ text-decoration: none; color: #666; font-family: Verdana; }

body{ 
    font-family: Verdana; 
    font-size: 62.5%; 
    color:#000; 
    background:#fff; 
    background-image: url('../_images/almassaf.jpg');     
    background-position: top center; 
    background-repeat: no-repeat;
}


.logo {	
    width:       50%;    
    vertical-align:middle;
} 

.container{
    background: rgba(0, 0, 0, 0.6);    
    width: 100%;
    height: 100vh;    
    text-align:center;
}
.bloqueDatos{
    display:block;
    vertical-align:middle;
    padding-top:160px;
}
.bloqueDatos h1{
    color:#FFF;
    margin-bottom:40px;
    font-size:36px;
    font-weight:bold;
}
.bloqueDatos span, .bloqueDatos a{
    display:block;
    font-size:22px;
    color:#FFF;
    margin-bottom:10px;
}

@media (min-width:320px)  { 
    body {
        height: 100vh;
        background-size:cover;
    } 
}
@media (min-width:481px)  { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
}
@media (min-width:641px)  { 
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
}
@media (min-width:961px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 
}
@media (min-width:1025px) { 
    /* big landscape tablets, laptops, and desktops */ 
}
@media (min-width:1281px) { 
    body {
        background-size:cover;
      } 
}