@charset "utf-8";
/* CSS Document */
html,body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  background: url(../../images/bg-main.gif) top left repeat;
  font: normal 12px Arial, Helvetica, sans-serif;
}

img {
  border: 0;
}

h1 {
  font-size: 26px;
  margin: 0 0 5px 0;
}

h2 {
  font-size: 24px;
  margin: 0 0 5px 0;
}

h3 {
  font-size: 18px;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

h3 a {
  color: #f3E494;
  text-decoration: none;
}

h4 {
  font-size: 16px;
  margin: 0 0 5px 0;
}

h2.font, h3.font {
  color: #f3E494;
}

strong, B {
  font-weight: bold;
}

a {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #013044;
  text-decoration: none;
}

a:hover {
  color: #175B73;
}

hr {
  height: 1px;
  background: #CCC;
  border: none;
  padding: 0;
  margin: 10px 0px;
}

.content a.news {
  float: right;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #CC6600;
  text-decoration: none;
}

.content a.news:hover {
  color: #000;
}

.message {
  width: auto;
  margin: 10px 0;
  padding: 10px;
  border: solid 1px #CC6600;
  font: bold 20px Arial, Helvetica, sans-serif;
  color: #CC6600;
  text-align: center;
  border-radius: 5px;
}

.photo-homenaje {
  margin: 0 10px 10px 0;
}

.sub-heading {
  font-size: 18px;
  font-weight: bold;
  color: #CC6600;
  margin: 30px 0 20px;
}

.error404 {
  height: 500px;
}

.clear {
  clear: both;
}

.required {
  color: red;
}

/* liNKS CON IMAGENES */
a.acceder {
  width: 103px;
  height: 28px;
  display: block;
  background: url(../../images/btns/acceder.png) top left no-repeat;
}

a.actividades {
  width: 175px;
  height: 28px;
  display: block;
  background: url(../../images/btns/actividades.png) top left no-repeat;
}

#wrapper {
  width: 100%;
  height: 100%;
}

#layout {
  width: 900px;
  height: 100%;
  margin: 0 auto;
}

#header {
  width: 100%;
  height: 140px;
  position: relative;
  background: url(../../images/header.jpg) top left no-repeat;
}

#logo {
  width: 480px;
  height: 140px;
  float: left;
  margin-right: 30px;
}

#logo a {
  width: 480px;
  height: 140px;
  float: left;
  display: block;
}

#logo span {
  display: none;
}

#menu2 {
  float: left;
  margin-top: 49px;
}

#menu2 #first {
  margin-left: 15px;
}

#menu2 ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
}

#menu2 li {
  float: left;
  width: auto;
  padding: 3px 10px;
}

#menu2 li a {
  font: bold 11.5px Arial, Helvetica, sans-serif;
  color: #5F7381;
  text-decoration: none;
}

#menu2 li a:hover,
#menu2 li a.active {
  color: #003366;
}

#content-area {
  width: 868px;
  padding: 7px 16px 10px 16px;
  overflow: hidden;
}

.left-col {
  width: 298px;
  height: 100%;
  float: left;
}

.right-col {
  width: 565px;
  margin: 0 0 0 5px;
  float: left;
}

#menu1 ul {
  width: 565px;
  height: 120px;
  list-style: none;
  margin-bottom: 5px;
  padding: 0;
}

#menu1 li {
  float: left;
  margin-right: 5px;
}

#menu1 a {
  width: 90px;
  height: 120px;
  display: block;
  background: url(../../images/menu1.png) top left no-repeat;
}

#menu1 a span {
  display: none;
}

#menu1 a.m1 {
  background-position: 0 0;
}

#menu1 a.m2 {
  background-position: -95px 0;
}

#menu1 a.m3 {
  background-position: -190px 0;
}

#menu1 a.m4 {
  background-position: -285px 0;
}

#menu1 a.m5 {
  background-position: -380px 0;
}

#menu1 a.m6 {
  background-position: -475px 0;
}

#menu1 a.m1:hover {
  background-position: 0 -120px;
}

#menu1 a.m2:hover {
  background-position: -95px -120px;
}

#menu1 a.m3:hover {
  background-position: -190px -120px;
}

#menu1 a.m4:hover {
  background-position: -285px -120px;
}

#menu1 a.m5:hover {
  background-position: -380px -120px;
}

#menu1 a.m6:hover {
  background-position: -475px -120px;
}

#menu1 a.m1-active {
  background-position: 0 -120px;
}

#menu1 a.m2-active {
  background-position: -95px -120px;
}

#menu1 a.m3-active {
  background-position: -190px -120px;
}

#menu1 a.m4-active {
  background-position: -285px -120px;
}

#menu1 a.m5-active {
  background-position: -380px -120px;
}

#menu1 a.m6-active {
  background-position: -475px -120px;
}

#menu1 .menu6 {
  margin: 0px;
}

#sub-menu {
  position: absolute;
  top: 12px;
  right: 0;
  margin-right: 50px;
}

#sub-menu li {
  float: left;
}

#sub-menu a {
  display: block;
  background: #5F7381;
  color: #fff;
  font-size: 9px;
  padding: 3px 7px;
}

#sub-menu a:hover {
  color: #F3E494;
}

#sub-menu a.back-home {
  border-right: solid 1px #fff;
}

/* INNER */
.bg-inner {
  background: #F4F1E4;
}

#content {
  overflow: hidden;
  background: url(../../images/bg-content.png) top left repeat-y;
}

.left-side-inner {
  width: 278px;
  padding: 0 10px;
  overflow: hidden;
  background: #013044;
}

