﻿/* Generated by KompoZer */
#slider {
  width: 513px;
  height: 300px;
  position: relative;
  overflow: hidden;
}
<!-- -->
#sliderContent {
  width: 513px;
  position: absolute;
  top: 0;
  margin-left: 0;
}
.sliderImage {
  float: left;
  position: relative;
  display: none;
}
.sliderImage span {
  padding: 5px 10px;
  position: absolute;
  font-family: Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  font-size-adjust: none;
  font-stretch: normal;
  width: 513px;
  background-color: #218755;
  opacity: 0.8;
  display: none;
}
.clear {
  clear: both;
}
.sliderImage span strong {
  font-size: 16px;
}
.top {
  top: 0;
  left: 0;
}
.bottom {
  bottom: 0;
  left: 0;
}
ul {
  list-style-type: none;
}
<!-- -->
#art-main, table {
  font-family: Arial,Helvetica,Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
  margin: 0;
  padding: 0;
}
.art-postcontent, .art-postcontent li, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered {
  font-family: Arial,Helvetica,Sans-Serif;
}
.art-postcontent p {
  margin: 12px 0;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  font-family: Arial,Helvetica,Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  text-decoration: none;
}
.art-postcontent a {
  text-decoration: none;
  color: #2f617f;
}
.art-postcontent a:link {
  text-decoration: none;
  color: #2f617f;
}
.art-postcontent a:visited, .art-postcontent a.visited {
  color: #2f617f;
}
.art-postcontent a:hover, .art-postcontent a.hover {
  text-decoration: underline;
  color: #3e81a8;
}
.art-postcontent h1 {
  margin: 21px 0;
  color: #2f617f;
}
.art-blockcontent h1 {
  margin: 21px 0;
}
.art-postcontent h2 {
  margin: 19px 0;
  color: #3e81a8;
  font-size: 24px;
}
.art-blockcontent h2 {
  margin: 19px 0;
  font-size: 24px;
}
.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited {
  font-size: 24px;
}
.art-postcontent h3 {
  margin: 19px 0;
  color: #41576c;
  font-size: 19px;
}
.art-blockcontent h3 {
  margin: 19px 0;
  font-size: 19px;
}
.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a, .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover, .art-blockcontent h3 a:visited {
  font-size: 19px;
}
.art-postcontent h4 {
  margin: 20px 0;
  color: #41576c;
  font-size: 16px;
}
.art-blockcontent h4 {
  margin: 20px 0;
  font-size: 16px;
}
.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a, .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover, .art-blockcontent h4 a:visited {
  font-size: 16px;
}
.art-postcontent h5 {
  margin: 26px 0;
  color: #41576c;
  font-size: 13px;
}
.art-blockcontent h5 {
  margin: 26px 0;
  font-size: 13px;
}
.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a, .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover, .art-blockcontent h5 a:visited {
  font-size: 13px;
}
.art-postcontent h6 {
  margin: 35px 0;
  color: #56738f;
  font-size: 11px;
}
.art-blockcontent h6 {
  margin: 35px 0;
  font-size: 11px;
}
.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a, .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover, .art-blockcontent h6 a:visited {
  font-size: 11px;
}
ul {
  list-style-type: none;
}
ol {
  list-style-position: inside;
}
html {
  height: 100%;
}
<!-- -->
#art-main {
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor: default;
  overflow: visible;
}
#art-page-background-glare {
  position: absolute;
  width: 100%;
  height: 221px;
  overflow: hidden;
  min-width: 941px;
}
#art-page-background-glare-image {
  margin: 0 -442px;
  position: absolute;
  left: 50%;
  top: 0;
  width: 884px;
  height: 221px;
  background-image: url(images/page_gl.png);
  background-repeat: no-repeat;
}
html:first-child #art-page-background-glare {
  border: 1px solid transparent;
}
body {
  margin: 0;
  padding: 0;
  background: #d6dee6 url(images/Bottom_texture.jpg) repeat-x scroll left top;
  color: #0f1419;
  height: 100%;
  min-height: 100%;
  min-width: 941px;
}
.cleared {
  border:  none;
  margin: 0;
  padding: 0;
  display: block;
  clear: both;
  float: none;
  font-size: 0;
  height: 0;
  overflow: hidden;
}
.reset-box {
  overflow: hidden;
  display: table;
}
form {
  margin: 0 ! important;
  padding: 0 ! important;
}
table.position {
  position: relative;
  width: 100%;
  table-layout: fixed;
}
.art-sheet {
  margin: 0 auto -3px;
  position: relative;
  min-width: 25px;
  min-height: 25px;
  cursor: auto;
  width: 941px;
}
.art-sheet-body {
  padding: 0 4px 4px;
  position: relative;
}
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc, .art-sheet-cr, .art-sheet-cl {
  position: absolute;
}
.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl {
  width: 36px;
  height: 36px;
  background-image: url(images/sheet_s.png);
}
.art-sheet-tl {
  top: 0;
  left: 0;
  clip: rect(auto, 18px, 18px, auto);
}
.art-sheet-tr {
  top: 0;
  right: 0;
  clip: rect(auto, auto, 18px, 18px);
}
.art-sheet-bl {
  bottom: 0;
  left: 0;
  clip: rect(18px, 18px, auto, auto);
}
.art-sheet-br {
  bottom: 0;
  right: 0;
  clip: rect(18px, auto, auto, 18px);
}
.art-sheet-tc, .art-sheet-bc {
  left: 18px;
  right: 18px;
  height: 36px;
  background-image: url(images/sheet_h.png);
}
.art-sheet-tc {
  top: 0;
  clip: rect(auto, auto, 18px, auto);
}
.art-sheet-bc {
  bottom: 0;
  clip: rect(18px, auto, auto, auto);
}
.art-sheet-cr, .art-sheet-cl {
  top: 18px;
  bottom: 18px;
  width: 36px;
  background-image: url(images/sheet_v.png);
}
.art-sheet-cr {
  right: 0;
  clip: rect(auto, auto, auto, 18px);
}
.art-sheet-cl {
  left: 0;
  clip: rect(auto, 18px, auto, auto);
}
.art-sheet-cc {
  position: absolute;
  top: 18px;
  left: 18px;
  right: 18px;
  bottom: 18px;
  background-color: #f9fafb;
}
#art-page-background-top-texture, #art-page-background-middle-texture {
  min-width: 941px;
}
div.art-header {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 168px;
}
div.art-header-clip {
  position: absolute;
  width: 100%;
  left: 0;
  overflow: hidden;
  height: 168px;
}
div.art-header-center {
  position: relative;
  width: 933px;
  left: 50%;
}
div.art-header-png {
  position: absolute;
  left: -50%;
  top: 0;
  width: 933px;
  height: 168px;
  background-image: url(images/header.png);
  background-repeat: no-repeat;
  background-position:  center center;
}
div.art-header-jpeg {
  position: absolute;
  top: 0;
  left: -50%;
  width: 933px;
  height: 168px;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;
  background-position:  center center;
}

