body{
}

article{
    float: right;
    width: 72%;
    margin-left: 1rem;
}

article img{
    width: 47%;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
}

div#pagina{
    width: 80%;
    margin: 0 auto;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

header{
    background-color: #00AA9E;
    width: 100%;
    padding-bottom: 0.5rem;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

div#logo{
    right: auto;
    width: 52%;
    margin-bottom: 0;
}

div#cabecera{
    width: 80%;
    margin: 0 auto;
}

div#botonerasec{
    clear: both;
    float: right;
    width: auto;
    margin-top: 0.7rem;
    padding: 6px;
    list-style-type: none;
    text-decoration: none;
}

div#botonerasec ul li{
    color: #fff;
    font-size: 14pt;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 300;
    align-content: center;
    margin-right: 0.4rem;
}

div#botonerasec ul li a{
    padding: 6px;
    list-style-type: none;
    text-decoration: none;
}

div#botonerasec ul li a:hover{
    background-color: #9dd5de;
    padding: 6px;
    list-style-type: none;
    text-decoration: none;
}

div#sliderc{
    float: right;
    max-height: 260px;
    height: 50%;
    width: 76%;
    padding-top: 0.3rem;
    margin: 0 auto;
}

div#slider{
    width: 100%;
}

div#botonerapri{
    margin-right: 0rem;
    clear: both;
    width: 22%;
}

div#botonerapri ul li img{
    width: 400%;
    margin-bottom: 0.3rem;
}

dev#botonerapri ul li {
    width: 100%;
}

div#mail{
    float: left;
    width: 100%;
    margin-bottom: 1rem;
}

nav{
    float: left;
    margin: 0;
    width: 20%;
}

section nav {
    float: left;
    margin: 0rem; 
    width: 20%;
}

section2 nav {
    float: right;
    margin: 0rem; 
    width: 20%;
}

div#botonera3{
    clear: right;
    width: 300%;
    padding-top: 0.2rem;
    padding-bottom: 1rem;
    margin: 0 auto;
    list-style-type: none;
    text-decoration: none;
}

div#botonera3{
}

div#botonera3 ul{
    margin-left: 5.3rem;
}

div#botonera3 ul li{
    margin-left: 0.2rem;
    float: left;
}

div#botonera3 ul li a{
    background-color: #ff9836;
    list-style-type: none;
    text-decoration: none;
    padding-right: 0.6rem;
    padding-left: 0.6rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

div#botonera3 ul li a:hover{
    background-color: #ccc;
}

div#botonera4{
    clear: right;
    width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 1rem;
    margin: 0 auto;
    list-style-type: none;
    text-decoration: none;
}

div#botonera4 ul{
    margin-left: 5.3rem;
}

div#botonera4 ul li{
    margin-left: 0.2rem;
    float: right;
}

div#botonera4 ul li a{
    background-color: #00AA9E;
    list-style-type: none;
    text-decoration: none;
    padding-right: 0.6rem;
    padding-left: 0.6rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

div#botonera4 ul li a:hover{
    background-color: #ccc;
}

ul li#panel4{
    margin-left: 0.1rem;
    float: right;
    list-style: none;
    padding: 0.1rem;
    list-style: none;
}

section#contenedorgaleria{
    background-color: #9dd5de;
    width: 72%;
    float: right;
    margin-bottom: 2rem;
}

ul li#galeria{
    padding: 9px 2px 6px 11.5px;
    float: left;
    list-style: none;
}

iframe{
    width: 65%;
    float: center;
    margin-top: 1.2rem;
    margin-bottom: 2rem;
}

ul li#panel3{
    margin-left: 0.1rem;
    float: right;
    list-style: none;
    padding: 0.1rem;
    list-style: none;
}


ul li#red{
    margin: 0 auto;
    margin-left: 1rem;
    float: left;
    list-style: none;
}

div#redes ul li a:hover{
    margin-left: 0.2rem;
}

div#redes2{
    float: right;
    margin-right: 1.3rem;
    margin-top: 0.7rem;
}

ul li#botver{
    clear: both;
    margin: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    list-style: none;
    width: 100%;
}

ul li#botver:hover{
    margin-left: 0.8rem;
}

ul{
    margin: 0rem;
    padding: 0rem;
}

ul li#paneliz{
    margin-left: 0.1rem;
    float: right;
    list-style: none;
    padding: 0.1rem;
}

div#bienvenidos{
    float: right;
    clear: both;
    width: 76%;
    background-color: #ff9836;
    margin-bottom: 1rem;
}

div#intro{
    margin-top: 0.7rem;
    margin-left: 3rem;
    margin-right: 3rem;
    margin-bottom: 1.6rem;
}

div#bajoslider {
    clear: both;
    width: 100%;
}

div#bajoslider ul {
    list-style-type: none;
    text-decoration: none;
}

div#bajoslider ul li a{
    list-style-type: none;
    text-decoration: none;
}

div#novedades {
    padding: 0.5rem;
    margin-right: 1.1rem;
    clear: both;
    float: left;
    width: 59%;
    background-color: #9dd5de;
}

div#novedades ul {
    margin-top: 0.9rem;
    width: 33%;
}

div#agenda {
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    padding-top: 0.7rem;
    padding-bottom: 0.1rem;
    float: left;
    width: 36%;
    background-color: #9dd5de;
    margin-bottom: 1rem;
}

#agenda h3{
    margin-top: 0;
    margin-bottom: 0;
    float: left;
}

#agenda ul{
    margin-top: 0.5rem;
}

.agenda p{
    padding-left: 1rem;
    padding-right: 0.5rem;
}

#img img{
    width: 100%;
}

#novedad h5{
    text-align: center;
    padding: 3px 0px 6px 0px;
    background-color: #ff9836;
}

#novedades h3{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0.5rem;
    float: left;
}

#novedad {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 30.8%;
    background-color: #9dd5de;
    float: left;
}

h1{
    margin-bottom: auto;
    margin-top: 0.5rem;
    color: #fff;
    font-size: 28pt;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    align-content: center;
}

h2{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 19pt;
    color: #184242;
}

h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #ff9836;
    font-weight: 300;
    font-size: 18pt;
}

h4{
    margin-right: 2rem;
    margin-bottom: auto;
    margin-top: 1rem;
    color: #fff;
    font-size: 20pt;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 100;
}

h5{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: rgb(0,0,0);
    font-weight: 400;
    width: 100%;
    font-size: 14pt;
    margin-bottom: 0;
    margin-top: 0;
}

h6{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #ff9836;
    font-weight: 200;
    float: right; 
    width: 30%;
    font-size: 12pt;
    margin-top: 1rem;
    margin-right: 0.7rem;
    margin-left: 0.7rem;
    text-align: justify;
}

p{
    text-align: justify;
    font-size: 12pt;
}

img{
    width: 100%;
}

footer{
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 1.2rem;
    padding-bottom: 0.2rem;
    background-color: #5fb1ad;
    color: rgb(255,255,255);
    list-style-type: none;
    text-decoration: none;
}

footer img {
    width: 8%;
    float: left;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
}

.colum {
    width: 100%;
}

.colum ul {
    width: 17%;
    float: left;
    border-left: 1.5px solid #FFF;
}

.colum ul li {
    font-size: 11pt;
    padding-bottom: 0.15rem;
    list-style-type: none;
    text-decoration: none;
}

.colum ul li a {
    list-style-type: none;
    text-decoration: none;
}

footer p {
    width: 100%;
    font-size: 9pt;
    float: left;
    text-align: center;
}

/* Inicio Slider */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* Fin Slider */