.cat-h1{width:100%;float:left;text-align:center;margin:50px 0 30px 0;color:#004571;font-size:30px;line-height:35px;}
.cat-p-sub{width:100%;float:left;margin:0 0 30px 0;}
.cat-p{width: calc(33.33% - 30px);width: -webkit-calc(33.33% - 30px);width: -moz-calc(33.33% - 30px);float:left;margin:15px 15px 15px 15px;color:#777777;font-size:16px;line-height:24px;text-align:center;}
.cat-p-tex{width: calc(100% - 30px);width: -webkit-calc(100% - 30px);width: -moz-calc(100% - 30px);float:left;margin:15px;text-align:left;}
.cat-tex{width:100%;height:95px;float:left;overflow:hidden;color:#444444;}
.cat-tex:hover{color:#000000;}
.cat-t{width:100%;height:75px;border-bottom:1px solid#cccccc;float:left;color:#004571;padding:0 0 5px 0;margin:0 0 10px 0;font-size:20px;line-height:25px;overflow:hidden;}
.cat-leer{width:100%;float:left;font-weight:bold;color:#0066ff;margin:5px 0 5px 0;text-transform:uppercase;font-size:16px;}
.cat-leer:hover{color:#f6a21f;}

.cat-link{color:#777777;}
.cat-link:hover{color:#000000;}


@media screen and (max-width:900px ){
.cat-p{width: calc(50% - 30px);width: -webkit-calc(50% - 30px);width: -moz-calc(50% - 30px);}
}


@media screen and (max-width:400px ){
.cat-p{width:100%;margin:15px 0 15px 0;}
}