/* Utilizaremos esta clase creada inicialmente para introducir un icono de noticias RSS*/
/* para introducir un acceso a nuestro canal YOU TUBE*/

.art-logo {
  display: block;
  background-image: url(images/you_tube.png);
  height: 32px;
  width: 32px;
  position: absolute;
  left: 932px;
  top: 20px;
  cursor: default;
  z-index: 1;
}
.art-logoface {
  display: block;
  background-image: url(images/facebook.png);
  height: 32px;
  width: 32px;
  position: absolute;
  left: 932px;
  top: 55px;
  cursor: default;
  z-index: 1;
}
.art-logotwit {
  display: block;
  background-image: url(images/twitter.png);
  height: 32px;
  width: 32px;
  position: absolute;
  left: 932px;
  top: 90px;
  cursor: default;
  z-index: 1;
}
#headline, #slogan {
  display: block;
  min-width: 150px;
  text-align: left;
}
.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {
}
.art-hmenu, .art-hmenu ul {
  border:  none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.art-hmenu li {
  border:  none;
  margin: 0;
  padding: 0;
  background: transparent none repeat scroll 0%;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}
.art-hmenu li:hover {
  z-index: 10000;
  white-space: normal;
}
.art-hmenu li li {
  float: none;
}
.art-hmenu ul {
  margin: -10px 0 0 -30px;
  padding: 10px 30px 30px;
  background: transparent url(images/spacer.gif) repeat scroll 0%;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  min-height: 0;
}
.art-hmenu li:hover > ul {
  visibility: visible;
  top: 100%;
}
.art-hmenu li li:hover > ul {
  top: 0;
  left: 100%;
}
.art-hmenu:after, .art-hmenu ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-hmenu {
  padding: 6px;
  min-height: 0;
  position: relative;
}
.art-hmenu ul ul {
  margin: -30px 0 0 -10px;
  padding: 30px 30px 30px 10px;
}
.art-nav {
  margin: 0 auto;
  position: relative;
  min-height: 38px;
  z-index: 100;
}
.art-nav-outer {
  position: absolute;
  width: 100%;
}
.art-nav-l, .art-nav-r {
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url(images/nav.png);
}
.art-nav-l {
  left: 0;
  right: 5px;
}
.art-nav-r {
  right: 0;
  width: 933px;
  clip: rect(auto, auto, auto, 928px);
}
.art-hmenu a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 26px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}
.art-hmenu ul li {
  margin: 0;
  clear: both;
}
.art-hmenu a .r, .art-hmenu a .l {
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 88px;
  background-image: url(images/menuitem.png);
}
.art-hmenu a .l {
  left: 0;
  right: 3px;
}
.art-hmenu a .r {
  width: 406px;
  right: 0;
  clip: rect(auto, auto, auto, 403px);
}
.art-hmenu a .t, .art-hmenu ul a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover {
  text-align: left;
  text-decoration: none;
}
.art-hmenu a .t {
  margin: 0 3px;
  padding: 0 14px;
  color: #7A797C;
  line-height: 26px;
  text-align: center;
}
.art-hmenu a:hover .l, .art-hmenu a:hover .r {
  top: -31px;
}
.art-hmenu li:hover > a .l, .art-hmenu li:hover > a .r {
  top: -31px;
}
.art-hmenu li:hover a .l, .art-hmenu li:hover a .r {
  top: -31px;
}
.art-hmenu a:hover .t {
  color: #6eabcf;
}
.art-hmenu li:hover a .t {
  color: #6eabcf;
}
.art-hmenu li:hover > a .t {
  color: #6eabcf;
}
.art-hmenu a.active .l, .art-hmenu a.active .r {
  top: -62px;
}
.art-hmenu a.active .t {
  color: #7A797C;
}
.art-hmenu .art-hmenu-li-separator {
  display: block;
  width: 9px;
  height: 26px;
}
.art-nav .art-hmenu-separator {
  margin: 0 auto;
  display: block;
  width: 1px;
  height: 26px;
  background-image: url(images/menuseparator.png);
}
.art-hmenu ul a {
  border: 1px solid #fef2d2;
  margin: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
  height: 26px;
  width: 180px;
  overflow: hidden;
  background-image: url(images/subitem.png);
  background-position: left top;
  background-repeat: repeat-x;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #278b59;
  font-size: 12px;
}
.art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span {
  margin: inherit;
  padding: inherit;
  display: inline;
  float: none;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}
