/*

*{
margin: 0;
padding: 0;
}

*/

html {
/*height:720px;*/
/*width:940px;*/
margin:0 auto;
}


body {
height:100%; /*    para elementos hijos se expandan al 100% cuando se lo especifiquemos, por ejemplo si ponemos fondo en la  columna derecha no quede corto*/
width:100%;
margin:0 auto; /*opciones para centrar la pagina si se usa el ancho en px*/
padding:10px;
background-color: #F0F9B5;
}


h1,h2,h3,h4,h5,h6{
    text-align:center;
}


.tablaresultados{
    
    width:100%;
     background-color:yellow;
 

    
}

.name{
   width:50%;
}

.titulotabla{
    background-color:orange;
    
}

.cas{
 
width:100px;
}

.form {
margin:10px;
/*background-color:green;*/
background-color:#2AF3F0;
}

.sangria{
    padding-left:3em;
}

.size{
    text-align:right;
}

.izquierda{
width:40%;
float:left;
/*margin-top:1%;*/
height: 100%;
/*background-color:yellow;*/
}



.derecha{
margin-top:10px; 
width:50%;
float:left;
/*margin-top:1%;*/
height: 100%;

}

@media only screen and (max-width: 400px) {

.html{
    font-size:1em;
}

.izquierda{
width:100%;
/*margin-top:1%;*/
height: 100%;
/*background-color:yellow;*/
}



.derecha{
width:100%;
/*margin-top:1%;*/
height: 100%;

}