/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 5, 2014 */



@font-face {
    font-family: 'sciflysans';
    src: url('fuentes/scifly/scifly-sans-webfont.eot');
    src: url('fuentes/scifly/scifly-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/scifly/scifly-sans-webfont.woff') format('woff'),
         url('fuentes/scifly/scifly-sans-webfont.ttf') format('truetype'),
         url('fuentes/scifly/scifly-sans-webfont.svg#sciflysans') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'fuentes/matchbook/matchbookregular';
    src: url('fuentes/matchbook/matchbook-webfont.eot');
    src: url('fuentes/matchbook/matchbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/matchbook/matchbook-webfont.woff') format('woff'),
         url('fuentes/matchbook/matchbook-webfont.ttf') format('truetype'),
         url('fuentes/matchbook/matchbook-webfont.svg#matchbookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

div#fondo{
    margin-top: 5%;
    margin-left: 10%; 
    width: 90%;
    height: 80%;   /*queda un 15% para el footer*/
}

nav#botonera{
    margin-left: 42%;
    width:50%;
    margin-top: -11%;
}

.botones {
    display: inline-block;
    position: relative;
    margin:0px;
    padding:0px;
    margin-left: 8%;
}

div#botonera2{
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 5%;
    width: 80%;
}

.botones2 {
    display: inline-block;
    position: relative;
    margin:0px;
    padding:0px;
    margin-left: 4.5%;
}

div#footer{
    background-color: #ebecf2; 
    margin-left: 0px;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 20%;
    height:30%;   
}

div#columna1{
    display: inline-block;
    position: relative;
    margin-left: 5%;
    margin-top: 2.5%;
    
}

div#columna2{
    display: inline-block;
    position: relative;
    margin-left: 5%;
    margin-top: 2.5%;
    vertical-align:top;
}

div#columna3{
    display: inline-block;
    position: relative;
    margin-left: 5%;
    margin-top: 2.5%;
    vertical-align:top;
    
}
div#columna4{
    margin-left: 5%;
}

div#formulario{
    display: inline-block;
    position: relative;
    margin-left: 5%;
    margin-top: 2.5%;
    vertical-align:top;
    
}
span#titulo{
    font-family: matchbook;
    font-stretch: expanded;
    font-size: 2rem; 
    color: #3b3a3a;    
}

.lista{
    font-family: scifly;
    font-size: 1rem;      
}

a{
    text-decoration: none;
    color: #75c3c6;
}

a:hover{
    color: #565656;
}

.leyenda{
    font-family: scifly;
    font-size: 1rem;
    margin-left: 25%;
    margin-top: -5%;
    margin-bottom: 3%;
    width: 60%;
    text-align: left;
}

.barra{
    background-color: #ebecf2;
    width: 100%;
    height: 5%;
    font-family: "sciflysans";
}

.menu{
    display: inline-block; 
    margin-left: 8%;
    margin-bottom: 1%;
    margin-top: 1%;  
    vertical-align:center;
  
}

nav#botingresantes{
    margin-top: 5%;
    margin-left: 25%;
}

.header{
    height:50px;
    background:#F0F0F0;
    border:1px solid #CCC;
    width:960px;
    margin:0px auto;
}

.contenido{
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 5%;
    text-align:justify;
}

.pregunta{
    font-family:matchbook;
    font-size: 3rem;
    font-stretch: expanded;
    text-align: center;
    
}