.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span {
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #278b59;
  font-size: 12px;
}
.art-hmenu ul li a:hover {
  border-color: #fb722d;
  color: #000000;
  background-position: 0 -26px;
}
.art-hmenu ul li:hover > a {
  border-color: #fb722d;
  color: #000000;
  background-position: 0 -26px;
}
.art-nav .art-hmenu ul li a:hover span, .art-nav .art-hmenu ul li a:hover span span {
  color: #000000;
}
.art-nav .art-hmenu ul li:hover > a span, .art-nav .art-hmenu ul li:hover > a span span {
  color: #000000;
}
.art-content-layout {
  border:  none;
  margin: 0 auto;
  padding: 0 ! important;
  display: table;
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: transparent;
  width: 100%;
}
.art-layout-cell, .art-content-layout-row {
  border:  none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  vertical-align: top;
  text-align: left;
}
.art-content-layout .art-content-layout {
  margin: 0;
  width: auto;
}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell {
  display: table-cell;
}
.art-layout-cell .art-layout-cell {
  display: block;
}
.art-content-layout-row {
  display: table-row;
}
.art-layout-glare {
  position: relative;
}
.art-vmenublock {
  margin: 10px;
  position: relative;
  min-width: 1px;
  min-height: 1px;
}
.art-vmenublock-body {
  padding: 0;
  position: relative;
}
.art-vmenublockheader {
  margin-bottom: 0;
  position: relative;
  height: 26px;
}
.art-vmenublockheader h3.t {
  margin: 0;
  padding: 0 10px 0 5px;
  position: relative;
  height: 26px;
  color: #6382a1;
  font-size: 14px;
  white-space: nowrap;
  line-height: 26px;
}
.art-vmenublockheader h3.t a, .art-vmenublockheader h3.t a:link, .art-vmenublockheader h3.t a:visited, .art-vmenublockheader h3.t a:hover {
  color: #6382a1;
  font-size: 14px;
}
.art-vmenublockcontent {
  margin: 0 auto;
  position: relative;
  min-width: 1px;
  min-height: 1px;
}
.art-vmenublockcontent-body {
  padding: 0;
  position: relative;
}
ul.art-vmenu, ul.art-vmenu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  width: auto;
  line-height: 0;
}
ul.art-vmenu {
  margin-top: 0;
  margin-bottom: 0;
}
ul.art-vmenu ul {
  margin: 0;
  padding: 0;
  display: none;
}
ul.art-vmenu ul.active {
  display: block;
}
ul.art-vmenu a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 30px;
  cursor: pointer;
  text-decoration: none;
}
ul.art-vmenu li.art-vmenu-separator {
  margin: 0;
  padding: 2px 0;
  display: block;
  font-size: 1px;
}
ul.art-vmenu .art-vmenu-separator-span {
  border:  none;
  padding: 0;
  display: block;
  font-size: 1px;
  height: 0;
  line-height: 0;
}
ul.art-vmenu a .r, ul.art-vmenu a .l {
  position: absolute;
  display: block;
  top: 0;
  height: 100px;
  background-image: url(images/vmenuitem.png);
}
ul.art-vmenu a .l {
  left: 0;
  right: 3px;
}
ul.art-vmenu a .r {
  width: 939px;
  right: 0;
  clip: rect(auto, auto, auto, 936px);
}
ul.art-vmenu a .t, ul.art-vmenu ul a {
  font-family: Arial,Helvetica,Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}
