@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Heebo|Patua+One|Quicksand');

 div.seccion{
 width:100%; /* 30%*/
 min-height:50px;
}
 
div.titulo{
 width:90%;
 height:50px;
 overflow: hidden;
 border-bottom: 1px solid #002047;
 border-bottom-style: dashed; 

}
 
p.titulo{
 margin:13px;
 color: #008238;
 font-family: 'Barlow Semi Condensed', sans-serif; font-size:21px; color:#002047;
}
 
div.informacion{
 width:90%;
/* height:0px;*/
 background-color: #f5f5f5;
 overflow: hidden;
 transition: 2s;
 -webkit-transiton: height 2s;
 margin-top:16px; vertical-align:top;
}
 
p.informacion{
 color:#666;
font-family: 'Barlow Semi Condensed', sans-serif;
 font-size:15px; vertical-align:top;

}
 
div.seccion:hover div.informacion{
 height:180px;
}
 
.detalles{
 float:right;
 padding: 5px;
 padding-left: 20px;
 padding-right: 20px;
 background-color: #008238;
 color: white;
}
 
a.detalles{
 text-decoration: none;
}
 
.cruz{
 float:right; 
 margin-right:10px;
}
 
.detalles:hover{
 background-color: #7CBA3D;
}
 
.imginformacion{
 float:left;
 margin: 10px;
}
 
.marca{
 clear: both;
 height:2px;
 width: 100%;
 /*background-color: #7CBA3D;*/
  
}

div.informacion{
 width:85%;
 height:0px;
 background-color: #ffffff;
 overflow: hidden;
 transition: 2s;
 -webkit-transiton: height 2s;
}
 
p.informacion{
 color:#666;
}
 
div.seccion:hover div.informacion{
 height:180px;
}