/* CSS Tabs jQuery */ .contenedor_tab{ color: white; float: left; clear: both; display: block; width: 100%; background-color: black; } ul.tabs{ float: left; margin: 0 0 5px 0; padding: 0; list-style: none; width: 100%; background: #444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil_E8NqGc1LoBTQpwOD0cQHIX571EX5zRt8tm4DJzz4k02T8fp7X4y8Mz9x_DLV0yt4UMMbeMQ0azGqAVjpoAqPk3YeywxyIvpaL_Kdt5tx9zaiwLUHby7U8GLgGKX6-xVugVaTpMabE9A/h120/bg1.png); } ul.tabs li{ float: left; margin: 0; padding: 0; line-height: 31px; overflow: hidden; position: relative; } ul.tabs li a{ font-family: Arial; text-decoration: none; color: white; font-weight: bold; display: block; font-size: 13px; padding: 0 20px; outline: none; text-shadow: 0 1px 0 black; } ul.tabs li a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZHWtOnras8_7Zi82qPyMKGQ2P3N115Z1gd0FZ4vfaml8MKC2eJYzTbLqM392SF4HW4MfrlOvaZkIYE1EPAwnKi95wxHymGSmd9liqvB2fWXAu22YPId680IfOrT9puFCKng-muMNDvxl/h120/bg2.png) #333;} ul.tabs li.activa{ color: white; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlZHWtOnras8_7Zi82qPyMKGQ2P3N115Z1gd0FZ4vfaml8MKC2eJYzTbLqM392SF4HW4MfrlOvaZkIYE1EPAwnKi95wxHymGSmd9liqvB2fWXAu22YPId680IfOrT9puFCKng-muMNDvxl/h120/bg2.png) #333; } .contenido_tab{ padding: 10px; font-size: 1.2em; border-radius: 5px; } .contenido_tab img{margin:0 20px 20px 0;border:1px solid #ddd;padding:5px }