ul.art-vmenu a .t {
  padding: 0 10px;
  display: block;
  position: relative;
  top: 0;
  line-height: 30px;
  color: #7691ad;
  margin-left: 0;
  margin-right: 0;
}
ul.art-vmenu a.active .l, ul.art-vmenu a.active .r {
  top: -70px;
}
ul.art-vmenu a.active .t {
  color: #295670;
}
ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r {
  top: -35px;
}
ul.art-vmenu a:hover .t {
  color: #7A797C;
}
ul.art-vmenu ul li {
  margin: 0;
  padding: 0;
}
ul.art-vmenu ul a {
  padding: 0 0 0 10px;
  display: block;
  white-space: nowrap;
  height: 20px;
  overflow: visible;
  background-image: url(images/vsubitem3.gif);
  background-position: 25px 0;
  background-repeat: repeat-x;
  line-height: 20px;
  color: #214559;
  font-size: 11px;
  margin-left: 0;
}
ul.art-vmenu ul span, ul.art-vmenu ul span span {
  margin: inherit;
  padding: inherit;
  display: inline;
  float: none;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}
ul.art-vmenu ul a:link, ul.art-vmenu ul a:visited, ul.art-vmenu ul a:hover, ul.art-vmenu ul a:active, ul.art-vmenu ul span, ul.art-vmenu ul span span {
  line-height: 20px;
  color: #214559;
  font-size: 11px;
  margin-left: 0;
}
ul.art-vmenu ul ul {
  margin: 0;
}
ul.art-vmenu ul li.art-vsubmenu-separator {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 1px;
}
ul.art-vmenu ul .art-vsubmenu-separator-span {
  border:  none;
  margin: 0;
  padding: 0;
  display: block;
  font-size: 1px;
  height: 0;
  line-height: 0;
}
ul.art-vmenu ul li.art-vmenu-separator-first {
  padding-bottom: 2px;
}
ul.art-vmenu ul li li a {
  padding: 0 0 0 30px;
  background-position: 30px 0;
}
ul.art-vmenu ul li li li a {
  padding: 0 0 0 75px;
  background-position: 75px 0;
}
ul.art-vmenu ul li li li li a {
  padding: 0 0 0 100px;
  background-position: 100px 0;
}
ul.art-vmenu ul li li li li li a {
  padding: 0 0 0 125px;
  background-position: 125px 0;
}
ul.art-vmenu ul li a.active {
  color: #151c23;
  background-position: 50px -50px;
}
ul.art-vmenu ul li li a.active {
  background-position: 75px -50px;
}
ul.art-vmenu ul li li li a.active {
  background-position: 75px -50px;
}
ul.art-vmenu ul li li li li a.active {
  background-position: 100px -50px;
}
ul.art-vmenu ul li li li li li a.active {
  background-position: 125px -50px;
}
ul.art-vmenu ul li a:hover, ul.art-vmenu ul li a.active:hover {
  color: #1b242d;
  background-position: 25px -25px;
}
ul.art-vmenu ul li li a:hover, ul.art-vmenu ul li li a.active:hover {
  background-position: 50px -25px;
  font-family: Arial,Helvetica,sans-serif;
}
ul.art-vmenu ul li li li a:hover, ul.art-vmenu ul li li li a.active:hover {
  background-position: 75px -25px;
}
ul.art-vmenu ul li li li li a:hover, ul.art-vmenu ul li li li li a.active:hover {
  background-position: 100px -25px;
}
ul.art-vmenu ul li li li li li a:hover, ul.art-vmenu ul li li li li li a.active:hover {
  background-position: 125px -25px;
}
.art-block {
  margin: 10px;
  position: relative;
  min-width: 1px;
  min-height: 1px;
}
.art-block-body {
  padding: 0;
  position: relative;
}
div.art-block img {
  border-style: solid;
  border-color: #b2c2d1;
  margin: 0;
}
.art-blockheader {
  margin-bottom: 4px;
  position: relative;
  height: 26px;
}
.art-blockheader h3.t {
  margin: 0;
  padding: 0 10px 0 36px;
  position: relative;
  height: 26px;
  color: #7A797C;
  font-size: 14px;
  white-space: nowrap;
  line-height: 26px;
}
.art-blockheader h3.t a, .art-blockheader h3.t a:link, .art-blockheader h3.t a:visited, .art-blockheader h3.t a:hover {
  color: #7A797C;
  font-size: 14px;
}
.art-blockheader .l, .art-blockheader .r {
  position: absolute;
  height: 26px;
  background-image: url(images/blockheader.png);
}
.art-blockheader .l {
  left: 0;
  right: 37px;
}
.art-blockheader .r {
  width: 933px;
  right: 0;
  clip: rect(auto, auto, auto, 896px);
}
.art-blockcontent {
  margin: 0 auto;
  position: relative;
  min-width: 13px;
  min-height: 13px;
}
.art-blockcontent-body {
  padding: 5px;
  position: relative;
  color: #2e3d4c;
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 13px;
}
.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl, .art-blockcontent-tc, .art-blockcontent-bc, .art-blockcontent-cr, .art-blockcontent-cl {
  position: absolute;
}
.art-noticasScroll {
  overflow: hidden;
}
.art-blockcontent-tr, .art-blockcontent-tl, .art-blockcontent-br, .art-blockcontent-bl {
  width: 12px;
  height: 12px;
  background-image: url(images/blockcontent_s.png);
}
.art-blockcontent-tl {
  top: 0;
  left: 0;
  clip: rect(auto, 6px, 6px, auto);
}
.art-blockcontent-tr {
  top: 0;
  right: 0;
  clip: rect(auto, auto, 6px, 6px);
}
.art-blockcontent-bl {
  bottom: 0;
  left: 0;
  clip: rect(6px, 6px, auto, auto);
}
.art-blockcontent-br {
  bottom: 0;
  right: 0;
  clip: rect(6px, auto, auto, 6px);
}
.art-blockcontent-tc, .art-blockcontent-bc {
  left: 6px;
  right: 6px;
  height: 12px;
  background-image: url(images/blockcontent_h.png);
}
.art-blockcontent-tc {
  top: 0;
  clip: rect(auto, auto, 6px, auto);
}
.art-blockcontent-bc {
  bottom: 0;
  clip: rect(6px, auto, auto, auto);
}
.art-blockcontent-cr, .art-blockcontent-cl {
  top: 6px;
  bottom: 6px;
  width: 12px;
  background-image: url(images/blockcontent_v.png);
}
.art-blockcontent-cr {
  right: 0;
  clip: rect(auto, auto, auto, 6px);
}
.art-blockcontent-cl {
  left: 0;
  clip: rect(auto, 6px, auto, auto);
}
.art-blockcontent-cc {
  position: absolute;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background-color: #f9fafb;
}
.art-blockcontent-body table, .art-blockcontent-body li, .art-blockcontent-body a, .art-blockcontent-body a:link, .art-blockcontent-body a:visited, .art-blockcontent-body a:hover {
  color: #2e3d4c;
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 13px;
}
.art-blockcontent-body p {
  margin: 6px 0;
}
.art-blockcontent-body a, .art-blockcontent-body a:link {
  color: #2f617f;
  text-decoration: underline;
}
.art-blockcontent-body a:visited, .art-blockcontent-body a.visited {
  color: #7691ad;
  text-decoration: none;
}
.art-blockcontent-body a:hover, .art-blockcontent-body a.hover {
  color: #3e81a8;
  text-decoration: none;
}
.art-blockcontent-body ul li {
  padding: 0 0 0 12px;
  line-height: 125%;
  color: #3d5266;
  background-image: url(images/blockcontentbullets.png);
  background-repeat: no-repeat;
}
.art-button-wrapper a.art-button, .art-button-wrapper a.art-button:link, .art-button-wrapper input.art-button, .art-button-wrapper button.art-button {
  border:  none;
  margin: 0 ! important;
  padding: 0 19px ! important;
  background: transparent none repeat scroll 0%;
  text-decoration: none;
  font-family: Arial,Helvetica,Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  position: relative;
  top: 0;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #000000 ! important;
  width: auto;
  line-height: 32px;
  height: 32px;
  overflow: visible;
  cursor: pointer;
}
.art-button img, .art-button-wrapper img {
  margin: 0;
  vertical-align: middle;
}
.art-button-wrapper {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  position: relative;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  z-index: 0;
}
.firefox2 .art-button-wrapper {
  display: block;
  float: left;
}
input, select, textarea {
  vertical-align: middle;
  font-family: Arial,Helvetica,Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}
