/* CSS Document */
.contenedor_fichas{
/*	margin-top:30px; */
}

.contenedor_fichas >h2{
	font-family:'OpenSansLight'!important;
	font-weight:normal;
}

.fichas{
	
}

.fichas div a{
	color:#000!important;
}

.fichas div .ficha{
	border:1px solid #CCCCCC;
    padding: 20px 10px 10px 10px;
    margin-bottom: 20px;		
	text-align:center;
	min-height:220px;
	cursor:pointer;
}

.fichas div .ficha:hover{
	background-color:#c00;
	color:#FFF;
}

.fichas div .ficha .icono{
	border:1px solid #c00;
	border-radius:5px;
	display: inline-table;
}

.fichas div .ficha .icono svg{
	width:70px;
	height:70px;
	padding:10px;
	fill:#c00;
}

.fichas div .ficha:hover .icono{ 
	border-color:#FFF!important;
}

.fichas div .ficha:hover .icono svg { 
	fill:#FFF!important;
}


.fichas .ficha div.icono > span{
	width:55px;
	height:55px;
	margin:10px;
	color:#c00;
	vertical-align:middle;
}
.fichas .ficha:hover div.icono > span{
	color:#FFF!important;
}






.fichas div .ficha .titulo{
	font-weight:bold;
    margin-top: 10px;		
}
.fichas div .ficha .subtitulo{
	font-size:0.8em;	
}


@media (max-width: 576px) {
	.fichas div .ficha{
		padding: 10px;
		margin-bottom: 10px;		
		min-height:140px;
	}
	
.fichas div .ficha{
	font-size:0.8em;
}	
	
}



.fichas_negro div .ficha:hover{
	background-color:#000!important;			
}
.fichas_negro div .ficha .icono{
	border-color:#000!important;		
}
.fichas_negro div .ficha .icono svg{
	fill:#000!important;	
}