h1 {padding-bottom: 20px;}
h2#indice {padding-top: 12px;}
img.logo {padding: 14px 60px; float: right;}
#intro {padding: 34px 6px 30px 30px; font-size: 2em;color: #009;}
.introduccion {clear: left;display: block;font-size: 1.5em;font-weight: bold; margin-left: 60px;margin-top: -6px;}
p {text-align: justify;}
#conten_portada a:hover, #conten_portada a:active, #conten_portada a:focus {text-decoration: none; color: #fff; background-color: #33f;}
ul#fotos {list-style-type: none; margin:42px 0px 0px;padding: 0px;font-size: 1.1em;text-align: center;}
ul#fotos li {display: block;width: 25%;float: left;min-width:150px;}
ul#fotos li a {text-decoration: none;padding: 2px;font-size: 0.8em;font-weight: bold;color: #009;}
ul#fotos img {border: solid 2px #f4f4f4;}
ul#fotos span {display: block;margin-top: -2.2em;}
ul#fotos li a:hover, ul#fotos li a:active, ul#fotos li a:focus {color: #009;background-color: #f4f4f4;}
ul#fotos li a:hover img, ul#fotos li a:active img, ul#fotos li a:focus img {border: 2px solid #33f;}