
.tit{
	text-align: center; 
	margin-top: 20px; 
	color: white; 
	font-weight:700;
	text-shadow: -3px -3px 3px  #F25A05, 3px -3px 3px  #F25A05, -3px 3px 3px  #F25A05, 3px 3px 3px  #F25A05
}
.titAutor{
	color: white; 
	text-shadow: -3px -3px 3px  #F25A05, 3px -3px 3px  #F25A05, -3px 3px 3px  #F25A05, 3px 3px 3px  #F25A05
}


.h-search-form{
	width: 100%;
	position: relative;
}
.h-search-form input{
   width: 100%;
   padding: 0 30px;
   border: none;
   font-weight: 600;
   font-size: 16px;
   text-transform: capitalize;
   position: relative;
   color: black;
   height: 40px;
}
.h-search-form button{
	position: absolute;
	right: 0px;
	height: 40px;
	border: none;
	color: white;
	background: #358886;
	width: 100px;
}
.h-search-form button:hover{
	background: #26BBBB;
}
/*Tabla*/
.table{
	width: 100%;
	border-collapse: collapse;
}
.table thead{
	background-color: white;
}
.table thead tr {/*th*/
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.35px;
	color: black;
	opacity: 1;
	padding: 10;
	vertical-align: top;
	text-align: center;
	border: 3px solid #F24405;
}
.table tbody tr {/*td*/
	font-size: 12.5px;
	letter-spacing: 0.35;
	font-weight: normal;
	color: black;
	background-color:white;
	padding: 8px;
	text-align: center;
	border: 3px solid #F24405;
}
.tamañoI{
	font-size: 20px;
	color: #F24405;
}
.boton1{
 font-weight:bold;
 border:0px;

}


/*Responsive*/
@media (max-width: 768px){
	.table thead{
		display: none;
	}
	.table,.table tbody,.table tr,.table td{
		display: block;
		width: 100%;
	}
	.table tr{
		margin-bottom: 15px;
	}
	.table tbody tr td{
		text-align: right;
		padding-left: 50%;
		position: relative;

	}
	.table td:before{
		content: attr(data-label);
		position: absolute;
		left: 0;
		width: 50%;
		padding-left: 15px;
		font-weight: 600;
		font-size: 14px;
		text-align: left;
	}

}