.art-block select {
  width: 96%;
}
.art-button-wrapper.hover .art-button, .art-button-wrapper.hover a.art-button:link, .art-button:hover {
  color: #2e3d4c ! important;
  text-decoration: none ! important;
}
.art-button-wrapper.active .art-button, .art-button-wrapper.active a.art-button:link {
  color: #278b59 ! important;
}
.art-button-wrapper .art-button-l, .art-button-wrapper .art-button-r {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  height: 106px;
  background-image: url(images/button.png);
}
.art-button-wrapper .art-button-l {
  left: 0;
  right: 14px;
}
.art-button-wrapper .art-button-r {
  width: 421px;
  right: 0;
  clip: rect(auto, auto, auto, 407px);
}
.art-button-wrapper.hover .art-button-l, .art-button-wrapper.hover .art-button-r {
  top: -37px;
}
.art-button-wrapper.active .art-button-l, .art-button-wrapper.active .art-button-r {
  top: -74px;
}
.art-button-wrapper input {
  float: none ! important;
}
.art-post {
  margin: 0;
  position: relative;
  min-width: 1px;
  min-height: 1px;
}
.art-post-body {
  padding: 10px;
  position: relative;
}
a img {
  border:  none;
}
.art-article img, img.art-article, .art-block img, .art-footer img {
  border: 0 solid #b2c2d1;
  margin: 7px;
}
.art-metadata-icons img {
  border:  none;
  margin: 2px;
  vertical-align: middle;
}
.art-article table, table.art-article .art-article tr, .art-article th, .art-article td {
  background-color: transparent;
}
.art-article th, .art-article td {
  padding: 2px;
  vertical-align: top;
  text-align: center;
}
.art-article th {
  padding: 7px;
  text-align: center;
  vertical-align: middle;
}
pre {
  padding: 0.1em;
  overflow: auto;
}
h2.art-postheader {
  margin: 5px 0;
  color: #218755;
  font-size: 24px;
}
h2.art-postheader a, h2.art-postheader a:link, h2.art-postheader a:visited, h2.art-postheader a.visited, h2.art-postheader a:hover, h2.art-postheader a.hovered {
  font-size: 24px;
}
h2.art-postheader a, h2.art-postheader a:link {
  text-align: left;
  text-decoration: none;
  color: #28536c;
}
h2.art-postheader a:visited, h2.art-postheader a.visited {
  color: #5c7a99;
}
h2.art-postheader a:hover, h2.art-postheader a.hovered {
  color: #3e81a8;
}
.art-postheadericons, .art-postheadericons a, .art-postheadericons a:link, .art-postheadericons a:visited, .art-postheadericons a:hover {
  font-family: Arial,Helvetica,Sans-Serif;
  color: #3d5266;
}
.art-postheadericons {
  padding: 1px;
}
.art-postheadericons a, .art-postheadericons a:link {
  text-decoration: none;
  color: #2f617f;
}
.art-postheadericons a:visited, .art-postheadericons a.visited {
  font-style: italic;
  font-weight: normal;
  color: #2f617f;
}
.art-postheadericons a:hover, .art-postheadericons a.hover {
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
  color: #3e81a8;
}
.art-postcontent {
  display: inline;
}
.v_inicio {
  display: block;
  width: 453px;
  height: 260px;
  background-image: url(images/marco_video_import.png);
  background-repeat: no-repeat;
  overflow: hidden;
}
.src_video_inicio {
  border: 1px solid #b6b9b9;
  display: block;
  overflow: hidden;
  width: 436px;
  height: 243px;
  margin-left: 8px;
  margin-top: 8px;
}
.art-post ol, .art-post ul {
  margin: 1em 0 1em 2em;
  padding: 0;
}
.art-post li {
  padding: 0;
  font-size: 13px;
  color: #2e3d4c;
}
.art-post li ol, .art-post li ul {
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}
.art-postcontent blockquote, .art-postcontent blockquote a, .art-postcontent blockquote a:link, .art-postcontent blockquote a:visited, .art-postcontent blockquote a:hover {
  color: #1e0a01;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}
.art-postcontent blockquote p {
  margin: 2px 0 2px 15px;
}
.art-postcontent blockquote {
  border: 0 solid #fc9764;
  margin: 10px 10px 10px 50px;
  padding: 0 0 0 28px;
  background-color: #fdc9af;
  background-image: url(images/postquote.png);
  background-position: left top;
  background-repeat: no-repeat;
  overflow: auto;
  clear: both;
}
.art-postfootericons, .art-postfootericons a, .art-postfootericons a:link, .art-postfootericons a:visited, .art-postfootericons a:hover {
  font-family: Arial,Helvetica,Sans-Serif;
  color: #3d5266;
}
.art-postfootericons {
  padding: 1px;
}
.art-postfootericons a, .art-postfootericons a:link {
  text-decoration: none;
  color: #2f617f;
}
.art-postfootericons a:visited, .art-postfootericons a.visited {
  color: #2f617f;
}
.art-postfootericons a:hover, .art-postfootericons a.hover {
  color: #3e81a8;
}
.art-footer {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
.art-footer-b {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  height: 5px;
  background-image: url(images/footer_b.png);
}
.art-footer-r, .art-footer-l {
  position: absolute;
  height: 5px;
  background-image: url(images/footer_s.png);
  bottom: 0;
}
.art-footer-l {
  left: 0;
  width: 5px;
}
.art-footer-r {
  right: 0;
  width: 10px;
  clip: rect(auto, auto, auto, 5px);
}
.art-footer-t {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 5px;
  background-color: #c9e3d5;
}
.art-footer-body {
  padding: 5px;
  position: relative;
}
.art-footer-body .art-rss-tag-icon {
  position: absolute;
  left: 825px;
  bottom: 5px;
  z-index: 1;
}


.art-rss-tag-icon {
  display: block;
  background-image: url(images/uhu_es.png);
  background-repeat: no-repeat;
  height: 30px;
  width: 100px;
}
.art-rss-tag-icon:hover {
  background-position: 0 -31px;
}
.art-rss-tag-icon:active {
  background-position: 0 -64px;
}
.art-mail {
  position: absolute;
  left: 758px;
  top: 116px;
  z-index: 1;
  display: block;
  background-image: url(images/mail.png);
  background-repeat: no-repeat;
  height: 52px;
  width: 80px;
}
.art-mail:hover {
  background-position: 0 -53px;
}
.art-mail:active {
  background-position: 0 -53px;

}
.art-uhulogo {
  position: absolute;
  left: 870px;
  top: 113px;
  z-index: 1;
  display: block;
  background-image: url(images/uni_le2.png);
  background-repeat: no-repeat;
  height: 58px;
  width: 57px;
}
.art-uhulogo:hover {
  background-position: 0 -60px;
}
.art-uhulogo:active {
  background-position: 0 -60px;
}




.art-moodle {
  position: absolute;
  left: 810px;
  top: 119px;
  z-index: 12;
  display: block;
  background-image: url(images/moodle.png);
  background-repeat: no-repeat;
  height: 80px;
  width: 75px;
}
.art-moodle:hover {
  background-position: 0 -55px;
}
.art-moodle:active {
  background-position: 0 -55px;
}

.art-grado {
  position: relative;
  left: 6px;
  top: 277px;
  z-index: 20;
  display: block;
  background-image: url(images/grado.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 183px;
}
.art-grado:hover {
  position: relative;
  left: 6px;
  top: 277px;
  z-index: 20;
  display: block;
  background-image: url(images/grado.png);
  background-repeat: no-repeat;
  height: 26px;
  width: 183px;

}


.art-footer-text p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.art-footer-text, .art-footer-text a, .art-footer-text a:link, .art-footer-text a:visited, .art-footer-text a:hover, .art-footer-text td, .art-footer-text th, .art-footer-text caption {
  color: #171f26;
  font-size: 11px;
}
.art-footer-text {
  min-height: 33px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.art-footer-text a, .art-footer-text a:link {
  color: #295670;
  text-decoration: none;
}
.art-footer-text a:visited {
  color: #394d60;
}
.art-footer-text a:hover {
  color: #458fba;
  text-decoration: underline;
}
div.art-footer img {
  border-style: solid;
  border-color: #b2c2d1;
  margin: 0;
}
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #5096be;
}
.art-page-footer {
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #394d60;
}
.art-content-layout .art-sidebar1 {
  width: 180px;
}
.art-content-layout .art-sidebar2 {
  width: 220px;
}
<!-- para controlar el color de los bordes de las tablas asignaturas -->

table.tablacolor {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#ffffff;
	border-width: 1px;
	border-color: #7691ad;
	border-collapse: collapse;
}
table.tablacolor th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-top-color:#7691ad;
	border-left-color:#7691ad;
	border-bottom-color:#7691ad;
	border-right-color:#7691ad;
}
table.tablacolor td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-top-color:#7691ad;
	border-left-color:#7691ad;
	border-bottom-color:#7691ad;
	border-right-color:#7691ad;
}
.data{
	color:#000000;
	text-align:center;
	background-color:#ffffff; 
}
.encab{
	font-weight:bold;
	color:#000000;
	text-align:center;
	width: 150px;
	background-color:#C9DEF4; 
}

table.tablamatricula {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#000000;
	border-width: 1px;
	border-color: #7691ad;
	border-collapse: collapse;
	background-color:#F2F2F2; 

}
table.tablamatricula th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-top-color:#7691ad;
	border-left-color:#7691ad;
	border-bottom-color:#7691ad;
	border-right-color:#7691ad;
}
table.tablamatricula td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-top-color:#7691ad;
	border-left-color:#7691ad;
	border-bottom-color:#7691ad;
	border-right-color:#7691ad;
}

.logoq{
	border-radius: 50%;
}