#contenedor{
width:100%;
height:100%;

clear:both;
overflow:hidden;
margin-top:0px;
margin:auto;

border:solid 1px #E5E7E9;
display:block;
font-family:Calibri,Arial,sans-serif;
}
.seccion:nth-child(1){
width:70%;
height:	auto;
display:block;
float:left;
margin-top:60px;}
.seccion:nth-child(2){
width:30%;
height:	auto;
display:block;
float:left;
margin-top:60px;}


.titulo{
	 font-size:30px;
width:auto;
height:auto;
color:#00227a;
font-weight:bold;
	}
.p{font: 12px;
margin-left:20px;
}
#lista {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 16px;
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
	margin-left:20px;
}

#lista ol {
    margin: 0 0 0 2em; 
}

#lista li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    color: #000;
    text-decoration: none;
    transition: all .3s ease-out; 
	
	/*animation-duration: 3s;
  animation-name: serv; */ 
}
 	@keyframes serv {
  from {
    margin-left: 100%;
    width: 150%
  }

  to {
    margin-left: 3%;
    width: 100%;
  }
}

#lista li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #81ae38/*#5DADE2*/;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
	color:#FFFFFF;
}

#lista li:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

#lista li:hover:after{
    left: -.5em;
    border-left-color: #81ae38/*#5DADE2*/;             
}

/*-------------imagenes carrusel-------------*/
.contenedorLogos{
	clear:both;
	width:100%;
	text-align:left;
	height:auto;
	margin-top:20px;
	
	}
.contenedorLogos img{
width:150px;
height:41px;
margin:20px;}	
	
/*.bloquelogos{
width:95%;
height:auto;
clear:both;
margin-top:20px;
margin-bottom:60px;
margin-right:20px;
text-align:center;

animation-duration: 3s;
  animation-name: slidein;
}

.logos{
	width:330px;
	height:auto;
	}
	
	
	@keyframes slidein {
  from {
    margin-left: 100%;
    width: 150%
  }

  to {
    margin-left: -5%;
    width: 100%;
  }
}*/

.subtitulo{
font-size:12px;
font-weight:bold;
display: flex;
  align-items: center;}
  
  .info-titulo{
font-size:14px;
font-weight:bold;}

.infoC{
font-size:10px;}


 
.cont-info-contacto{
width:250px;
height:250px;
background-color:#F8F9F9;
margin-top:60px;

}
.cont-info-contacto-p {
margin-left:30px;
margin-top:10px;
margin-bottom:30px;}

.iconos{
width:30px;
height:30px;}

.iconos:hover{opacity:.7;}