Diagramas Temáticos

Geografía de México

.libros { background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.16, rgba(0, 0, 0, 0.1)), color-stop(.20, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.16, rgba(0, 0, 0, 0.1)), color-stop(.20, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.85, transparent), color-stop(.65, rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.85, transparent), color-stop(.65, rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.1) 75%); background-repeat: repeat; background-color: rgba(110,455,513,.5); -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -moz-border-radius: 50px; border-radius: 50px; display: block; width: 100px; height: 100px; text-decoration: none; color: #000066; line-height: 95px; text-align: center; font-size: 16px; text-shadow: 1px 0 0 rgba(155,455,555,.7); } .libros:hover { background-color: rgba(139,438,0, .3); color:rgba(255,0,29, .7); text-shadow: -1px 0 0 rgba(255,255,255,.7); -webkit-transform: scale(1.5) skew(45deg,-45deg) rotate(405deg); -webkit-transition-duration: .3s; -moz-transform: scale(1.5) skew(45deg,-45deg) rotate(405deg); -moz-transition-duration: .3s; z-index:10; } .textoa {color: #526D22; text-align: center; font-size: 40px; text-shadow: 0 5px 10px rgba(0,0,0, 0);} .textob, textob a {color: #32665D; text-align: center; font-size: 25px; text-shadow: -1px 0 0 rgba(255,255,255,.7);} .textob a {color:rgba(255,0,29, .7); text-decoration: none;} .textob a:hover {text-shadow: 0 12px 10px rgba(0,0,0, .5);}