@charset "utf-8";

body{
	background-color: #C6C6C6;
	font-family: "calibri";

}

table, tr, th, td{
	
	border: 2px solid black;
	border-collapse: collapse;
}

td{
	text-align: center;
}

.head{
	margin: 25px;
}

.content{
	margin: 25px;
	overflow: hidden;
	padding: 55px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,b3bead+0,dfe5d7+100 */
	background: #fcfff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfff4 0%, #b3bead 0%, #dfe5d7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfff4 0%,#b3bead 0%,#dfe5d7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfff4 0%,#b3bead 0%,#dfe5d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dfe5d7',GradientType=0 ); /* IE6-9 */

}

.foot{
	margin: 25px;
}

div{
	border: 1px solid black;
}

.tablas{
	float: left;
}
.imagenes{
	float: right;
	padding: 55px;
}

.bomba{
		/* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
}
.bomba:hover{

        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(2);
        -moz-transform : scale(2);      /* Firefox */
        -webkit-transform : scale(2);   /* Chrome - Safari */
        -o-transform : scale(2);        /* Opera */
}

.titulo{
	color:#0B2161;
	text-align: center;
}
.descarga{
	text-align: center;
}

.link{
	text-decoration: none;
}