5rem;
padding-right: 0.10rem;
padding-left: 0.5rem;
margin-right: 0.5rem;
margin-right: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient( to bottom, #008080 60px, #ffebcd);
font-family: 'Roboto', sans-serif;
}
.cabecera {
text-align: center;
}
.menu {
text-align: center;
}
.titulo {
color: blue;
text-shadow: 1px 1px 1px black;
float: center;
clear: both;
}
.subtitulo {
color: cian;
float: center;
clear: both;
}
.caja1 {
font-size: 80%;
padding:10px;
float:left;
font-family: 'Roboto', sans-serif;
background: rgba(255,255,255,0.9);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: -webkit-gradient(left top, right bottom, color-stop(20%, rgba(255,255,255,0.9)), color-stop(21%, rgba(255,255,255,0.9)), color-stop(61%, rgba(245,245,245,1)), color-stop(96%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: linear-gradient(135deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.caja2 {
font-size: 80%;
padding:10px;
float:right;
font-family: 'Roboto', sans-serif;
background: rgba(255,255,255,0.9);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: -webkit-gradient(left top, right bottom, color-stop(20%, rgba(255,255,255,0.9)), color-stop(21%, rgba(255,255,255,0.9)), color-stop(61%, rgba(245,245,245,1)), color-stop(96%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
background: linear-gradient(135deg, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.9) 21%, rgba(245,245,245,1) 61%, rgba(237,237,237,1) 96%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.texto {
text-align: left;
font-family: 'Roboto', sans-serif;
}
.boton{
font-size:90%;
text-shadow: 1px 1px 1px blue;
margin-left: 0rem;
padding-left: 0rem;
width:30%;
height:30%;
resize: both;
padding:0;
margin:0;
min-width: 50px; /*suggest a mid-width & min-height*/
min-height 50px;
float: none;
}
.pie {
background: linebackground: linear-gradient( to bottom, #008080, #ffebcd);ar-gradient( 90deg, blue, red 60px, yellow 120px, green);
text-align: center;
clear: both;
float: center;
}
.clear {
clear: both;
}
.vertical {
padding:3px;
width:300px;
height:400px;
float:left;
}
.horizontal {
width:300px;
height:196px;
float:top;
}