.sec-title {
  width: 278px;
  height: 125px;
  padding: 0 10px;
  background: #013044;
}

.lb-box {
  width: 278px;
  margin-bottom: 5px;
}

.lb-background {
  width: 258px;
  max-width: 258px;
  padding: 10px;
  background: #175B73;
  font-size: 13px;
  color: #FFF;
}

.right-col .content {
  width: 545px;
  min-height: 450px;
  padding: 10px;
  color: #000;
}

.right-col .content OL {
  list-style: outside decimal;
  margin-left: 22px;
}

.right-col .content OL li {
  margin-bottom: 10px;
}

/* SITEMAP */
.sitemap {
  padding: 50px;
}

.sitemap ul {
  margin-bottom: 30px;
  list-style: outside disc;
}

.sitemap ul ul {
  margin-left: 15px;
  list-style: outside circle;
}

.sitemap a {
  font-weight: normal !important;
}

/* BREADCRUMB */
.breadcrumb {
  width: 100%;
  height: auto;
  padding: 10px 0;
  background: #F4F1E4;
  color: #CC6600;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.tab-section {
  width: auto;
  height: 26px;
  padding: 5px 10px 0 5px;
  border-top: solid 1px #ccc9bb;
  background: #FFFFF3;
  font-size: 18px;
  font-weight: normal;
  color: #CC6600;
}

.tab-container {
  height: 33px;
  background: #F4F1E4 url(../../images/boxes/box-content-top2.png) bottom left no-repeat;
  overflow: hidden;
}

.tab-container-notab {
  height: 4px;
  background: #F4F1E4 url(../../images/boxes/box-content-top.png) bottom left no-repeat;
  overflow: hidden;
}


/* ACTIVIDADES - liNKS */
.menu-secciones {
  padding-top: 20px;
}

.menu-secciones li {
  float: left;
  margin: 0 10px;
  color: #CC6600;
}

.menu-secciones a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #CC6600;
}

.menu-secciones a.active {
  text-transform: uppercase;
}

/* RESUTLS DATABASE */
.item {
  width: 540px;
  overflow: hidden;
}

.item .title {
  font-size: 16px;
}

.item div {
  margin: 10px 0;
}

.item P {
  margin: 0;
  padding: 0;
  border: 0;
}

.item P img {
  border: solid 5px #013044;
  max-width: 530px;
  width: 530px !important;
  height: auto !important;
}

label {
  float: left;
  height: 30px;
  font-weight: bold;
}

input {
  float: left;
  margin-bottom: 5px;
  padding: 0 0 0 3px;
  height: 20px;
  border: solid 1px #CCC9BB;
  font: normal 12px Arial, Helvetica, sans-serif;
}

textarea {
  height: 100px;
  padding: 3px;
  border: solid 1px #CCC9BB;
  font: normal 12px Arial, Helvetica, sans-serif;
  resize: none;
}

input.submit {
  width: auto;
  height: 25px;
  margin-top: 10px;
  padding: 5px 10px;
  background: #CC6600;
  color: #FFF;
  border: 0;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
}

#sending {
  display: none;
  float: left;
  margin: 10px 0 0 10px;
}

/* CONTACTO */
.contacto {
  overflow: hidden;
}

.contacto label {
  width: 260px;
  margin: 0 5px 5px 0;
}

.contacto input {
  width: 250px;
}

.contacto textarea {
  width: 248px;
}

.contacto .submit {
  width: auto;
}

/* ADMISION */
.admision {
  overflow: hidden;
}

.admision label {
  width: 170px;
  margin-bottom: 5px;
}

.admision input {
  width: 300px;
}

.admision input[type=checkbox] {
  width: auto;
  height: auto;
  margin: 0 5px 0 0;
  padding: 0;
}

.admision textarea {
  width: 298px;
  height: 100px;
}

.admision .submit {
  width: auto;
}


/* PAGINADO */
#paging {
  overflow: hidden;
  display: inline-block;
  background: #CCC;
  margin: 10px 0;
  padding: 10px;
  font-size: 12px;
  color: #013044;
  border-radius: 5px;
}

#paging a {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #013044;
  padding: 0 5px;
  text-decoration: none;
}

#paging a:hover,
#paging .active {
  background: #013044;
  padding: 5px;
  color: #FFF;
  font-weight: bold;
  border-radius: 3px;
}


/* ESPECIALES */
/* 7 CAPR */
#IXcapr form {
  overflow: hidden;
}

#IXcapr label {
  width: 150px;
  margin: 0 5px 5px 0;
}

#IXcapr input {
  width: 350px;
}

#IXcapr textarea {
  width: 348px;
}

#IXcapr .submit {
  width: auto;
}

#IXcapr .sending {
  display: none;
  float: left;
  margin: 10px 0 0 10px;
}

#IXcapr ul li {
  overflow: hidden;
}

#IXcapr ul.areas {
  list-style-type: decimal;
  list-style-position: inside;
}

#IXcapr ul.areas li,
#IXcapr ul.fechas li {
  padding: 5px 0;
}

#IXcapr li a.toggle {
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 3px 6px;
  background: #013044;
  color: #FFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#IXcapr li.display {
  margin: 0 0 10px 0;
  padding: 20px 10px;
  border: solid 1px #CCC;
  background: #FFF;
  display: none;
}

#IXcapr div.display2 {
  display: none;
}

#IXcapr span.sesiones {
  font-size: 15px;
  color: #CC6600;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
}

#IXcapr table.patrocinio TD {
  padding: 3px;
  text-align: center;
  vertical-align: top;
  font-size: 9px;
}
