@charset "utf-8";
/* CSS Document */

body {
    background:url(../img/back.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font-family: 'Oswald', sans-serif;
	margin-top:0;
}
a,img {text-decoration:none; color:#000; border:0;}


/* HEADER */
#header {width:900px; height:120px; margin-bottom:37px; margin-top:0; background-color:#666699;}
h1 {width:243px; height:120px; float:left; background:url(../img/logo.png); text-indent:-9999px; margin:0;}
#menu {height:65px; width:657px; padding-top:55px; text-transform:uppercase; float:left; list-style:none; background-color:#666699; margin-bottom:37px;}
#menu li {font-size:18px; color:#FFF; display:block; float:left; text-align:center; margin-left:42px; line-height:115%;}
#menu li a {color:#FFF; text-decoration:none;}
#menu li.primero {margin-left:0;}
p {width:280px; height:auto; text-transform: none; float:left; line-height:125%; min-height:393px; margin-top:-5px;}
p.full {width:527px; margin-right:25px;}
p.index { height:393px; line-height:170%;}
p.staff {width:380px; float: left; height:10px;}
#staff {width:380px; float: left; min-height:400px; line-height: 150%;}
li.staff {
  font-size: 11pt; font-weight: 300;
}

/* contenido */
#layout {width:900px; margin:0 auto 0 auto; background-color:#FFF;}
#layout.index1 {height:827px}
#content {width:807px; margin:0 auto 0 auto; margin-bottom:21px;}
#content.index {height:420px;}
.titulo {width:807px; height:auto; font-size:24px; color:#666699; border-bottom:1px solid #666699; margin-top:35px; margin-bottom:15px;}
.separador {width:500px; height:5px; margin:auto; background-color:#666699}

/* footer */
#footer {width:900px; height:53px; text-align:center; background-color:#666699; color:#FFF; display: table-cell; vertical-align:middle;}

/* index */
#foto-principal {width:400px; height:393px; margin-right:16px; float:left; overflow: hidden;}
#foto-principal-det {width:476px; height:393px; margin-right:16px; float:left;}
#contenido-index {width:807px; height:393px; float:left;}


/*botones */
.linea {width:807px; height:2px; background-color:#666699;}
.col1-5{ width:134px; height:134px; float:left; margin:35px 0 15px 34px;}
.col1-5.first {margin-left:0px;}
.col1-4{ width:170px; height:170px; float:left; margin:35px 0 15px 42px;}
.col1-4.first {margin-left:0px;}
.footer {width:100%; margin-top:10px;}
.col1-2{ width:45%; height:auto; float:left; margin-left:5%;}
.volver {width:164px; height:36px; position:relative; float:right; top:-15px;}
.col1-4.staff {height:200px;}

/* informes-online */
.complete {width: 800px; min-height: 15px!important;}

/****** ACCORDION ******/
  <style>
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Lato';
}

.accordion dl {
  border: 1px solid #ddd;
}
.accordion dl:after {
  /*content: "";
  display: block;
  height: 0.3em;
  width: 100%;
  background-color: #999;*/
}
.accordion dt > a {
  text-align: center;
  font-weight: 700;
  padding: 1em;
  display: block;
  text-decoration: none;
  text-align:left;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
}
.accordion dd {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}
.accordion dd > p {
  padding: 1em 0.2em 0.5em 0.2em;
  height:55%;
}

.accordion {
  position: relative;
  background-color: #eee;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle {
  background-color: #615b8f;
  border-bottom: 1px solid #9a92d7;
}
.accordionTitle:before {
  content: "+";
  font-size: 1em;
  line-height: 1.1em;
  float: left;
  margin-right:10px;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover {
  background-color: #3b375c;
}

.accordionTitleActive {
  background-color: #3b375c;
}
.accordionTitleActive:before {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
}

.accordionItem {
  overflow: hidden;
}
@media all {
  .accordionItem {
    max-height: 50em;
    -moz-transition: max-height 1s;
    -o-transition: max-height 1s;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
  }
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 200em;
    -moz-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItemCollapsed {
  max-height: 0;
}

.animateIn {
  -webkit-animation-name: accordionIn;
  -webkit-animation-duration: 0.65s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-name: normal;
  -moz-animation-duration: 0.65s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
  -moz-animation-delay: 0s;
  -webkit-animation-name: accordionIn;
  -webkit-animation-duration: 0.65s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
}

.animateOut {
  -webkit-animation-name: accordionOut;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-name: accordionOut;
  -moz-animation-duration: 0.75s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
  -moz-animation-delay: 0s;
  -webkit-animation-name: accordionOut;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes accordionIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes accordionOut {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
  }

  100% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }