#c-magneticos{ width: 100%;
			   margin: 30px 0px 0px 0px;
			   padding: 0px 20px 0px 20px}

/*tituloooo mas detalleeeeeeee*/
.c-magneticos-detalle{ width: 100%; }

.c-magneticos-detalle h1{ font-family: Montserrat;
						  font-size: 20px;
						  color: #fff;
						  font-weight: 700;
						  background: #ff0000;
						  display: inline-block;
						  padding: 10px 20px 10px 20px;
						  border-radius: 0px 50px 50px 0px}


/* tablaaaaaaaaaaaaaaaaaaaaaaaa */
.c-magneticos-tabla{ width: 50%;
					 float: left;
					 margin: 20px 0px 0px 0px}

#tablaa{border:1px solid#222;width: 100%}

#tablaa thead tr th{ padding: 0px 10px 0px 10px;
					 border-right: 1px solid#222;
					 border-bottom: 1px solid#222;
					 font-family: Montserrat;
					 font-size: 14px;
					 color: #222;
					 font-weight: 700;
					 padding: 5px 10px 5px 10px}

#tablaa tbody tr td{ padding: 0px 10px 0px 10px;
					 border-bottom: 1px solid#222;
					 border-right: 1px solid#222;
					 font-family: Montserrat;
					 font-size: 13px;
					 color: #222;
					 font-weight: 450;
					 padding: 5px 10px 5px 10px}

#tablaa tbody tr:nth-child(2n){background:rgba(255,0,0,0.2);}


/*imagennnnnnnnnnnnnnnnnnnnnn*/
.c-magneticos-img{ width:50%;
				   float: left;
				   margin: 20px 0px 0px 0px;
				   text-align: center;}

.c-magneticos-img h1{ font-family: Montserrat;
					  font-size: 20px;
					  color: #222;
					  font-weight: 700;
					   margin: 0 }					 

.c-magneticos-img img{ width: 100%;
					   max-width: 500px}

.c-magneticos-img:hover img{ cursor: zoom-in; }




/*responsiveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/

@media screen and (max-width: 1000px){

.c-magneticos-tabla{ width:100%;}

/*imagennnnnnnnnnnnnnnnnnnnnn*/
.c-magneticos-img{ width:100%;}

}






@media screen and (max-width: 600px){

#tablaa tbody tr td{ font-size: 12px}
}