{
    margin: 0;
    padding: 0;
}
header{

}
header img{

}
.logo{
  max-width: 100%;
    position: relative;
    z-index: 100;
    margin-top: -68px
}
/*Generales...*/
body,html{
    margin: 0;

}

/* Iconos de redes sociales
----------------------------------------------- */
#social-iconos {
width:100%;
height:50px;
margin-bottom:10px;
display:block;
clear:both;
}
.social-icons{display:table}
.social-icons ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:right;
margin-right: 5px;
}
.social-icons ul {
padding:0;
float:right;
margin-bottom:0;
}
.social-icons li.social_icon {
background:none !important;
padding-left:0 !important;
display:inline;
float:left;
margin-left:6px;
}
.social-icons li:hover {
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
}


body {
    background: #fff url("../images/bg.jpg") no-repeat;
    max-width: 100%;
    height: 100%;
    background-position: top;
    background-size: 100%;
    font-family: 'Arial',sans-serif;
}

/*SLIDER*/

@keyframes slidy {
    0% {
        left: 0%;
    }
    20% {
        left: 0%;
    }
    25% {
        left: -100%;
    }
    45% {
        left: -100%;
    }
    50% {
        left: -100%;
    }
     70% {
        left: -200%;
     }
     75% {
        left: -200%;
      }
     95% {
        left: -200%;
     }
     100% {
      left: -200%;
  }
}
#paginas{
    margin-top: 0px;
    overflow: hidden;
    width: 73%;
    float: right;
}
div#slider {
    overflow: hidden;
    width: 73%;
    margin-right: 17px;
    float: right;

}


div#slider figure img {
  width: 19.8%;
  float: left;
}

div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  font-size: 0;
  animation: 15s slidy infinite;
  transition-delay:1s;
}

/* MENU */

.caja-menu{
  ` width: 100%;
    margin:0 auto;
    position: absolute;
    top: 100px;
    left: 440px;
    z-index: 100
}



ul#topnav {
    font-family: 'Arial',sans-serif;
    margin: 0; padding: 0;
    float: left;
    width: 600px;
    max-width: 100%;
    list-style: none;
    position: relative;
    font-size: 0.79em;
    text-transform: uppercase;
    font-weight: bold;
}
ul#topnav li {
    float: left;
    margin: 0; padding: 0;
    padding-right: 5px;
    padding-left: 5px;
    border-right: 2px solid #71c2f2;
}

.ultimo{
    border-right-style: none;
}
ul#topnav li a {
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav li a:hover{
  color: #71c2f2;
}


ul#topnav ul {
 display: none;
 list-style: none;
 color: #fff;
 padding: 5px 0px 5px 5px;
 margin: 0;
 }
  
ul#topnav ul li{
 float: left;
 color: #fff;
 width:100%;
 margin:2% 0%;
}
 
 
ul#topnav ul li a{
 color: #fff;
}
  
ul#topnav ul li a:hover{
 color: #aaa073;
 cursor:pointer;
}
  
ul#topnav li:hover ul ul,ul#topnav li:hover ul ul ul,ul#topnav li.iehover ul ul,ul#topnav li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
  
ul#topnav li:hover ul,ul#topnav ul li:hover ul,ul#topnav ul ul li:hover ul,ul#topnav li.iehover ul,ul#topnav ul li.iehover ul,ul#topnav ul ul li.iehover ul {
 display: block;
 cursor:pointer;
}

.activo {
  background: #097bbb;
}

/* CUERPO */

table{
    width: 70%;
    float: right;
    border-width: 0px;
}

.cuerpo{
    max-width: 85%;
    float: right;
    padding-bottom: 90px;
    position: static;

}
.contenido{
  max-width: 85%;
    float: right;
    padding-top: 10px;
    position: static;
}
.cuerpo p{
    color: #000;
    font-size: 14px;
    text-align: justify;
    margin-right: 20px;
    margin-left: -50px;
}

.cuerpo hr{
    height:3px;  
   background-color:#000;
   margin-right: 20px;
}

.cuerpo h3{
  font-size: 18px;
  float: left;
}
.cuerpo img{
  margin-left: 7px;
}
.image-last{
  margin-left: -5px;
}


/* Pie de Página */


footer {
    position: fixed;
    bottom: 5px;
    height: 70px;
    width: 100%;
    background: #193264;
    color: #fff;  
}


footer span{
    color: #71c2f2;
}
.texto-footer{
  display: inline-block;
    margin-top: 16px;
    font-size: 0.8em;
    margin-left: 20px;
  float: left;
  color: #fff;
}
.logo-inventiva{
  float: right;
    margin-right:20px;
    display: inline-block;
    opacity: 0.11;
    margin-top: 2px;
}
.logo-inventiva:hover{
  opacity: 1
}

.tooltip {
  float: right;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}



.logo-footer{
    float: right;
    display: inline-block;
    opacity: 0.8;
    margin-top: 2px;
}

.logo-footer:hover {
    opacity: 1; }